/* Phone workspace: one header, two results, a large plot and one price dock. */
#mobile-kind-select,.mobile-price-entry,.mobile-time-control{display:none}
@media(max-width:700px){
 .work-focus{overflow:hidden!important}
 .workspace.mesh-workspace.focus-mode{inset:0;display:flex;flex-direction:column;width:100%;height:100dvh;min-height:0;margin:0!important;padding:0!important;overflow:hidden;background:#030507}
 .workspace.mesh-workspace .workspace-space{top:56px;opacity:.55}
 .workspace.mesh-workspace .workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px!important;min-height:56px;padding:0 16px!important;margin:0;flex:0 0 56px;border-color:#c4d4e810}
 .workspace.mesh-workspace .work-home{gap:5px;padding:8px 0;min-height:44px}
 .workspace.mesh-workspace .work-home b{font-size:19px}
 .workspace.mesh-workspace .work-home small{display:none}
 .workspace.mesh-workspace .work-home>span{margin-right:2px;font-size:16px}
 .workspace.mesh-workspace .instrument-tabs,.workspace.mesh-workspace #exit-workspace{display:none!important}
 .workspace.mesh-workspace #mobile-kind-select{display:block;min-width:0;width:104px;height:44px;border:0;border-radius:0;background:transparent;color:#e4e9ef;padding:6px 5px;font:14px var(--font);outline-offset:0}
 .workspace.mesh-workspace #mobile-kind-select option{color:#edf0f4;background:#101316}
 .workspace.mesh-workspace .work-actions{margin:0;flex:0 0 auto}
 .workspace.mesh-workspace #open-parameters{width:44px;height:44px;min-height:44px;padding:11px;justify-content:center;border:1px solid #c4d4e825;border-radius:50%;background:none}
 .workspace.mesh-workspace #open-parameters .icon{width:18px;height:18px}
 .workspace.mesh-workspace #open-parameters>span:last-child{display:none}
 .workspace.mesh-workspace>.chart-panel,.workspace.mesh-workspace.inputs-open>.chart-panel{position:relative;display:grid;flex:1 1 0!important;grid-template-rows:max-content minmax(150px,1fr) max-content max-content;gap:0;width:100%;height:auto!important;min-height:0;max-width:none;margin:0!important;padding:0 0 env(safe-area-inset-bottom)!important;border:0;overflow:hidden;container-type:inline-size}
 .workspace.mesh-workspace.mobile-time-chart>.chart-panel,.workspace.mesh-workspace.mobile-time-chart.inputs-open>.chart-panel{grid-template-rows:max-content minmax(150px,1fr) max-content max-content}
 .workspace.mesh-workspace .scene-topline{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:10px 12px;min-width:0;min-height:0;padding:10px 16px 0;align-items:center;z-index:2}
 .workspace.mesh-workspace .scene-topline .scene-heading{grid-column:1;grid-row:1;display:block;min-width:0;width:auto;margin:0;padding:0;text-align:left}
 .workspace.mesh-workspace .scene-topline .scene-title-line{display:block}
 .workspace.mesh-workspace .scene-topline h1{font:400 18px/24px var(--font);letter-spacing:-.5px;margin:0;overflow-wrap:normal}
 .workspace.mesh-workspace .scene-topline .scene-view-tools{display:contents;position:static;margin:0}
 .workspace.mesh-workspace .scene-topline .scene-view-switch{position:static!important;grid-column:2;grid-row:1;justify-self:end;transform:none;width:auto;height:40px;padding:2px;margin:0;border:1px solid #c4d4e81c;border-radius:22px}
 .workspace.mesh-workspace .scene-view-switch button{min-height:34px;min-width:40px;padding:7px 10px;font-size:12px;border-radius:18px}
 .workspace.mesh-workspace .scene-topline .scene-view-tools .scene-time{display:none!important}
 .workspace.mesh-workspace .scene-topline .scene-readouts,.workspace.mesh-workspace[data-view=surface] .scene-topline .scene-readouts{position:static;display:grid;grid-column:1/-1;grid-row:2;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto auto;gap:2px 16px;width:100%;max-width:none;min-width:0;margin:0;padding:0;background:none;border:0;box-shadow:none;text-align:left;transform:none;pointer-events:auto}
 .workspace.mesh-workspace .scene-topline .scene-result,.workspace.mesh-workspace .scene-topline .scene-metrics{display:contents}
 .workspace.mesh-workspace .scene-topline .scene-kicker{grid-column:1;grid-row:1;margin:0;font:12px/18px var(--font);min-height:0;color:#b9c4d1}
 .workspace.mesh-workspace .scene-topline .scene-result-number{grid-column:1;grid-row:2;min-width:0;min-height:34px;filter:none}
 .workspace.mesh-workspace .scene-topline #outcome-net-pnl{font:400 clamp(23px,6.8cqw,28px)/34px var(--font);letter-spacing:-.7px;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;text-shadow:none}
 .workspace.mesh-workspace .scene-topline .scene-metrics>div:first-child{display:none}
 .workspace.mesh-workspace .scene-topline .scene-metrics>div:last-child{grid-column:2;grid-row:1/span 2;min-width:0;text-align:right;padding:0;border:0;min-height:0;display:flex;flex-direction:column;gap:2px;align-items:flex-end}
 .workspace.mesh-workspace .scene-topline .scene-metrics>div:last-child:before{display:none}
 .workspace.mesh-workspace .scene-topline .scene-metrics>div>span{font:12px/18px var(--font);color:#b9c4d1;margin:0;min-height:0}
 .workspace.mesh-workspace .scene-topline .scene-price-pair{display:flex;align-items:flex-end;min-height:0}
 .workspace.mesh-workspace .scene-topline .scene-price-pair>strong{font:400 clamp(21px,5.8cqw,24px)/34px var(--font);letter-spacing:-.5px;white-space:normal;overflow-wrap:anywhere;min-height:34px;padding:0;order:0}
 .workspace.mesh-workspace .scene-topline .scene-price-pair>small,.workspace.mesh-workspace #scene-scenario,.workspace.mesh-workspace #scene-underlying-change,.workspace.mesh-workspace #scene-position{display:none!important}
 .workspace.mesh-workspace .scene-topline #outcome-warning{grid-column:1/-1;grid-row:3;font:12px/17px var(--font);margin:4px 0 0;max-width:100%;color:#d0b9a3}
 .workspace.mesh-workspace .scene-topline #outcome-warning[hidden]{display:none}
 .workspace.mesh-workspace .mobile-time-control{grid-column:1/-1;grid-row:3;position:static;display:block;width:100%;min-width:0;padding:0;margin:0;border-bottom:1px solid #c4d4e80d}
 .workspace.mesh-workspace[data-kind=viop] .mobile-time-control{display:none}
 .workspace.mesh-workspace .mobile-time-control>div{display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px}
 .workspace.mesh-workspace #mobile-day-output{font:12px/18px var(--font);color:#9eacbc;margin-right:auto}
 .workspace.mesh-workspace .mobile-day-picker{display:block;min-width:0}
 .workspace.mesh-workspace #mobile-day-select{display:block;height:36px;max-width:154px;padding:5px 4px;border:0;background:transparent;color:#dbe2eb;font:12px var(--font);text-align:right}
 .workspace.mesh-workspace #mobile-day-select option{background:#101316;color:#edf0f4}
 .workspace.mesh-workspace #mobile-day-reset{display:block;min-height:36px;min-width:32px;padding:4px;border:0;background:none;color:#aeb9c9;font:18px var(--font)}
 .workspace.mesh-workspace .mobile-day-label,.workspace.mesh-workspace #mobile-day-range{display:none}
 .workspace.mesh-workspace .stage-plot{position:relative;grid-row:2;min-height:150px!important;width:100%;margin:0;overflow:hidden;z-index:1;touch-action:pan-y}
 .workspace.mesh-workspace .chart-container{position:absolute;inset:0!important;width:100%;height:100%}
 .workspace.mesh-workspace #chart{display:block;width:100%;height:100%;touch-action:pan-y;outline-offset:-2px}
 .workspace.mesh-workspace #chart .axis-tick{font-size:12px;fill:#aeb9c9}
 .workspace.mesh-workspace .surface-container{inset:0!important;width:100%;height:100%}
 .workspace.mesh-workspace .mesh-camera-tools{bottom:8px}
 .workspace.mesh-workspace .scene-console,.workspace.mesh-workspace.mobile-time-chart .scene-console{display:block;grid-row:3;width:100%;max-width:none;min-width:0;padding:4px 16px 0;margin:0;box-sizing:border-box;border-top:1px solid #c4d4e814;background:#030507;z-index:3}
 .workspace.mesh-workspace .scene-slider{width:100%;min-width:0}
 .workspace.mesh-workspace .scene-slider-heading,.workspace.mesh-workspace .scene-slider-ends,.workspace.mesh-workspace .scene-quick,.workspace.mesh-workspace .ruler-limits{display:none}
 .workspace.mesh-workspace .mobile-price-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,1.2fr) minmax(0,1fr);align-items:center;gap:8px;min-height:48px}
 .workspace.mesh-workspace #mobile-price-reset{justify-self:start;min-height:36px;max-width:100%;padding:5px 7px;background:#c4d4e80b;border:1px solid #c4d4e817;border-radius:5px;color:#b9c4d1;font:12px/18px var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .workspace.mesh-workspace .mobile-price-entry label{min-width:0;text-align:center}
 .workspace.mesh-workspace .mobile-price-entry label>span{display:block;font:12px/16px var(--font);color:#9eacbc}
 .workspace.mesh-workspace #mobile-scenario-price{display:block;width:100%;height:29px;min-width:0;box-sizing:border-box;border:0;border-radius:0;border-bottom:1px solid #c4d4e829;padding:0 2px;color:#edf0f4;background:transparent;text-align:center;font:400 22px/29px var(--font);letter-spacing:-.5px;font-variant-numeric:tabular-nums;appearance:textfield}
 .workspace.mesh-workspace #mobile-scenario-price::-webkit-inner-spin-button{appearance:none}
 .workspace.mesh-workspace #mobile-scenario-price[aria-invalid=true]{border-color:#cd8792}
 .workspace.mesh-workspace #mobile-price-change{justify-self:end;color:#b9c4d1;font:12px/18px var(--mono);font-variant-numeric:tabular-nums}
 .workspace.mesh-workspace #mobile-price-ruler{display:block!important;position:relative;overflow:hidden;width:100%;height:48px;cursor:ew-resize;touch-action:pan-y;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
 .workspace.mesh-workspace #mobile-price-ruler svg{display:block;width:100%;height:48px}
 .workspace.mesh-workspace .scene-provenance,.workspace.mesh-workspace.mobile-time-chart .scene-provenance{display:flex;grid-row:4;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:5px 16px 8px;margin:0;border:0;min-height:0;background:#030507}
 .workspace.mesh-workspace #scene-source,.workspace.mesh-workspace #scene-context{font:12px/17px var(--font);color:#9eacbc;min-width:0;margin:0!important;flex:none;grid-area:auto}
 .workspace.mesh-workspace #scene-source{text-align:left;white-space:nowrap}
 .workspace.mesh-workspace #scene-context{text-align:right;flex:1}
 .workspace.mesh-workspace .parameters-dialog,.workspace.mesh-workspace.inputs-open .parameters-dialog{position:fixed;inset:auto 0 0!important;width:100%;max-width:100%;height:min(88dvh,760px)!important;max-height:calc(100dvh - 20px);margin:0!important;padding:0;border:1px solid #c4d4e825;border-bottom:0;border-radius:20px 20px 0 0;box-sizing:border-box;background:#080b0f;box-shadow:0 -12px 50px #0007;overflow:hidden}
 .workspace.mesh-workspace .parameters-dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}
 .workspace.mesh-workspace .parameters-dialog::before{content:'';position:absolute;top:8px;left:calc(50% - 18px);width:36px;height:3px;border-radius:3px;background:#c4d4e84d;z-index:3}
 .workspace.mesh-workspace .parameters-dialog .parameters{display:flex;flex-direction:column;height:100%;min-height:0;background:transparent;padding:0 18px}
 .workspace.mesh-workspace .parameters-dialog .panel-heading{position:relative;flex:none;min-height:66px;box-sizing:border-box;margin:0;padding:24px 0 14px;align-items:center}
 .workspace.mesh-workspace .parameters-dialog .panel-heading h2{font-size:18px;line-height:24px}
 .workspace.mesh-workspace .parameters-dialog .form-area{flex:1 1 0;min-height:0;overflow-y:auto;padding:12px 0 20px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4d4e840 transparent}
 .workspace.mesh-workspace .parameters-dialog .form-area::-webkit-scrollbar{width:3px}
 .workspace.mesh-workspace .parameters-dialog .field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
 .workspace.mesh-workspace .parameters-dialog .field{min-width:0}
 .workspace.mesh-workspace .parameters-dialog .field>span{font-size:12px;line-height:18px}
 .workspace.mesh-workspace .parameters-dialog .field input,.workspace.mesh-workspace .parameters-dialog .field select{min-width:0;min-height:44px;height:44px;font-size:19px;line-height:26px;border-radius:0}
 .workspace.mesh-workspace .parameters-dialog .side-select{gap:8px;margin-bottom:20px}
 .workspace.mesh-workspace .parameters-dialog .side-select button{min-height:44px;font-size:13px;border-radius:6px}
 .workspace.mesh-workspace .parameters-dialog .side-select button.active{background:#c4d4e819;color:#edf0f4;border-color:#c4d4e85c}
 .workspace.mesh-workspace #form-area .input-section>summary{min-height:50px;font-size:13px}
 .workspace.mesh-workspace #form-area .input-section>summary small{font-size:12px}
 .workspace.mesh-workspace .parameters-dialog .form-hint,.workspace.mesh-workspace .parameters-dialog .field small,.workspace.mesh-workspace .parameters-dialog .save-note{font-size:12px;line-height:18px;color:#aeb9c9}
 .workspace.mesh-workspace .parameters-dialog .parameter-footer{position:relative;flex:none;padding:12px 0 max(14px,env(safe-area-inset-bottom));border-top:1px solid #c4d4e81c;background:#080b0f}
 .workspace.mesh-workspace #apply-parameters{display:flex;min-height:48px;font-size:14px;background:#dce3eb;color:#080b0f;border-radius:10px}
 .workspace.mesh-workspace .drawer-links{display:none}
}
@media(max-width:350px){
 .workspace.mesh-workspace .workspace-bar{gap:8px;padding-inline:12px!important}
 .workspace.mesh-workspace .scene-topline{padding-inline:12px;gap:8px 8px}
 .workspace.mesh-workspace .scene-topline h1{font-size:17px}
 .workspace.mesh-workspace .scene-topline .scene-kicker,.workspace.mesh-workspace .scene-topline .scene-metrics>div>span{font-size:12px}
 .workspace.mesh-workspace .scene-topline #outcome-net-pnl{font-size:23px}
 .workspace.mesh-workspace .scene-topline .scene-price-pair>strong{font-size:20px}
 .workspace.mesh-workspace .scene-console{padding-inline:12px}
 .workspace.mesh-workspace .scene-provenance{padding-inline:12px;flex-wrap:nowrap}
}
@media(max-width:700px) and (max-height:600px){
 .workspace.mesh-workspace .workspace-bar{height:48px!important;min-height:48px;flex-basis:48px}
 .workspace.mesh-workspace .scene-topline{gap:5px 10px;padding-top:4px}
 .workspace.mesh-workspace .scene-topline .scene-view-switch{height:34px}
 .workspace.mesh-workspace .scene-view-switch button{min-height:28px;padding-block:4px}
 .workspace.mesh-workspace .scene-topline #outcome-net-pnl,.workspace.mesh-workspace .scene-topline .scene-price-pair>strong{line-height:30px;min-height:30px}
 .workspace.mesh-workspace .mobile-time-control>div{height:30px}
 .workspace.mesh-workspace .mobile-price-entry{min-height:42px}
}
@media(prefers-reduced-motion:reduce){.mobile-price-entry,.mobile-time-control{animation:none!important;transition:none!important}}
@media(max-width:700px){
 .workspace.mesh-workspace #open-parameters>span:last-child{display:none!important}
 .workspace.mesh-workspace #open-parameters .icon{display:block!important}
 .workspace.mesh-workspace .scene-topline .scene-kicker,.workspace.mesh-workspace .scene-topline .scene-result-number{text-align:left}
 .workspace.mesh-workspace .scene-provenance{flex-direction:row;flex-wrap:nowrap}
 .workspace.mesh-workspace #scene-context{flex-basis:auto;text-align:right}
}
@media(max-width:700px) and (max-height:480px){
 .workspace.mesh-workspace>.chart-panel,.workspace.mesh-workspace.mobile-time-chart>.chart-panel{grid-template-rows:max-content minmax(80px,1fr) max-content max-content}
 .workspace.mesh-workspace .stage-plot{min-height:80px!important}
 .workspace.mesh-workspace .mobile-time-control{display:none}
 .workspace.mesh-workspace .scene-topline{gap:3px 10px}
 .workspace.mesh-workspace .scene-provenance{padding-block:2px}
 .workspace.mesh-workspace .mobile-price-entry{min-height:40px}
}