.demo-body{background:var(--ui-bg);color:var(--ui-ink);font:14px/1.5 var(--ui-font)}.demo-body :is(button,select,input){font:inherit}.demo-body :focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}.demo-body button:disabled{opacity:.5;cursor:default}.demo-body .brand-mark{background:var(--ui-accent);color:var(--ui-accent-ink)}.demo-header{display:flex;align-items:center;gap:24px;padding:20px 30px;border-bottom:1px solid var(--ui-line);max-width:1660px;margin:auto}.demo-header .brand{font-size:24px}.demo-header-label{font:9px Consolas,monospace;letter-spacing:1.5px;color:var(--ui-muted);border-left:1px solid var(--ui-line);padding-left:24px}.demo-header-actions{display:flex;align-items:center;gap:22px;margin-left:auto}.demo-header select{padding:8px 10px;border:1px solid var(--ui-line);background:var(--ui-panel);color:var(--ui-ink);font-size:11px;border-radius:var(--ui-radius)}.demo-directions{font-size:11px;color:var(--ui-muted)}.demo-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 16px;background:var(--ui-accent);color:var(--ui-accent-ink);font:600 11px Arial,sans-serif;border-radius:var(--ui-radius)}.demo-shell{max-width:1660px;margin:auto;padding:30px 30px 0}.desk-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:27px}.demo-body .eyebrow{font:9px Consolas,monospace;letter-spacing:1.3px;color:var(--ui-muted)}.desk-intro h1{font:36px/1.1 var(--ui-display);letter-spacing:-1.1px;margin:10px 0}.desk-intro p{font-size:13px;color:var(--ui-muted)}.synthetic-tag{border-left:2px solid var(--ui-accent);padding-left:14px;font:9px/1.7 Consolas,monospace;color:var(--ui-accent)}.synthetic-tag small{font:10px Arial,sans-serif;color:var(--ui-muted)}
.demo-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid var(--ui-line);border-radius:var(--ui-radius);overflow:hidden}.experiment-controls{padding:24px 21px;background:var(--ui-panel);border-right:1px solid var(--ui-line)}.control-heading{padding-bottom:19px;border-bottom:1px solid var(--ui-line);margin-bottom:22px}.control-heading h2{font:22px/1.2 var(--ui-display);letter-spacing:-.5px;margin-top:10px}.experiment-controls label{display:block;font-size:11px;margin:20px 0 8px}.experiment-controls select{width:100%;padding:10px 8px;background:var(--ui-bg);color:var(--ui-ink);border:1px solid var(--ui-line);font-size:11px;min-height:40px;border-radius:var(--ui-radius)}.control-note{font-size:10px;line-height:1.75;color:var(--ui-muted);margin-top:10px}.control-pair{display:grid;grid-template-columns:1fr;gap:0}.range-title{display:flex;justify-content:space-between;align-items:center;margin-top:11px}.range-title label{margin:13px 0}.range-title output{font:11px Consolas,monospace;color:var(--ui-accent)}.demo-body input[type=range]{accent-color:var(--ui-accent);cursor:ew-resize;min-height:24px}.experiment-controls input[type=range]{width:100%;margin:0}.desk-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--ui-line);background:var(--ui-panel);color:var(--ui-ink);padding:9px 11px;min-height:36px;font-size:11px!important;border-radius:var(--ui-radius);white-space:nowrap}.desk-button:hover{background:var(--ui-soft)}.desk-button.primary{background:var(--ui-accent);color:var(--ui-accent-ink);border-color:var(--ui-accent);width:100%;justify-content:space-between;margin-top:25px}.assumptions{margin-top:25px;border-top:1px solid var(--ui-line);padding-top:15px}.assumptions summary{font-size:11px;cursor:pointer}.assumptions ul{font-size:10px;line-height:1.8;color:var(--ui-muted);padding-left:15px}.assumptions li{margin-top:9px}.controls-next{display:flex;justify-content:space-between;font-size:10px;color:var(--ui-accent);border-top:1px solid var(--ui-line);margin-top:25px;padding-top:18px}
.desk-main{min-width:0;background:var(--ui-bg);padding:23px 24px 0}.session-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.session-heading h2{font:26px var(--ui-display);letter-spacing:-.5px;margin:7px 0 19px}.session-clock{display:flex;align-items:center;gap:12px;margin-bottom:14px}.session-clock>span{font:8px Consolas,monospace;padding:5px 7px;border:1px solid var(--ui-line);color:var(--ui-accent)}.session-clock strong{font:23px Consolas,monospace;font-weight:400}.session-clock small{display:none}.desk-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--ui-line);gap:12px;padding:18px 0}.desk-metrics>div>span{font-size:10px;color:var(--ui-muted)}.desk-metrics strong{display:block;font:27px/1.4 var(--ui-display);letter-spacing:-.6px;margin:5px 0}.desk-metrics small{font-size:8px;color:var(--ui-muted)}.gain{color:var(--ui-positive)!important}.loss{color:var(--ui-negative)!important}.playback{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--ui-line)}.playback input{min-width:50px;flex:1}.playback output{font:10px Consolas,monospace}.playback select,.window-label select{background:var(--ui-panel);color:var(--ui-ink);border:1px solid var(--ui-line);padding:7px;font-size:10px;border-radius:var(--ui-radius)}.chart-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.chart-tabs{display:flex;gap:23px}.chart-tabs button{border:0;background:none;padding:14px 0;color:var(--ui-muted);font-size:11px;border-bottom:2px solid transparent}.chart-tabs button[aria-selected=true]{color:var(--ui-accent);border-bottom-color:var(--ui-accent)}.window-label{font-size:9px;color:var(--ui-muted);display:flex;align-items:center;gap:9px}.chart-legend{display:flex;gap:18px;flex-wrap:wrap;font:9px Consolas,monospace;color:var(--ui-muted);padding:16px 0 9px}.key{display:inline-block;width:6px;height:6px;margin-right:5px}.key.up{background:var(--ui-positive)}.key.down{background:var(--ui-negative)}.key.accent{background:var(--ui-accent)}.chart-scroll{overflow-x:auto}.demo-body svg{display:block;width:100%;height:auto;min-width:500px}.demo-body svg .grid{stroke:var(--ui-line);stroke-width:1}.demo-body svg text{fill:var(--ui-muted);font:10px Consolas,monospace}.demo-body svg .up{fill:var(--ui-positive);stroke:var(--ui-positive)}.demo-body svg .down{fill:var(--ui-negative);stroke:var(--ui-negative)}.demo-body svg .volume{opacity:.25}.demo-body svg .overlay{stroke:var(--ui-accent);stroke-width:1;stroke-dasharray:4 5;fill:none;opacity:.7}.demo-body svg .curve{stroke:var(--ui-accent);stroke-width:2;fill:none}.demo-body svg .baseline{stroke:var(--ui-muted);stroke-width:1.5;stroke-dasharray:5 4;fill:none}.demo-body svg .trade-marker{cursor:pointer;fill:var(--ui-accent);stroke:var(--ui-bg);stroke-width:1.5}.demo-body svg .exit-marker{fill:var(--ui-ink)}.demo-body svg .selected-marker{stroke:var(--ui-accent);stroke-width:3}.demo-body svg .trade-marker:hover{stroke:var(--ui-ink);stroke-width:3}.demo-body svg .crosshair{stroke:var(--ui-muted);stroke-dasharray:3 3;opacity:.5}.chart-footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--ui-muted);padding:12px 0 17px;border-bottom:1px solid var(--ui-line)}
.evidence-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;padding-top:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.panel-heading h3{font:17px/1.3 var(--ui-display);letter-spacing:-.3px}.panel-heading>span{font:8px Consolas,monospace;color:var(--ui-muted)}.journal-scroll{max-height:285px;overflow:auto}.trade-journal table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font:10px Consolas,monospace}.trade-journal th{font:9px var(--ui-font);color:var(--ui-muted);padding:0 8px 12px 0;border-bottom:1px solid var(--ui-line)}.trade-journal td{padding:12px 8px 12px 0;border-bottom:1px solid var(--ui-line)}.trade-journal td:last-child{font-size:8px}.trade-journal button{border:1px solid var(--ui-line);background:var(--ui-panel);padding:5px 7px;color:var(--ui-ink);font-size:10px}.trade-journal tr.selected{background:var(--ui-soft)}.trade-journal tr.selected button{border-color:var(--ui-accent);color:var(--ui-accent)}.decision-inspector{padding-left:22px;border-left:1px solid var(--ui-line)}.trade-reason{font-size:11px;line-height:1.75;color:var(--ui-muted);margin-bottom:14px}.trade-reason strong{color:var(--ui-ink);font-weight:400}.trade-details{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;margin:0}.trade-details dt{font-size:9px;color:var(--ui-muted);margin-bottom:4px}.trade-details dd{margin:0;font:12px Consolas,monospace}.exit-note{font-size:10px;color:var(--ui-accent);line-height:1.65;margin-top:15px}.empty-message{color:var(--ui-muted);font-size:11px;line-height:1.8;padding:10px 0}.comparison-panel{border-top:1px solid var(--ui-line);margin-top:25px;padding:22px 0}.quiet-button{border:0;background:none;color:var(--ui-accent);font-size:10px!important;padding:6px 0}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-card{padding:17px;background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:var(--ui-radius)}.compare-card>span{font:8px Consolas,monospace;letter-spacing:1px;color:var(--ui-accent)}.compare-card h4{font-size:12px;font-weight:500;margin:8px 0}.compare-card p{font-size:9px;color:var(--ui-muted);line-height:1.8}.compare-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.compare-values span{font-size:8px;color:var(--ui-muted)}.compare-values strong{display:block;font:17px var(--ui-display);margin-top:4px}.compare-delta{font-size:11px;margin-top:14px;color:var(--ui-muted);line-height:1.8}.scenario-review{border-top:1px solid var(--ui-line);padding:20px 0}.scenario-review summary{cursor:pointer;font-size:12px}.scenario-review>p{font-size:10px;color:var(--ui-muted);margin:13px 0;line-height:1.8}.scenario-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scenario-result{border:1px solid var(--ui-line);padding:14px;background:var(--ui-panel)}.scenario-result h4{font-size:11px;margin:0 0 10px;font-weight:400}.scenario-result strong{font:23px var(--ui-display)}.scenario-result p{font-size:9px;color:var(--ui-muted);margin-top:9px}.desk-status{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--ui-line);align-items:center}.desk-status p{font-size:10px;line-height:1.7;color:var(--ui-muted);max-width:660px}.desk-status button{white-space:nowrap}.demo-handoff{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:55px 0}.demo-handoff h2{font:32px var(--ui-display);letter-spacing:-1px;margin-top:15px}.demo-handoff p{font-size:13px;color:var(--ui-muted);line-height:1.8;max-width:600px}.demo-handoff .demo-cta{margin-top:20px}.demo-footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--ui-line);max-width:1600px;margin:auto;padding:23px 30px;font-size:10px;color:var(--ui-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1150px){.demo-header-label,.demo-directions{display:none}.demo-workspace{grid-template-columns:235px 1fr}.desk-main{padding-inline:20px}.session-clock>span{display:none}.desk-metrics strong{font-size:23px}.playback{gap:8px;flex-wrap:wrap}.playback select{max-width:110px}.evidence-grid{grid-template-columns:1fr}.decision-inspector{padding:20px 0 0;border-left:0;border-top:1px solid var(--ui-line)}.trade-details{grid-template-columns:repeat(4,1fr)}.journal-scroll{max-height:210px}}
@media(max-width:800px){.demo-header{padding:16px 20px;gap:15px;flex-wrap:wrap}.demo-header .brand{font-size:21px}.demo-header-actions{gap:12px}.demo-header-actions .demo-cta{display:none}.demo-shell{padding:25px 20px 0}.desk-intro{align-items:start;gap:20px}.desk-intro h1{font-size:30px}.desk-intro p{font-size:12px}.synthetic-tag{display:none}.demo-workspace{grid-template-columns:1fr}.experiment-controls{border-right:0;border-bottom:1px solid var(--ui-line);display:grid;grid-template-columns:1fr 1fr;gap:0 22px;padding:21px}.control-heading{grid-column:1/-1;margin-bottom:0}.experiment-controls>label,.experiment-controls>select,.experiment-controls>p.control-note{grid-column:1}.experiment-controls>label[for=session]{grid-row:2}.experiment-controls>#session{grid-row:3}.experiment-controls>#session-description{grid-row:4}.experiment-controls>label[for=strategy]{grid-column:2;grid-row:2}.experiment-controls>#strategy{grid-column:2;grid-row:3}.experiment-controls>#strategy-description{grid-column:2;grid-row:4}.control-pair{grid-column:1;grid-row:5/8;grid-template-columns:1fr 1fr;gap:12px}.range-title{grid-column:2;grid-row:5}.experiment-controls>#cost{grid-column:2;grid-row:6}.experiment-controls>#cost-explanation{grid-column:2;grid-row:7}.experiment-controls .primary{grid-column:1;align-self:start}.experiment-controls>#pin-status{grid-column:2;align-self:center;margin-top:20px}.assumptions{grid-column:1/-1;margin-top:20px}.controls-next{display:none}.desk-main{padding:22px 20px 0}.session-heading h2{font-size:25px}.desk-metrics strong{font-size:25px}.evidence-grid{grid-template-columns:1fr 1fr}.decision-inspector{padding:0 0 0 20px;border-top:0;border-left:1px solid var(--ui-line)}.trade-details{grid-template-columns:1fr 1fr}.demo-handoff{gap:30px;padding:42px 0}.demo-handoff h2{font-size:27px}.demo-footer{flex-wrap:wrap;gap:12px}.demo-footer>span{order:3;width:100%}.demo-footer>a:last-child{margin-left:auto}}
@media(max-width:560px){.demo-shell{padding:22px 13px 0}.demo-header{padding:15px}.demo-header .brand{font-size:20px}.demo-header .brand-mark{width:26px;height:26px;font-size:23px}.demo-header select{font-size:10px;max-width:130px}.desk-intro{padding-inline:5px}.desk-intro h1{font-size:29px}.experiment-controls{gap:0 15px;padding:18px}.control-heading h2{font-size:20px}.experiment-controls select{font-size:10px;padding:8px 5px}.control-note{font-size:9px}.experiment-controls label{font-size:10px}.control-pair{grid-template-columns:1fr}.control-pair label{margin-top:13px}.range-title{align-self:start;margin-top:1px}.experiment-controls .primary{grid-column:1/-1;margin-top:20px}.experiment-controls>#pin-status{grid-column:1/-1;margin-top:8px}.desk-main{padding:20px 15px 0}.session-heading h2{font-size:23px}.session-clock strong{font-size:21px}.desk-metrics{grid-template-columns:1fr 1fr;gap:17px}.desk-metrics strong{font-size:27px}.playback{gap:9px}.playback input{order:4;flex-basis:70%;}.playback output{order:5}.playback select{margin-left:auto;max-width:110px}.desk-button{padding:8px;font-size:10px!important}.chart-tabs{gap:16px}.chart-tabs button{font-size:10px}.window-label{font-size:0}.window-label select{font-size:9px;padding:6px 3px;max-width:105px}.chart-top{gap:10px}.chart-legend{font-size:8px;gap:10px}.demo-body svg{min-width:580px}.chart-footer{display:block;line-height:1.8}.chart-footer>span{display:block}.evidence-grid{grid-template-columns:1fr;gap:20px}.decision-inspector{padding:20px 0 0;border-left:0;border-top:1px solid var(--ui-line)}.panel-heading h3{font-size:16px}.trade-details{grid-template-columns:1fr 1fr}.compare-grid{grid-template-columns:1fr}.scenario-results{grid-template-columns:1fr}.scenario-result{display:flex;justify-content:space-between;align-items:center;gap:12px}.scenario-result h4{margin:0}.scenario-result p{margin:0;font-size:8px}.scenario-result strong{font-size:19px}.desk-status{display:block}.desk-status button{margin-top:10px}.demo-handoff{grid-template-columns:1fr;gap:20px;padding-inline:5px}.demo-footer{padding-inline:18px;font-size:9px}}
.settings-toggle{display:none}
.export-dialog{background:var(--ui-panel);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:var(--ui-radius);width:min(800px,94vw);max-height:90vh;padding:24px}.export-dialog::backdrop{background:#000b}.export-dialog h2{font:24px var(--ui-display);letter-spacing:-.5px}.export-dialog>p{font-size:11px;color:var(--ui-muted);line-height:1.8;margin:10px 0}.export-dialog textarea{width:100%;height:42vh;resize:vertical;background:var(--ui-bg);color:var(--ui-ink);border:1px solid var(--ui-line);padding:14px;font:11px/1.65 Consolas,monospace;white-space:pre;overflow:auto}.export-actions{display:flex;gap:12px;margin-top:15px}.export-actions .primary{background:var(--ui-accent);color:var(--ui-accent-ink)}
@media(max-width:800px){.control-heading{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px}.control-heading .eyebrow,.control-heading h2{grid-column:1}.settings-toggle{display:inline-flex;grid-column:2;grid-row:1/3}.experiment-controls[data-expanded=false]>:not(.control-heading){display:none}.experiment-controls[data-expanded=false] .control-heading{margin:0;padding:0;border:0}}
@media(prefers-reduced-motion:reduce){.demo-body *{scroll-behavior:auto;transition:none!important}}
.demo-body .brand .platform-brand-mark{display:block;width:25px;min-width:25px;height:25px;fill:none;stroke:var(--ui-accent);stroke-width:1.1;margin-right:10px}.demo-body .brand .platform-wordmark{font:500 12px "Segoe UI",Arial,sans-serif;letter-spacing:.14em}@media(max-width:560px){.demo-body .brand .platform-wordmark{font-size:10px;letter-spacing:.1em}.demo-body .brand .platform-brand-mark{width:21px;min-width:21px;height:21px;margin-right:7px}}