/* A single space scene, with a permanent desktop editor at its left edge. */
.workspace.mesh-workspace{--editor-width:clamp(320px,23vw,380px);--scene-gutter:clamp(24px,2.5vw,48px);background:#020305}
.workspace.mesh-workspace:before{display:none}
.workspace.mesh-workspace .workspace-bar{z-index:5;height:72px;min-height:72px;padding:0 26px;background:#020305b3}
.workspace.mesh-workspace>.chart-panel,.workspace.mesh-workspace.inputs-open>.chart-panel{z-index:1;max-width:none;min-height:600px;height:calc(100dvh - 72px);gap:clamp(16px,2.4vh,26px);padding:24px 0 20px!important;grid-template-rows:auto auto minmax(200px,1fr) auto auto}
.mesh-workspace .workspace-space{position:absolute;inset:72px 0 0;overflow:hidden;pointer-events:none;z-index:0;isolation:isolate}
.mesh-workspace .workspace-stars{position:absolute;inset:-2%;width:104%;height:104%;opacity:.85}
.mesh-workspace .space-nebula{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 35%,#a9b5c60b,transparent 55%),radial-gradient(ellipse at 35% 78%,#c4d4e806,transparent 48%)}
.mesh-workspace .space-orbit{position:absolute;width:115%;height:100%;right:-48%;top:-65%;border:1px solid #a9b5c60b;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 55px #c4d4e803,inset 0 0 55px #c4d4e803}
.mesh-workspace .scene-heading,.mesh-workspace .scene-readouts,.mesh-workspace .scene-console,.mesh-workspace .scene-provenance{position:relative;z-index:2}
.mesh-workspace .scene-result-number{filter:drop-shadow(0 0 24px #c4d4e80c)}
.mesh-workspace .scene-result{background:radial-gradient(ellipse at right,#020305a6,transparent 75%)}
.workspace.mesh-workspace .stage-plot .scene-dust{opacity:.55}
.workspace.mesh-workspace .parameters-dialog .field input,.workspace.mesh-workspace .parameters-dialog .field select{background:#c4d4e807;border-color:#c4d4e822}
.workspace.mesh-workspace .parameters-dialog .field input:hover,.workspace.mesh-workspace .parameters-dialog .field select:hover{border-color:#c4d4e846}
.workspace.mesh-workspace .parameters-dialog .segmented{background:#c4d4e806;border-color:#c4d4e826}
.workspace.mesh-workspace .parameters-dialog .segmented button.active{background:#c4d4e819;color:#edf0f4}
@media(min-width:1000px){
 .workspace.mesh-workspace.focus-mode,.workspace.mesh-workspace:fullscreen{overflow-y:auto}
 .workspace.mesh-workspace>.chart-panel,.workspace.mesh-workspace.inputs-open>.chart-panel{width:calc(100% - var(--editor-width) - 2 * var(--scene-gutter));margin-left:calc(var(--editor-width) + var(--scene-gutter))!important;margin-right:var(--scene-gutter)!important}
 .mesh-workspace .workspace-space{left:var(--editor-width)}
 .workspace.mesh-workspace .parameters-dialog{inset:72px auto 0 0;width:var(--editor-width);max-width:none;height:calc(100dvh - 72px);max-height:none;margin:0;border:0;border-right:1px solid #a9b5c620;border-radius:0;background:linear-gradient(120deg,#080b0feb,#050709f2);box-shadow:12px 0 50px #0003;backdrop-filter:none;z-index:4}
 .workspace.mesh-workspace .parameters-dialog .panel-heading{padding:26px 24px 14px}
 .workspace.mesh-workspace .parameters-dialog h2{font-size:16px;font-weight:550;letter-spacing:-.4px}
 .workspace.mesh-workspace .parameters-dialog #form-area{padding:0 24px 26px;scrollbar-width:thin}
 .workspace.mesh-workspace .parameters-dialog .field>span{font-size:11px}
 .workspace.mesh-workspace .parameters-dialog .field input,.workspace.mesh-workspace .parameters-dialog .field select{height:42px;font-size:13px}
 .workspace.mesh-workspace #close-parameters,.workspace.mesh-workspace .parameter-footer,.workspace.mesh-workspace .workspace-bar .work-actions{display:none!important}
 .mesh-workspace .parameters-dialog .example-label{padding-bottom:20px}
 .mesh-workspace .workspace-bar .instrument-tabs{margin-right:auto}
 .mesh-workspace .scene-console{gap:clamp(24px,3.5vw,64px)}
 .mesh-workspace .scene-readouts{grid-template-columns:1fr 1.05fr 1.3fr;gap:20px}
 .workspace.mesh-workspace #outcome-net-pnl{font-size:clamp(32px,3vw,58px)}
 .mesh-workspace .scene-price-pair>strong{font-size:clamp(23px,1.9vw,32px)}
}
@media(min-width:1000px) and (max-width:1250px){
 .workspace.mesh-workspace{--editor-width:300px;--scene-gutter:22px}
 .mesh-workspace .scene-readouts{gap:12px;grid-template-columns:1fr 1fr 1.2fr}
 .mesh-workspace .scene-price-pair{gap:5px}
 .mesh-workspace .scene-price-pair>small{font-size:12px}
 .mesh-workspace .scene-price-pair>strong{font-size:22px}
 .workspace.mesh-workspace #outcome-net-pnl{font-size:32px;letter-spacing:-1px}
 .mesh-workspace .scene-console{grid-template-columns:1fr;gap:12px}
 .mesh-workspace .scene-time{display:flex;align-items:center;gap:16px}
 .mesh-workspace .scene-time .scene-slider-heading{min-width:88px;margin:0;flex-direction:column;align-items:start;gap:0}
 .mesh-workspace .scene-days button{min-height:36px;padding:8px 4px}
 .mesh-workspace .scene-provenance{gap:12px}
}
@media(max-width:999px){
 .workspace.mesh-workspace{--scene-gutter:clamp(20px,3vw,30px)}
 .workspace.mesh-workspace .workspace-bar{height:72px;min-height:72px}
 .workspace.mesh-workspace>.chart-panel,.workspace.mesh-workspace.inputs-open>.chart-panel{width:calc(100% - 2 * var(--scene-gutter))}
}
@media(max-width:700px){
 .workspace.mesh-workspace .workspace-bar{height:auto;min-height:104px;padding:16px var(--scene-gutter) 12px}
 .mesh-workspace .workspace-space{top:104px}
 .workspace.mesh-workspace>.chart-panel,.workspace.mesh-workspace.inputs-open>.chart-panel{height:auto;min-height:0;grid-template-rows:auto auto minmax(280px,36dvh) auto auto;gap:22px;padding:24px 0 max(22px,env(safe-area-inset-bottom))!important}
 .workspace.mesh-workspace .stage-plot{min-height:280px!important}
 .mesh-workspace .workspace-stars circle:nth-child(n+56){display:none}
 .mesh-workspace .workspace-stars{opacity:.65}
 .mesh-workspace .space-orbit{display:none}
 .mesh-workspace .space-nebula{background:radial-gradient(ellipse at 70% 45%,#c4d4e809,transparent 65%)}
}
@media(max-width:370px){.workspace.mesh-workspace{--scene-gutter:14px}}
@media(prefers-reduced-motion:no-preference){
 .work-focus .workspace-stars{animation:workspace-star-drift 48s ease-in-out infinite alternate;will-change:transform,opacity}
}
@keyframes workspace-star-drift{from{transform:translate3d(-5px,0,0);opacity:.65}to{transform:translate3d(5px,-10px,0);opacity:1}}
@media(prefers-reduced-motion:reduce){.work-focus .workspace-stars{animation:none;will-change:auto}}
.workspace.mesh-workspace .parameters .side-select{background:#c4d4e806;border-color:#c4d4e826}
.workspace.mesh-workspace .parameters .side-select button.active{background:#c4d4e819;color:#edf0f4;border-color:#a9b5c655}
/* Reading hierarchy: one compact price-to-result group, full-size financial plot. */
.mesh-workspace .scene-title-line{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.workspace.mesh-workspace .scene-title-line .example-label{display:flex;align-items:center;gap:7px;padding:6px 10px;margin:7px 0 0;font:12px/1.4 var(--font);color:#c4d4e8;border:1px solid #a9b5c638;border-radius:20px;background:#c4d4e808}
.mesh-workspace .scene-title-line .example-label i{background:#c4d4e8;box-shadow:none}
.mesh-workspace .scene-view-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}
.workspace.mesh-workspace .scene-view-tools .labeled-action{display:flex;align-items:center;gap:7px;width:auto;height:38px;padding:8px 10px;font:12px var(--font);color:#b5bfcd;border:1px solid #a9b5c629;border-radius:6px;background:transparent}
.mesh-workspace .scene-view-tools .icon{width:15px;height:15px}
.workspace.mesh-workspace>.chart-panel,.workspace.mesh-workspace.inputs-open>.chart-panel{min-height:720px;gap:18px}
.workspace.mesh-workspace .scene-readouts{width:min(100%,1080px);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.35fr);align-items:start;gap:0}
.mesh-workspace .scene-metrics>div,.mesh-workspace .scene-result{padding:0 26px;min-height:105px}
.mesh-workspace .scene-metrics>div:first-child{padding-left:0}
.mesh-workspace .scene-metrics>div+div,.mesh-workspace .scene-result{border-left:1px solid #c4d4e823}
.mesh-workspace .scene-result{text-align:left;background:none}
.mesh-workspace .scene-metrics>div>span,.mesh-workspace .scene-kicker{font-size:12px;color:#b5bfcd;margin-bottom:12px}
.mesh-workspace .scene-price-pair{gap:8px;min-height:40px}
.mesh-workspace .scene-price-pair>small{font-size:13px;color:#a5b0c0}
.workspace.mesh-workspace #outcome-net-pnl{font-size:clamp(32px,2.7vw,46px);letter-spacing:-1px;line-height:1.15;color:#a5b0c0}
.mesh-workspace #scene-position,.mesh-workspace #scene-underlying-change,.mesh-workspace #scene-scenario{font-size:12px;line-height:1.65;color:#b5bfcd;margin-top:8px}
.mesh-workspace .scene-price-pair [hidden]{display:none!important}
.workspace.mesh-workspace .scene-console{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:40px;margin-top:-3px}
.mesh-workspace .scene-slider-heading,.mesh-workspace .scene-slider-heading label{font-size:13px;color:#cbd4e0}
.mesh-workspace #scene-slider-price{font-size:23px}
.mesh-workspace #scene-change-output{font-size:12px}
.mesh-workspace .scene-slider-ends{font-size:11px;color:#a5b0c0}
.mesh-workspace .scene-quick{display:flex;gap:7px;margin-top:10px}
.workspace.mesh-workspace .scene-quick button{min-height:30px;padding:5px 11px;border:1px solid #a9b5c62b;border-radius:5px;background:#c4d4e805;color:#b5bfcd;font:12px var(--font)}
.workspace.mesh-workspace .scene-quick button:hover{border-color:#c4d4e88a;color:#edf0f4}
.workspace.mesh-workspace .scene-days{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.workspace.mesh-workspace .scene-days button{font-size:12px;min-height:36px;padding:8px 5px}
.mesh-workspace .scene-time{align-self:start}
.mesh-workspace .scene-time .scene-slider-heading{margin-bottom:14px}
.mesh-workspace #scene-source{display:none}
.mesh-workspace .scene-provenance{padding-top:12px;justify-content:flex-start}
.mesh-workspace #scene-context{font-size:12px;text-align:left;color:#b5bfcd}
.workspace.mesh-workspace .parameters-dialog .field>span{font-size:12px;color:#b9c3d1}
.workspace.mesh-workspace .parameters .side-select{padding:4px;gap:4px;background:#c4d4e804}
.workspace.mesh-workspace .parameters .side-select button{font-size:12px;min-height:38px;border:1px solid transparent}
.workspace.mesh-workspace .parameters .side-select button.active{background:#c4d4e824;color:#fff;border-color:#c4d4e88c;box-shadow:inset 0 -2px #c4d4e8}
.workspace.mesh-workspace #manual-greeks.simple-greeks{padding:0;border-top:1px solid #c4d4e825;margin-top:8px}
.workspace.mesh-workspace #form-area .input-section>summary{font:500 13px/1.5 var(--font);min-height:48px;padding:14px 0;display:flex;align-items:center;gap:10px;color:#d1d8e2}
.workspace.mesh-workspace #form-area .input-section>summary small{font:12px/1.4 var(--font);color:#aeb9c9;max-width:56%;margin-left:auto;text-align:right}
.workspace.mesh-workspace #form-area .input-section>summary:after{margin-left:auto;color:#b5bfcd;font-size:17px}
.workspace.mesh-workspace #form-area .input-section>summary:has(small):after{margin-left:2px}
.workspace.mesh-workspace #manual-greeks>.field-grid{padding-top:8px}
.workspace.mesh-workspace #manual-greeks.needs-input>summary small{color:#e3aab3}
.workspace.mesh-workspace .parameters .form-hint,.workspace.mesh-workspace .simple-greeks .form-hint,.workspace.mesh-workspace .applied-assumptions{font-size:12px!important;line-height:1.75;color:#b5bfcd}
.mesh-workspace .greeks-explainer{padding:8px 0 18px}
.mesh-workspace .greeks-explainer summary{font-size:12px;color:#c4d4e8;cursor:pointer}
.mesh-workspace .greeks-explainer p{font-size:12px;line-height:1.8;color:#b5bfcd}
.mesh-workspace .advanced-actions{gap:9px;display:grid;grid-template-columns:1fr 1fr;margin-top:18px}
.workspace.mesh-workspace .advanced-actions .labeled-action{display:flex!important;align-items:center;justify-content:center;gap:8px;width:auto;min-height:40px;height:auto;padding:10px 8px;border:1px solid #a9b5c632;border-radius:6px;font:12px var(--font);color:#c4cdd9;background:transparent}
.workspace.mesh-workspace .advanced-actions #save-top{grid-column:1/-1;background:#d8e0eb;color:#10151d;border-color:#d8e0eb;font-weight:600}
.workspace.mesh-workspace #save-top span:last-child{display:inline!important}
.mesh-workspace .scene-dust{opacity:.3!important}
@media(min-width:1000px) and (max-width:1250px){
 .workspace.mesh-workspace .scene-readouts{grid-template-columns:1fr 1fr 1.2fr}
 .mesh-workspace .scene-metrics>div,.mesh-workspace .scene-result{padding:0 14px}
 .workspace.mesh-workspace #outcome-net-pnl{font-size:30px}
 .workspace.mesh-workspace .scene-console{grid-template-columns:1fr;gap:14px}
 .mesh-workspace .scene-time{display:flex;align-items:center;gap:15px}
 .mesh-workspace .scene-time .scene-slider-heading{margin:0;min-width:80px}
 .mesh-workspace .scene-heading{align-items:start}
 .mesh-workspace .scene-view-tools{gap:5px}
 .mesh-workspace .scene-view-tools .labeled-action{padding:8px}
 .mesh-workspace .scene-view-tools .labeled-action span{display:none}
}
@media(max-width:999px){.mesh-workspace .scene-metrics>div,.mesh-workspace .scene-result{padding:0 15px}.mesh-workspace .scene-heading{flex-wrap:wrap}}
@media(max-width:700px){
 .workspace.mesh-workspace>.chart-panel,.workspace.mesh-workspace.inputs-open>.chart-panel{height:auto;min-height:0;grid-template-rows:auto auto auto minmax(290px,38dvh) auto auto;gap:20px;overflow:visible}
 .mesh-workspace .scene-heading{grid-row:1;display:block}
 .mesh-workspace .scene-title-line{gap:8px;align-items:start}
 .mesh-workspace .scene-title-line h1{width:100%}
 .workspace.mesh-workspace .scene-title-line .example-label{margin:0;padding:5px 9px;font-size:12px}
 .mesh-workspace .scene-view-tools{margin-top:16px;gap:8px}
 .workspace.mesh-workspace .scene-view-tools .labeled-action{font-size:12px;min-height:38px}
 .workspace.mesh-workspace .scene-readouts{display:contents}
 .mesh-workspace .scene-result{grid-row:2;position:sticky;top:0;z-index:8;text-align:left;border:0;padding:13px 0;background:#020305f5;min-height:0;box-shadow:0 12px 20px #020305c0}
 .workspace.mesh-workspace #outcome-net-pnl{font-size:38px}
 .mesh-workspace .scene-kicker{margin-bottom:7px}
 .mesh-workspace .scene-metrics{grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:14px}
 .mesh-workspace .scene-metrics>div{padding:0;min-height:0}
 .mesh-workspace .scene-metrics>div+div{padding-left:14px}
 .mesh-workspace .scene-metrics>div>span{font-size:12px;line-height:1.5;min-height:36px;margin:0 0 4px}
 .mesh-workspace .scene-price-pair{min-height:32px;gap:5px}
 .mesh-workspace .scene-price-pair>strong{font-size:22px}
 .mesh-workspace #scene-position,.mesh-workspace #scene-underlying-change,.mesh-workspace #scene-scenario{font-size:12px}
 .workspace.mesh-workspace .stage-plot{grid-row:4;min-height:290px!important}
 .workspace.mesh-workspace .scene-console{grid-row:5;grid-template-columns:1fr;gap:22px;margin:0}
 .mesh-workspace .scene-quick{gap:6px}
 .workspace.mesh-workspace .scene-quick button{flex:1;padding:7px 4px;min-height:36px}
 .workspace.mesh-workspace .scene-days button{min-height:42px}
 .mesh-workspace .scene-provenance{grid-row:6}
 .mesh-workspace .scene-title-line .example-label{white-space:normal}
}
.workspace.mesh-workspace .advanced-actions .labeled-action span{display:inline!important}
.mesh-workspace .save-note{grid-column:1/-1;font:12px/1.6 var(--font);color:#b5bfcd}
@media(max-width:700px){
 .workspace.mesh-workspace .scene-result{height:max-content;min-height:125px;align-self:start}
 .workspace.mesh-workspace .scene-view-tools #open-table{display:flex}
 .workspace.mesh-workspace .scene-view-tools #fullscreen-toggle{display:none}
}
.mesh-workspace .greeks-explainer>summary:after{display:none!important}
@media(max-width:700px){.workspace.mesh-workspace .scene-result{background:#020305}}