/* A quiet OLED workspace: color carries financial meaning. */
:root{--text:#eef1f6;--muted:#959ca8;--subtle:#707986;--line:#25292f;--green:#47d49a;--red:#f17b84;--blue:#9bb7e8}
.workspace{display:flex;flex-direction:column;height:100svh;min-height:680px;padding:0 14px;margin:25px -14px 0;background:#000;border:1px solid #24272d;border-radius:12px;overflow:hidden;position:relative;isolation:isolate}.workspace.focus-mode,.workspace:fullscreen{position:fixed;inset:0;z-index:70;width:100%;height:100dvh;max-width:none;min-height:0;margin:0!important;padding:0 24px;border:0;border-radius:0;overflow:hidden}.work-focus{overflow:hidden!important}.work-focus>.mobile-nav{display:none}.workspace .workspace-bar{height:57px;min-height:57px;padding:0;margin:0;display:flex;gap:20px;align-items:center;border-bottom:1px solid #24272e}.work-home{display:flex;align-items:center;gap:8px;background:none;border:0;padding:7px 0;color:#d8dce3;white-space:nowrap}.work-home>span{font-size:17px;color:#959da9;margin-right:5px}.work-home b{font:650 20px Manrope,var(--font);letter-spacing:-.8px}.work-home small{font:8px var(--mono);letter-spacing:2px;color:#727a87;margin-left:2px}.workspace .instrument-tabs{gap:24px;margin:0 auto 0 12px;flex-shrink:0}.workspace .instrument-tabs>button{font-size:12px;gap:8px;min-height:57px;padding:0 2px;color:#89919e}.workspace .instrument-tabs .tab-number{font-size:8px;color:#737c89!important}.workspace .instrument-tabs button.active{color:#eef2f7}.workspace .instrument-tabs button.active:after{background:#e3e8ef;box-shadow:none;height:1px}.workspace .tab-indicator{display:none}.work-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.work-button{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #343a45;background:#15181e;color:#e3e8f0;border-radius:7px;font-size:11px}.work-button:hover{background:#232832}.work-button .icon{width:15px;height:15px}.workspace .icon-btn{color:#8e98a6;width:29px;height:29px}.workspace .icon-btn:hover{color:#e8edf5;background:#20252e}.workspace .stats{height:75px;min-height:75px;padding:13px 0;margin:0;gap:0;border-bottom:1px solid #1d2128;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}.workspace .stat{min-height:0;padding:0 20px;border-color:#262a31}.workspace .stat:first-child{padding-left:4px}.workspace .stat:last-child{border:0}.workspace .stat-label{font-size:9px;color:#919aa7}.workspace .stat strong{font:500 20px Manrope,var(--font);color:#dfe5ee;letter-spacing:-.3px;margin:5px 0 3px}.workspace .stat strong small{font-size:11px;color:#7d8795}.workspace .stat .sub{font-size:8px;color:#646f7f}.workspace .stat-icon{display:none}.workspace .chart-panel{border:0;box-shadow:none;border-radius:0;background:#000;display:flex;flex-direction:column;flex:1;min-height:0;padding:12px 0 10px;overflow:hidden}.workspace .chart-head{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0;flex-wrap:nowrap}.workspace .chart-head h2{font:500 12px var(--font);color:#8f99a8;letter-spacing:0;white-space:nowrap}.workspace .chart-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:17px;margin:0;padding:0;border:0;flex:1}.workspace .view-tabs{gap:5px;display:flex;align-items:center}.workspace .view-tabs button{border:0;background:none;padding:6px 8px;font-size:10px;color:#777f8d;border-radius:5px;white-space:nowrap}.workspace .view-tabs button.active{background:#1c2028;color:#dce3ee}.workspace .segmented{background:#000;border:1px solid #282e38;border-radius:5px;padding:2px}.workspace .segmented button{color:#7f8999;font-size:9px;padding:5px 8px}.workspace .segmented button.active{background:#252b35;color:#e0e6f1}.plot-tools{display:flex;align-items:center;gap:4px}.workspace .plot-tools .icon-btn{font-size:17px;width:26px;height:26px;color:#939eac;border:1px solid #252c36;border-radius:5px}.workspace .plot-tools .text-btn{font-size:9px;margin-left:5px;color:#8d98a8;white-space:nowrap}.workspace .scenario-summary{min-height:70px;padding:8px 4px 11px;margin:0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.workspace .scenario-summary>div>span:first-child{font-size:9px;color:#8993a2}.workspace .result-line{margin-top:6px;gap:10px}.workspace .scenario-summary strong{font:500 31px Manrope,var(--font);letter-spacing:-.9px;text-shadow:none}.positive{color:#47d49a!important}.negative{color:#f17b84!important}.workspace .scenario-roi{background:#0c241a;border:1px solid #214535;color:#70dfae;font-size:9px;padding:4px 6px}.workspace .scenario-roi.negative{background:#271215;border-color:#51262d;color:#f0969e}.workspace .scenario-price{padding:0;text-align:right}.workspace .scenario-price b{font:13px var(--mono);color:#d3dbe7;margin-top:7px}.stage-plot{flex:1;min-height:170px;position:relative;overflow:hidden}.workspace .chart-container,.workspace .surface-container{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;border:0;border-radius:0;background:#000;overflow:hidden}.workspace .chart-container svg{display:block;width:100%;height:100%;max-height:none;cursor:crosshair;outline-offset:-2px}.workspace .chart-container svg:focus-visible{outline:1px solid #445268}.workspace .surface-container canvas{width:100%;height:100%}.workspace .chart-tooltip{top:12px;border-radius:7px;padding:10px 12px;background:#13171ff2;border:1px solid #3c4656;color:#cbd4e3;box-shadow:0 8px 24px #000a;font:10px var(--mono);z-index:4}.workspace .chart-tooltip>div{color:#9ca9bc;margin:4px 0}.workspace .chart-tooltip .tooltip-change{color:#e0e8f5;margin-bottom:8px}.workspace .chart-tooltip .tooltip-selected{color:#edf4ff}.workspace .chart-legend{min-height:29px;padding:4px 4px 8px;margin:0;display:flex;align-items:center;gap:20px;color:#8794a8;font-size:9px;flex-shrink:0}.workspace .legend-line{background:linear-gradient(90deg,#47d49a 50%,#ef7984 50%);box-shadow:none;width:15px;height:2px}.workspace .legend-line.muted{background:none;border-top:1px dashed #6b7688;height:0}.workspace .legend-line.expiry{background:none;border-top:1px dotted #9bb7e8;height:0}.workspace .chart-axis-label{color:#5f6d82!important;font:8px var(--mono);letter-spacing:0}.workspace .surface-caption{font-size:8px;line-height:1.5;color:#63748d;margin:2px 0 7px;padding:0 4px;flex-shrink:0}.workspace .surface-hint{font-size:8px;color:#718198;background:linear-gradient(transparent,#000e);bottom:4px;padding:6px 8px}.workspace .control-dock{display:grid;grid-template-columns:1.15fr 1.1fr .8fr;gap:28px;padding:16px 4px 10px;border-top:1px solid #222831;flex-shrink:0}.workspace .scenario-controls{display:contents}.workspace .range-block,.workspace .time-block{min-width:0}.workspace .range-label{margin-bottom:12px;gap:8px}.workspace .range-label label{font-size:10px;color:#9ba8bc}.workspace .range-label output{font:10px var(--mono);color:#d3dfef}.workspace input[type=range]{height:3px;background:#303a4a;accent-color:#d9e5f9;margin:4px 0}.workspace input[type=range]::-webkit-slider-thumb{width:12px;height:12px;background:#dce7f7;border:2px solid #b8cce9;box-shadow:0 0 0 3px #819bc21a}.workspace input[type=range]::-moz-range-thumb{background:#dce7f7;border:0}.workspace .range-ends{font-size:8px;color:#65758f;margin-top:10px}.workspace .range-ends button{font-size:8px;color:#8c9ab0}.workspace .time-chips{gap:5px}.workspace .time-chips button,.workspace .time-chips input{height:28px;min-height:28px;border:1px solid #2d3645;border-radius:5px;background:#090d14;color:#8596b1;font-size:9px;padding:0 5px}.workspace .time-chips button.active{background:#263044;border-color:#566c91;color:#e5eefc}.workspace .time-chips input{font-size:10px}.workspace .vol-control{display:grid;grid-template-columns:1fr auto;gap:9px 10px;margin:0;padding:0;border:0;align-content:start}.workspace .vol-control label{font-size:10px;color:#9ba8bc}.workspace .vol-control label span{display:inline;font-size:8px;color:#5f7395;margin:0 0 0 4px}.workspace .vol-control input{grid-row:2;grid-column:1/-1;margin:4px 0;max-width:none}.workspace .vol-control output{grid-row:1;grid-column:2;font-size:10px;color:#d3dfef;width:auto}.workspace .model-note{border:0;border-radius:0;background:none!important;color:#73839e!important;line-height:1.5;font-size:8px;margin:0;padding:4px 4px 0;flex-shrink:0}.workspace .model-note.caution{color:#a9a087!important}.workspace .parameters-dialog{position:fixed;inset:0 0 0 auto;height:100dvh;max-height:100dvh;width:370px;max-width:calc(100vw - 12px);margin:0;padding:0;border:0;border-left:1px solid #343b48;border-radius:0;background:#090b10;box-shadow:-15px 0 50px #0007}.workspace dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.workspace .parameters-dialog .parameters{position:static;width:100%;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:0;background:#090b10;padding:22px;box-shadow:none}.workspace .parameters .panel-heading{align-items:center;margin-bottom:6px}.workspace .parameters .section-kicker{display:none}.workspace .parameters h2{font:550 18px Manrope,var(--font);color:#e2e9f5}.workspace .parameters .parameter-actions{gap:8px}.workspace .parameters .parameter-actions .icon-btn{display:grid}.workspace .parameters .example-label{font-size:9px;color:#7888a1;padding:9px 0 15px;margin:0 0 18px;border-bottom:1px solid #222936}.workspace .parameters .example-label i{background:#7088ad}.workspace .parameters #form-area{display:block!important;margin-top:0!important}.workspace .field{gap:7px;margin-bottom:16px}.workspace .field>span,.workspace .field-label{font-size:11px;color:#9ba9c0}.workspace .field input,.workspace .field select{height:41px;background:#12161f;border:1px solid #2b3444;border-radius:7px;color:#e0e9f8;font-size:12px;padding:0 12px;box-shadow:inset 0 1px #fff03}.workspace .field input:hover,.workspace .field select:hover{border-color:#556787}.workspace .field input:focus,.workspace .field select:focus{outline:1px solid #7189ad;outline-offset:0;border-color:#7189ad}.workspace .field input:disabled{background:#0b1018;color:#53647f;border-color:#1d2839}.workspace .field small,.workspace .form-hint{color:#768baa;font-size:10px;line-height:1.7}.workspace .field-grid{gap:0 12px}.workspace .side-select{padding:3px;border:1px solid #2c3546;background:#0b1019;border-radius:7px;margin-bottom:18px}.workspace .side-select button{min-height:32px;color:#8095b4;font-size:11px;border-radius:4px}.workspace .side-select button.active,.workspace .side-select button.active.long,.workspace .side-select button.active.call{background:#153126;color:#81e2b4}.workspace .side-select button.active.put,.workspace .side-select button.active.short{background:#351d25;color:#eea3af}.workspace .form-section,.workspace details{border-color:#263247}.workspace .form-section .section-kicker{display:block;font-size:8px;color:#637b9f}.workspace .model-caption{background:#121f34;border-color:#2b4568;color:#9fbee7;font-size:10px}.workspace .parameters summary{color:#9fb8dd;font-size:10px}.workspace .parameters .primary{background:#dce7f7;border-color:#dce7f7;color:#132139;box-shadow:none;border-radius:7px;font-size:11px;margin-top:5px}.workspace .parameters .primary:hover{background:#f2f7ff}.workspace #form-error{background:#2a151e;border-color:#5d2d3b;color:#f0a3b0}.workspace .table-dialog{width:950px;max-width:calc(100vw - 24px);max-height:85dvh;border:1px solid #34425a;background:#080d15;border-radius:10px;padding:0}.workspace .table-dialog .heat-panel{padding:23px;border:0;background:#080d15}.workspace .table-dialog h2{font-size:17px;color:#dce8fa}.workspace .table-dialog .panel-heading{gap:15px}.workspace .table-dialog .section-kicker{display:none}.workspace .table-dialog .panel-heading p{font-size:10px;color:#708bae}.workspace #close-table{order:9;flex-shrink:0}.workspace .table-dialog .text-btn{margin-left:auto;color:#9ab8e2;font-size:10px}.workspace th{color:#8fa8ce}.workspace td.gain{background:#102b20;color:#7cdcac}.workspace td.loss{background:#2d1720;color:#ea9eab}.workspace td.flat{background:#132035;color:#8ba7d2}.workspace td:hover,.workspace td.selected{border-color:#9db8e0;box-shadow:none}.workspace .heat-footer{color:#6886b2}.workspace .heat-footer i{background:#8faedb}.workspace .text-btn:hover{color:#cbdcf6}.workspace #exit-workspace[hidden]{display:none}.workspace.focus-mode~.bottom-note{visibility:hidden}#toast{z-index:110;background:#172233;border-color:#536e95;color:#deebff}.portfolio-info,.position-card,.empty-state,.portfolio-totals{border-color:#2b3646;background:#05090f}.portfolio-info,.position-card p,.position-numbers small,.empty-state p{color:#8599b7}.portfolio-totals{background:#111d2d}.portfolio-totals span{color:#94afcf}td.gain{background:#102b20;color:#7cdcac}td.loss{background:#2d1720;color:#ea9eab}dialog#guide-dialog{background:#080d15;border-color:#364762}#guide-dialog .dialog-head,#guide-dialog .guide-body{background:#080d15}#guide-dialog p{color:#9bb0ce}#guide-dialog code{background:#101d30;border-color:#2e4b70;color:#b9d2f3}#guide-dialog h3,#guide-dialog b,#guide-dialog .sources a{color:#c7dbf8}.mobile-nav{background:#090e16ed;border-color:#344762}.mobile-nav button{color:#8fa7c9}.mobile-nav button.active{background:#26344b;color:#e0ebfb}
@media(min-width:1550px){.workspace.focus-mode{padding:0 34px}.workspace .scenario-summary{min-height:80px}.workspace .scenario-summary strong{font-size:35px}}
@media(max-width:900px){.workspace .chart-head h2{display:none}.workspace .chart-toolbar{justify-content:space-between}.workspace .workspace-bar{gap:10px}.workspace .instrument-tabs{gap:17px;margin-left:10px}.work-actions{gap:5px}.workspace .control-dock{gap:18px}.workspace .stat{padding:0 12px}.workspace .stat strong{font-size:18px}.workspace .vol-control label span{display:none}.workspace .scenario-summary strong{font-size:29px}.workspace .chart-axis-label{display:none!important}}
@media(max-width:700px){.workspace{height:100svh;min-height:680px;margin:24px -9px 0;padding:0 10px;border-radius:9px}.workspace.focus-mode,.workspace:fullscreen{padding:0 12px;margin:0!important;min-height:0;border-radius:0}.workspace .workspace-bar{height:51px;min-height:51px;gap:6px}.work-home{gap:5px}.work-home>span{font-size:14px;margin-right:1px}.work-home b{font-size:16px}.work-home small{display:none}.workspace .instrument-tabs{gap:13px;margin-left:5px}.workspace .instrument-tabs>button{font-size:10px;min-height:51px;padding:0;gap:0}.workspace .tab-number{display:none}.work-actions{gap:3px}.work-button{padding:7px;border:0;background:none}.work-button span:last-child{display:none}.workspace .icon-btn{width:25px;height:27px;padding:4px}.workspace .icon-btn .icon{width:14px;height:14px}#open-table{display:none}.workspace .stats{height:63px;min-height:63px;padding:10px 0;gap:0}.workspace .stat{padding:0 8px;min-height:0;border-right:1px solid #202a39}.workspace .stat:first-child{padding-left:0}.workspace .stat-label{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace .stat strong{font-size:14px;letter-spacing:-.4px;margin:6px 0 0}.workspace .stat strong small{font-size:8px;margin-left:2px}.workspace .stat .sub{display:none}.workspace .stat:last-child{padding-right:0}.workspace .chart-panel{padding:6px 0 7px}.workspace .chart-head{min-height:33px;gap:5px}.workspace .chart-toolbar{gap:6px;flex-wrap:nowrap}.workspace .view-tabs{gap:0}.workspace .view-tabs button{font-size:9px;padding:5px 6px}.workspace .segmented button{font-size:8px;padding:4px 5px}.workspace .plot-tools{gap:3px}.workspace .plot-tools .icon-btn{width:23px;height:24px;font-size:14px}.workspace .plot-tools .text-btn{font-size:8px;margin-left:2px}.workspace .scenario-summary{min-height:66px;padding:9px 2px 8px}.workspace .scenario-summary strong{font-size:27px}.workspace .scenario-summary>div>span:first-child{font-size:8px}.workspace .scenario-price b{font-size:11px}.workspace .scenario-roi{font-size:8px;padding:3px 5px}.workspace .result-line{gap:7px}.workspace .stage-plot{min-height:150px}.workspace .chart-legend{font-size:8px;min-height:25px;gap:12px;padding:3px 2px 6px;flex-wrap:nowrap}.workspace .surface-caption{font-size:7px;line-height:1.5;margin:2px 0 5px;padding:0 2px}.workspace .surface-hint{font-size:7px;padding:5px 3px}.workspace .control-dock{grid-template-columns:1fr 1fr;gap:16px 20px;padding:13px 2px 8px}.workspace .vol-control{grid-column:1/-1;grid-template-columns:105px 1fr 33px;gap:10px;align-items:center}.workspace .vol-control label{font-size:9px}.workspace .vol-control input{grid-row:1;grid-column:2;margin:0}.workspace .vol-control output{grid-row:1;grid-column:3;font-size:9px}.workspace .range-label{margin-bottom:10px}.workspace .range-label label{font-size:9px}.workspace .range-label output{font-size:9px}.workspace .range-ends{font-size:7px;margin-top:9px}.workspace .range-ends button{font-size:7px}.workspace .time-chips{gap:3px}.workspace .time-chips button,.workspace .time-chips input{font-size:8px;padding:0 3px;min-height:25px;height:25px}.workspace .time-chips input{font-size:9px;flex:.8}.workspace .model-note{font-size:7px;line-height:1.6;padding:3px 2px 0}.workspace .parameters-dialog{width:350px;max-width:calc(100vw - 18px)}.workspace .parameters-dialog .parameters{padding:20px}.workspace .parameters .panel-heading .parameter-actions .icon-btn{display:grid}.workspace .parameters h2{font-size:18px}.workspace .parameters .field input,.workspace .parameters .field select{font-size:13px;height:42px}.workspace .parameters .field>span{font-size:11px}.workspace .table-dialog .heat-panel{padding:18px 12px}.workspace .table-dialog h2{font-size:14px}.workspace .table-dialog .text-btn{font-size:9px}.workspace .table-dialog .panel-heading{gap:8px}.workspace .table-dialog table{min-width:420px}#toast{bottom:22px}.work-focus #toast{bottom:22px}}
@media(max-width:380px){.workspace .instrument-tabs{gap:10px}.work-actions{gap:1px}.workspace .work-home b{font-size:14px}.workspace .plot-tools #reset-view{font-size:0}.workspace .plot-tools #reset-view:after{content:'↺';font-size:13px}.workspace .plot-tools .icon-btn{width:21px}.workspace .view-tabs button{padding:5px;font-size:8px}.workspace .segmented button{font-size:7px}.workspace .control-dock{column-gap:13px}}
@media(max-height:600px){.workspace.focus-mode{overflow-y:auto}.workspace.focus-mode .chart-panel{min-height:470px}.workspace.focus-mode .stats{display:none}}
.work-focus .hero{visibility:hidden}.work-focus .hero .blackhole img{animation-play-state:paused!important}.workspace .parameters-dialog::backdrop{background:#0008;backdrop-filter:none}
html:has(body.work-focus){overflow:hidden!important;height:100%}.workspace .time-chips button{white-space:nowrap}@media(max-width:700px){.workspace .time-chips button{font-size:7.5px;padding:0 2px}}
.mobile-table-button{display:none}@media(max-width:700px){.workspace .mobile-table-button{display:flex;margin-top:12px;background:#111c2d;border-color:#324963;color:#a5beda;border-radius:7px}}

/* V5: position context, readable controls and purposeful interactions. */
.workspace .workspace-bar{min-height:62px;height:62px}
.workspace .instrument-tabs>button{font-size:13px;min-height:62px}
.workspace .work-button{font-size:12px;padding:9px 12px}
.workspace .work-actions{gap:10px}
.workspace .icon-btn{width:32px;height:32px}
.workspace .stats{height:82px;min-height:82px}
.workspace .stat-label{font-size:10px;letter-spacing:.15px}
.workspace .stat strong{font-size:22px}
.workspace .stat .sub{font-size:9px;color:#788393}
.workspace .chart-head{min-height:52px;gap:20px}
.workspace .chart-heading{min-width:0;padding-left:4px}
.workspace .chart-heading h2{color:#c7d1df;font-size:14px;font-weight:550;letter-spacing:-.2px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px;margin:0}
.workspace .chart-heading>span{font:8px var(--mono);letter-spacing:.6px;display:block;margin-top:4px;color:#65768e}
.workspace .chart-toolbar{flex:0 0 auto;gap:18px}
.workspace .view-tabs button{font-size:11px;padding:7px 9px}
.workspace .segmented button{font-size:10px;padding:6px 10px}
.workspace .plot-tools .text-btn{font-size:10px}
.workspace .plot-tools .icon-btn{height:28px;width:28px}
.workspace .scenario-summary{min-height:86px;padding:12px 4px 16px;gap:20px}
.workspace .scenario-summary>div>span:first-child{font-size:11px;color:#8f9db0}
.workspace .scenario-summary strong{font-size:35px;letter-spacing:-1.1px}
.workspace .scenario-roi{font-size:11px;padding:5px 7px}
.workspace .scenario-details{display:flex;align-items:center;justify-content:end;gap:33px}
.workspace .scenario-details>div>span{font-size:10px;color:#8492a7;display:block}
.workspace .scenario-details>div>b{display:flex;align-items:center;gap:11px;font:13px var(--mono);color:#d0dbe9;margin-top:9px;font-variant-numeric:tabular-nums;white-space:nowrap}
.workspace .scenario-details .scenario-underlying>b>span:first-child{color:#697a93}
.workspace .scenario-underlying i{font:12px var(--font);font-style:normal;color:#465975}
.workspace .scenario-price{text-align:left}
.workspace .pin-scenario{display:flex;align-items:center;justify-content:center;gap:7px;background:#111923;border:1px solid #35465e;color:#bacde7;border-radius:7px;height:36px;padding:0 12px;font-size:11px;white-space:nowrap}
.workspace .pin-scenario:hover{background:#203047;border-color:#687f9f}
.workspace .pin-scenario .icon{height:14px;width:14px}
.workspace .pin-scenario:disabled{opacity:.4;cursor:not-allowed}
.workspace .chart-legend{min-height:34px;font-size:10px;gap:18px;padding-top:6px;padding-bottom:10px}
.workspace .chart-legend>button{display:flex;align-items:center;gap:6px;border:0;background:none;color:#8f9fb7;font-size:10px;padding:3px 0;min-height:24px}
.workspace .chart-legend>button[aria-pressed=false]{opacity:.4;text-decoration:line-through}
.workspace .chart-legend>button:hover{color:#d3e4fc}
.workspace .chart-axis-label{font-size:9px;color:#697f9f!important}
.workspace .control-dock{padding:19px 4px 12px;gap:32px;grid-template-columns:1.12fr 1.1fr .85fr}
.workspace .range-label label,.workspace .vol-control label{font-size:11px;color:#a3b1c7}
.workspace .range-label output,.workspace .vol-control output{font-size:11px}
.workspace .range-label{min-height:25px;margin-bottom:12px}
.workspace .change-entry{display:flex;align-items:center;justify-content:end;gap:2px;min-width:68px;height:26px;border:1px solid #303e52;border-radius:5px;background:#0b111b;padding-right:8px}
.workspace .change-entry input{background:none;color:#c8d7ed;border:0;width:51px;height:25px;min-width:0;font:11px var(--mono);text-align:right;padding:0 4px;appearance:textfield;-moz-appearance:textfield}
.workspace .change-entry input::-webkit-inner-spin-button,.workspace .change-entry input::-webkit-outer-spin-button{appearance:none;margin:0}
.workspace .change-entry span{font:10px var(--mono);color:#607a9f}
.workspace .change-entry:focus-within{border-color:#839aba;outline:1px solid #839aba}
.workspace .change-entry input:focus{outline:0}
.workspace .range-ends{font-size:9px;align-items:center;margin-top:9px}
.workspace .quick-changes{display:flex;align-items:center;gap:6px}
.workspace .quick-changes button{padding:4px 8px;border:1px solid #283448;border-radius:4px;font:9px var(--mono);color:#8ea6c9;background:#0b111a;min-height:24px}
.workspace .quick-changes button:hover{border-color:#647c9e;color:#d3e6ff}
.workspace .time-chips button,.workspace .time-chips input{height:31px;min-height:31px;font-size:10px}
.workspace .time-chips input{width:46px;min-width:0;flex:.6}
.workspace .vol-control{padding-top:1px;row-gap:16px}
.workspace .vol-control label{white-space:nowrap}
.workspace .vol-control label span{font-size:9px;color:#7187a7}
.workspace .model-note{font-size:9px;line-height:1.6;color:#7a8da9!important;padding:5px 4px 0}
.workspace .model-note.caution{color:#b9a78c!important}
.workspace .surface-caption{font-size:9px;color:#7b91b0}
.workspace .surface-hint{font-size:9px;color:#8b9db8}
.workspace .field input,.workspace .field select{font-size:14px;height:44px}
.workspace .field>span{font-size:12px;color:#a5b5ce}
.workspace .form-hint{font-size:11px;line-height:1.8}
.workspace .parameters-dialog{width:400px}
.workspace .parameters-dialog .parameters{padding:25px}
.workspace .parameters .primary{font-size:12px;min-height:44px}
.drawer-links{display:flex;flex-wrap:wrap;gap:11px 20px;margin:21px 0 3px;padding-top:18px;border-top:1px solid #283448}
.drawer-links button{border:0;background:none;color:#8aa6cd;font-size:11px;padding:4px 0;min-height:28px}
.drawer-links button:hover{color:#d9e9ff}
.workspace #form-error{font-size:11px;line-height:1.6}
.workspace .invalid .stage-plot{opacity:.4}
.workspace .text-btn:focus-visible,.workspace button:focus-visible{outline:2px solid #a3bcdf;outline-offset:3px}
@media(min-width:1550px){.workspace .scenario-summary strong{font-size:40px}.workspace .scenario-summary{min-height:95px}.workspace .stat strong{font-size:24px}}
@media(max-width:1100px){.workspace .scenario-details{gap:21px}.workspace .pin-scenario{font-size:10px;padding:0 10px}.workspace .chart-heading h2{max-width:300px}.workspace .chart-toolbar{gap:12px}.workspace .chart-heading>span{font-size:7px}.workspace .control-dock{gap:24px}.workspace .vol-control label span{display:none}}
@media(max-width:900px){.workspace .work-actions{gap:5px}.workspace .chart-heading h2{display:block!important;font-size:13px;max-width:260px}.workspace .chart-head{flex-wrap:wrap;gap:8px;min-height:80px;align-content:center}.workspace .chart-heading{flex:1 0 100%}.workspace .chart-toolbar{flex:1;justify-content:space-between}.workspace .scenario-details{gap:15px}.workspace .scenario-underlying{display:none}.workspace .scenario-summary strong{font-size:31px}.workspace .stat strong{font-size:20px}}
@media(max-width:700px){.workspace.focus-mode{padding:0 14px}.workspace .workspace-bar{height:54px;min-height:54px;gap:6px}.workspace .instrument-tabs>button{font-size:11px;min-height:54px}.workspace .instrument-tabs{gap:15px;margin-left:5px}.workspace .work-actions{gap:2px}.workspace .work-actions .desktop-work-action{display:none}.workspace .work-button{padding:6px}.workspace .work-actions .icon-btn{width:27px;height:30px}.workspace .stats{height:66px;min-height:66px;padding:11px 0}.workspace .stat strong{font-size:16px}.workspace .stat-label{font-size:8px}.workspace .chart-panel{padding:8px 0}.workspace .chart-head{min-height:73px;gap:8px;align-content:center}.workspace .chart-heading h2{font-size:12px;max-width:none;line-height:1.3}.workspace .chart-heading>span{font-size:7px;margin-top:4px}.workspace .chart-toolbar{gap:5px}.workspace .view-tabs button{font-size:9px;padding:5px 6px;min-height:27px}.workspace .segmented button{font-size:8px;padding:5px}.workspace .plot-tools .icon-btn{width:25px;height:27px}.workspace .plot-tools .text-btn{font-size:8px;margin-left:0}.workspace .scenario-summary{min-height:80px;padding:8px 2px 13px;gap:9px;align-items:start}.workspace .scenario-summary>div>span:first-child{font-size:9px}.workspace .scenario-summary strong{font-size:29px;line-height:1.2;letter-spacing:-1px}.workspace .result-line{gap:6px;flex-wrap:nowrap}.workspace .scenario-roi{font-size:8px;padding:3px 4px}.workspace .scenario-details{gap:6px;flex-direction:column;align-items:end}.workspace .scenario-details .scenario-price{display:none}.workspace .pin-scenario{height:31px;font-size:9px;padding:0 8px;gap:5px;margin-top:13px}.workspace .pin-scenario .icon{width:12px;height:12px}.workspace .comparison-count{font-size:8px;margin-left:0;min-width:15px;height:15px;padding:0 3px}.workspace .chart-legend{font-size:8px;min-height:29px;gap:12px;padding:4px 2px 5px}.workspace .chart-legend>button{font-size:8px;min-height:23px}.workspace .legend-line{width:12px}.workspace .control-dock{gap:12px 17px;grid-template-columns:1fr 1fr;padding:12px 2px 8px}.workspace .range-label{min-height:24px;margin-bottom:10px;gap:5px}.workspace .range-label label,.workspace .vol-control label{font-size:9px}.workspace .range-label output{font-size:8px;white-space:nowrap}.workspace .change-entry{height:24px;min-width:54px;padding-right:5px}.workspace .change-entry input{width:39px;font-size:10px;height:23px;padding:0 3px}.workspace .change-entry span{font-size:8px}.workspace .range-ends{font-size:7px;margin-top:8px;gap:5px}.workspace .quick-changes{gap:3px}.workspace .quick-changes button{font-size:7px;padding:3px 4px;min-height:22px}.workspace .time-chips{gap:3px}.workspace .time-chips button,.workspace .time-chips input{height:28px;min-height:28px;font-size:8px;padding:0 2px}.workspace .time-chips input{font-size:9px;width:30px;flex:.6}.workspace .vol-control{padding-top:1px;grid-template-columns:110px 1fr 34px;gap:10px}.workspace .vol-control output{font-size:9px}.workspace .model-note{font-size:8px;line-height:1.5;padding:4px 2px 0}.workspace .stage-plot{min-height:130px}.workspace .surface-hint,.workspace .surface-caption{font-size:8px}.workspace .parameters-dialog{width:370px;max-width:calc(100vw - 12px)}.workspace .parameters-dialog .parameters{padding:23px}.workspace .parameters .field input,.workspace .parameters .field select{font-size:16px;height:44px}.workspace .parameters .field>span{font-size:11px}.workspace .parameters .form-hint{font-size:10px}.workspace .field-grid{gap:0 13px}.drawer-links{margin-top:20px;gap:10px 16px}.drawer-links button{font-size:10px}.workspace #mobile-open-table{display:block}.workspace .surface-caption{margin-bottom:4px}}
@media(max-width:380px){.workspace.focus-mode{padding:0 11px}.workspace .work-home b{font-size:14px}.workspace .instrument-tabs{gap:12px}.workspace .instrument-tabs>button{font-size:10px}.workspace .work-actions .icon-btn{width:25px}.workspace .stat strong{font-size:14px}.workspace .stat-label{font-size:7px}.workspace .scenario-summary strong{font-size:25px}.workspace .pin-scenario{font-size:8px;padding:0 6px}.workspace .scenario-roi{font-size:7px}.workspace .range-label label{font-size:8px}.workspace .change-entry{min-width:50px}.workspace .control-dock{column-gap:13px}.workspace .plot-tools #reset-view{font-size:0}.workspace .plot-tools #reset-view:after{content:'↺';font-size:14px}}
@media(max-height:650px) and (min-width:701px){.workspace .stats{height:60px;min-height:60px;padding:8px 0}.workspace .stat strong{font-size:18px}.workspace .stat .sub{display:none}.workspace .scenario-summary{min-height:65px;padding:8px 4px}.workspace .scenario-summary strong{font-size:27px}.workspace .control-dock{padding-top:12px;padding-bottom:8px}.workspace .chart-legend{min-height:28px}.workspace .chart-head{min-height:42px}}
@media(prefers-reduced-motion:reduce){.workspace *{scroll-behavior:auto}}
.workspace .change-entry:has([aria-invalid=true]){border-color:#aa6371}.workspace #elapsed[aria-invalid=true]{border-color:#aa6371}
@media(max-width:700px){.workspace .scenario-details .scenario-underlying{display:block}.workspace .scenario-underlying>span{display:none!important}.workspace .scenario-details .scenario-underlying>b{font-size:9px;gap:5px;margin-top:0;line-height:1.4}.workspace .scenario-underlying i{font-size:9px}.workspace .scenario-details{gap:8px;padding-top:3px}.workspace .pin-scenario{margin-top:0}.workspace .scenario-summary{min-height:83px}.workspace .parameters #form-error{margin:0 0 18px}}
.workspace[data-kind=viop] .control-dock{grid-template-columns:minmax(0,650px)}
.workspace.invalid .stage-plot{opacity:.35}
@media(max-width:700px){.workspace .scenario-details{gap:6px}.workspace .scenario-details .scenario-price{display:flex;align-items:center;gap:6px}.workspace .scenario-details .scenario-price>span{font-size:7px;color:#6e83a2;max-width:78px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace .scenario-details .scenario-price>b{font-size:9px;margin-top:0}.workspace .scenario-summary{min-height:90px}.workspace .pin-scenario{height:28px;font-size:8px}.workspace .scenario-details .scenario-underlying>b{font-size:8px}.workspace .scenario-summary strong{font-size:28px}.workspace .scenario-price b{color:#b8cbe6}}
.workspace #open-parameters.has-error{color:#efa2ae;border-color:#985568;background:#301721}
.workspace input:disabled{cursor:not-allowed;opacity:.45}
@media(min-width:701px) and (max-width:900px){.workspace .scenario-underlying{display:block}.workspace .scenario-details{gap:20px}.workspace .scenario-details>div>b{font-size:11px;gap:7px}.workspace .scenario-details>div>span{font-size:9px}}
.workspace[data-mode=price] .legend-line:not(.muted):not(.expiry){background:#8eb8f5}