:root{--ep-navy:#102e45;--ep-deep:#092338;--ep-teal:#0d929c;--ep-bright:#37d5d8;--ep-text:#183348;--ep-muted:#5e7384;--ep-line:#dce7ed;--ep-bg:#f3f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ep-text);font:16px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--ep-bg)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f4a54b;outline-offset:3px}.ep-container{max-width:1240px;margin:auto;padding-left:24px;padding-right:24px}.ep-hero{background:radial-gradient(circle at 85% 10%,#145c70 0,transparent 40%),linear-gradient(115deg,#09263e,#10364f);color:#fff;padding:76px 0 64px}.ep-kicker,.ep-label{font-size:.73rem;font-weight:800;letter-spacing:.15em;color:#168f9a}.ep-hero .ep-kicker{color:#83d9df}.ep-pill{display:inline-block;margin:25px 0 0;border:1px solid #37d5d8;color:#83f0ee;border-radius:40px;padding:7px 13px;font-size:.69rem;font-weight:800;letter-spacing:.16em}.ep-hero h1{font-size:clamp(2.2rem,5vw,4.4rem);letter-spacing:-.055em;line-height:1.08;margin:17px 0}.ep-hero h1 span{color:#5be0e1}.ep-hero p{max-width:760px;color:#d1e7ed;font-size:1.13rem}.ep-hero-links,.ep-hero-meta,.ep-next-links{display:flex;flex-wrap:wrap;gap:13px;margin-top:25px}.ep-hero-links a,.ep-next-links a{display:inline-block;text-decoration:none;border-radius:9px;padding:12px 18px;font-weight:800}.ep-primary,.ep-next-links a:first-child{background:#35d0d1;color:#08283b}.ep-secondary{color:#fff;border:1px solid #7899a8}.ep-hero-meta{font-size:.8rem;color:#b4d6dd;gap:24px;margin-top:32px}.ep-workspace{padding-top:48px;padding-bottom:60px}.ep-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.ep-heading h2,.ep-bottom h2,.ep-next h2{font-size:clamp(1.45rem,2.7vw,2rem);letter-spacing:-.035em;margin:8px 0}.ep-heading p,.ep-next p{color:var(--ep-muted);margin:0 0 18px}.ep-sample-tag{background:#e5f7f7;color:#137783;padding:8px 12px;border-radius:999px;white-space:nowrap;font-size:.7rem;font-weight:800;letter-spacing:.06em}.ep-toolbar{display:flex;gap:15px;align-items:end;flex-wrap:wrap;background:#fff;border:1px solid var(--ep-line);border-radius:14px;padding:16px;margin:10px 0 18px;box-shadow:0 5px 18px #17364b08}.ep-toolbar label{font-size:.77rem;font-weight:800;color:#536c7c;display:grid;gap:5px;flex:1;min-width:210px}.ep-toolbar select,.ep-toolbar input{width:100%;background:#f9fcfd;border:1px solid #d1e1e8;border-radius:8px;padding:11px;color:var(--ep-text)}.ep-toolbar button,.ep-panel-head button{background:#eff8f9;color:#126c78;border:1px solid #cce4e6;padding:10px 13px;border-radius:8px;font-weight:800}.ep-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:18px}.ep-main{display:grid;gap:18px;min-width:0}.ep-panel{background:#fff;border:1px solid var(--ep-line);border-radius:15px;box-shadow:0 5px 24px #163d5209;overflow:hidden}.ep-panel-head{padding:16px 19px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--ep-line)}.ep-panel-head strong{font-size:.91rem}.ep-panel-head span{font-size:.72rem;color:#718694}.ep-diagram{padding:30px 22px;min-height:286px;display:flex;align-items:center;gap:9px;overflow-x:auto;background:linear-gradient(#fff,#fbfdfe)}.ep-node{flex:1;min-width:120px;max-width:200px;min-height:134px;text-align:left;border:1px solid #b8d4dd;background:#f8fcfd;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:7px;justify-content:center;color:#18384a;transition:transform .15s,border-color .15s,box-shadow .15s}.ep-node:hover{transform:translateY(-2px);border-color:#0b99a2}.ep-node[aria-pressed=true]{border:2px solid #078f9a;background:#e7fafa;box-shadow:0 0 0 3px #b7eff0}.ep-node.warning{border-color:#e6b66d}.ep-node.warning[aria-pressed=true]{border-color:#c18a36;background:#fff7e9}.ep-node-icon{font-size:1.4rem;color:#088a95}.ep-node.warning .ep-node-icon{color:#b37d29}.ep-node strong{font-size:.84rem;line-height:1.3}.ep-node small{color:#687d8a;font-size:.71rem}.ep-arrow{font-size:1.5rem;font-weight:800;color:#77a6b3;flex:0 0 auto}.ep-legend{border-top:1px solid var(--ep-line);padding:12px 18px;display:flex;flex-wrap:wrap;gap:16px;color:#6a808d;font-size:.73rem}.ep-dot{display:inline-block;width:9px;height:9px;background:#0b9ea6;border-radius:50%;margin-right:4px}.ep-dot-warn{background:#d49b45}.ep-query-panel pre{margin:0;padding:19px;overflow:auto;background:#102b3d;color:#dcf8f8;font-size:.84rem;line-height:1.65}.ep-inspector{align-self:start;min-height:450px}.ep-details{padding:22px}.ep-details h3{font-size:1.38rem;margin:0 0 7px;letter-spacing:-.025em}.ep-details p{color:#516a79}.ep-details h4{margin:23px 0 8px;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.ep-details ul{padding-left:20px;color:#4c6472}.ep-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.ep-metric{border:1px solid var(--ep-line);background:#f7fbfc;border-radius:10px;padding:12px}.ep-metric span{display:block;color:#6b818e;font-size:.73rem}.ep-metric strong{display:block;font-size:1.17rem}.ep-flag{background:#fff3df;border-left:3px solid #c98d30;padding:12px;margin-top:16px;font-size:.86rem;color:#76511d;border-radius:6px}.ep-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.ep-bottom article{padding:24px}.ep-bottom p,.ep-bottom li{color:#516a79}.ep-guide ol{padding-left:22px}.ep-guide li{margin-bottom:10px}.ep-cautions{font-size:.87rem;color:#79582d;background:#fff6e7;border-radius:9px;padding:13px;margin-top:18px}.ep-notice{margin-top:20px;padding:18px 20px;border:1px solid #b9dfe1;background:#eaf8f9;border-radius:12px;color:#315d67;font-size:.88rem}.ep-next{border-top:1px solid #d6e6ea;padding-top:34px;padding-bottom:55px;display:flex;align-items:center;justify-content:space-between;gap:25px}.ep-next-links a:last-child{border:1px solid #bedce0;color:#176c76}.ep-footer{text-align:center;background:#0e2d43;color:#c4d9df;padding:24px;font-size:.82rem}@media(max-width:850px){.ep-layout,.ep-bottom{grid-template-columns:1fr}.ep-inspector{min-height:0}.ep-next{display:block}.ep-heading{align-items:start;flex-direction:column}.ep-hero{padding:50px 0}}@media(max-width:520px){.ep-container{padding-left:16px;padding-right:16px}.ep-hero-meta{display:grid;gap:8px}.ep-toolbar label{min-width:100%}.ep-diagram{padding:18px 14px}.ep-node{min-width:132px}.ep-sample-tag{white-space:normal}}

/* Local ShowplanXML importer */
.ep-import{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:22px;margin:20px 0;border:1px solid #b9dce0;background:#effafb;border-radius:16px}.ep-import p{margin:5px 0;color:#476473}.ep-import input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.ep-file-label,.ep-import button{cursor:pointer;background:#0b5260;color:white;border:0;border-radius:9px;padding:12px 16px;font-weight:700}.ep-drop{grid-column:1/-1;border:2px dashed #69b9c0;border-radius:12px;padding:22px;text-align:center;background:white;color:#155c66}.ep-drop.is-over{background:#d9f5f6}.ep-import-status{grid-column:1/-1}.ep-import #ep-import-status{color:#285964;font-size:.9rem}.ep-import #ep-samples{justify-self:start}.ep-statement-picker{padding:12px}.ep-statement-picker select{margin-left:8px;max-width:100%}.ep-diagram:has(.ep-tree-branch){display:block;overflow:auto;max-height:650px}.ep-tree-branch{margin:8px 0;min-width:max-content}.ep-tree-children{margin-left:32px;padding-left:18px;border-left:2px solid #a8d5db}.ep-tree-branch .ep-node{width:240px;max-width:100%;text-align:left}.ep-tree-branch .ep-node small{display:block}.ep-tree-branch .ep-node[aria-pressed=true]{outline:3px solid #13b7c5;outline-offset:2px}@media(max-width:650px){.ep-import{grid-template-columns:1fr}.ep-file-label{justify-self:start}}

/* v3 plan comparison */
.ep-compare{padding-top:26px;padding-bottom:38px}.ep-compare-upload,.ep-compare-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ep-compare-upload{margin:20px 0}.ep-compare-file{display:grid;gap:12px;border:2px dashed #80c9d0;background:#eefafb;padding:22px;border-radius:14px;font-weight:800;color:#164b5a;cursor:pointer}.ep-compare-file span{font-weight:500;overflow-wrap:anywhere}.ep-compare-file input{max-width:100%;font-weight:400}.ep-compare-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.ep-compare-controls label{display:grid;gap:5px;font-weight:700;color:#254d5d}.ep-compare-controls select,.ep-compare-controls button{padding:11px;border:1px solid #b9d6db;border-radius:9px;background:white;color:#184e5a;max-width:290px}.ep-compare-controls button{cursor:pointer}.ep-compare-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:18px 0}.ep-compare-stat{background:white;border:1px solid #cde3e7;border-radius:12px;padding:17px}.ep-compare-stat strong{display:block;font-size:1.5rem;color:#0e5360}.ep-compare-stat span{font-size:.83rem;color:#526c78}.ep-compare-columns .ep-panel{min-width:0;padding:16px}.ep-compare-tree{max-height:520px;overflow:auto;padding:12px 4px}.ep-compare-branch{margin:9px 0 9px 16px;padding-left:10px;border-left:2px solid #9fd7dd}.ep-compare-node{display:block;border:1px solid #c9e2e6;border-radius:10px;padding:10px;background:#f6fbfc;max-width:100%;min-width:220px}.ep-compare-node strong{display:block;color:#163e52}.ep-compare-node small{display:block;color:#526b77;margin-top:3px}.ep-compare-node.has-warning{border-color:#e6b86b;background:#fff8ed}.ep-compare-findings{margin-top:18px;padding:18px}.ep-compare-findings ul{padding-left:24px;line-height:1.7}.ep-compare-findings li{margin-bottom:7px}#ep-compare-status{color:#3d6370;font-size:.9rem}@media(max-width:800px){.ep-compare-upload,.ep-compare-columns{grid-template-columns:1fr}}

/* Comparison cost summary — calculated from selected statement ShowplanXML */
.ep-cost-summary{margin:24px 0 20px}.ep-cost-summary h3{font-size:1.25rem;margin:0 0 12px;color:var(--ep-navy)}.ep-cost-card{border:1px solid #d1e2e8;background:#fff;border-radius:15px;padding:20px 22px;box-shadow:0 5px 22px #163d5208}.ep-cost-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-bottom:17px;border-bottom:1px solid #e1e9ed}.ep-cost-column{min-width:0;display:grid;gap:5px}.ep-cost-filename{font-size:.76rem;color:#607987;overflow-wrap:anywhere}.ep-cost-value{font-size:clamp(1.35rem,2.8vw,1.85rem);color:#163448;line-height:1.25;font-variant-numeric:tabular-nums}.ep-cost-label{font-size:.83rem;color:#617887}.ep-cost-change{padding-top:16px}.ep-cost-change strong{color:#177e87;font-size:.98rem}.ep-cost-change.is-decrease strong{color:#167b72}.ep-cost-change.is-increase strong{color:#b06525}.ep-cost-change p{margin:7px 0 0;color:#607887;font-size:.87rem}.ep-cost-change .ep-cost-evidence{color:#315968}@media(max-width:520px){.ep-cost-card{padding:16px}.ep-cost-columns{gap:12px}.ep-cost-filename{font-size:.7rem}}