.combined-workbench{--cw-line: #29383f;--cw-blue: #55ceff;--cw-orange: #ff9a57;--cw-green: #68dda9;overflow:hidden;color:#eef3f4;background:#0a1418;border:1px solid #26373e;box-shadow:0 32px 80px #1621262e}.combined-header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:42px;align-items:end;padding:25px 30px 23px;border-bottom:1px solid var(--cw-line)}.combined-header span,.combined-instruction>span,.combined-panel-header>span{color:var(--cw-blue);font-size:8px;font-weight:600;letter-spacing:.1em}.combined-header h2{margin:9px 0 0;color:#f5f7f7;font-size:clamp(22px,3vw,31px);line-height:1.1;letter-spacing:-.045em}.combined-header p{margin:0;color:#9cacb2;font-size:10px;line-height:1.65}.combined-header p strong{color:#e8edef;font-weight:500}.combined-instruction{display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px;align-items:baseline;padding:14px 30px;background:#112128;border-bottom:1px solid var(--cw-line)}.combined-instruction p{margin:0;color:#b5c1c5;font-size:10px;line-height:1.6}.combined-stage{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:stretch;padding:18px}.combined-panel{min-width:0;overflow:hidden;background:#071115;border:1px solid var(--cw-line)}.combined-panel-header{min-height:104px;padding:17px 18px 16px;background:#0f1b20;border-bottom:1px solid var(--cw-line)}.combined-panel-header h3{margin:7px 0 5px;color:#f0f4f5;font-size:17px;line-height:1.25;letter-spacing:-.035em}.combined-panel-header p{max-width:54ch;margin:0;color:#84969d;font-size:9px;line-height:1.55}.combined-webgl-frame{position:relative;height:430px;overflow:hidden;background:#081216;isolation:isolate}.combined-webgl-frame .action-webgl-canvas{display:block;width:100%;height:100%;touch-action:pan-y}.combined-scene-readout{position:absolute;top:13px;left:13px;display:grid;gap:4px;min-width:145px;padding:10px 11px;background:#040b0ec7;border-left:2px solid var(--cw-orange);backdrop-filter:blur(9px);pointer-events:none}.combined-scene-readout.action{border-left-color:var(--cw-blue)}.combined-scene-readout.stationary{border-left-color:var(--cw-green)}.combined-scene-readout small{color:#71858d;font-size:7px;letter-spacing:.09em}.combined-scene-readout strong{color:#eff5f6;font-size:13px;font-weight:500}.combined-scene-readout.stationary strong{color:var(--cw-green)}.combined-key{position:absolute;top:13px;right:13px;display:flex;gap:11px;padding:7px 8px;color:#9babb1;background:#040b0eb8;font-size:7px;pointer-events:none}.combined-key span{display:flex;align-items:center;gap:5px}.combined-key i{display:block;width:13px;height:2px;box-shadow:0 0 8px currentColor}.combined-key .blue{color:var(--cw-blue);background:currentColor}.combined-key .orange{color:var(--cw-orange);background:currentColor}.combined-axis{position:absolute;bottom:10px;color:#788b92;font-size:7px;pointer-events:none}.combined-axis.start{left:13px}.combined-axis.end{right:13px}.combined-valley-label{position:absolute;left:50%;bottom:24px;translate:-50% 0;padding:5px 7px;color:var(--cw-green);background:#040c0fc7;font-size:7px;letter-spacing:.07em;white-space:nowrap;pointer-events:none}.combined-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:0;background:#0c171b;border-top:1px solid var(--cw-line)}.combined-metrics>div{min-width:0;padding:10px 11px;border-right:1px solid var(--cw-line)}.combined-metrics>div:last-child{border-right:0}.combined-metrics dt{overflow:hidden;color:#687d85;font-size:6px;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.combined-metrics dd{margin:5px 0 0;overflow:hidden;color:#dce6e8;font-size:9px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.combined-metrics .stationary-value{color:var(--cw-green);font-weight:600}.combined-link{display:grid;place-content:center;gap:7px;color:#64808c;text-align:center}.combined-link span{font-size:6px;letter-spacing:.08em;writing-mode:vertical-rl}.combined-link b{color:var(--cw-blue);font-size:19px;font-weight:400}.combined-controls{display:grid;grid-template-columns:230px minmax(260px,1fr) 88px auto;gap:22px;align-items:center;padding:18px 22px;background:#101d22;border-top:1px solid var(--cw-line)}.combined-control-copy{display:grid;gap:3px}.combined-control-copy small{color:var(--cw-blue);font-size:7px;letter-spacing:.09em}.combined-control-copy strong{color:#edf2f3;font-size:11px;font-weight:500}.combined-control-copy span{color:#73858c;font-size:8px}.combined-slider{display:grid;gap:5px}.combined-slider input{width:100%;accent-color:var(--cw-orange);cursor:ew-resize}.combined-scale{display:flex;justify-content:space-between;color:#64777e;font-size:6px}.combined-scale span:nth-child(2){color:var(--cw-green)}.combined-controls>output{color:var(--cw-orange);font-size:10px;font-variant-numeric:tabular-nums;text-align:right}.combined-controls>output.stationary{color:var(--cw-green)}.combined-controls>button{min-height:34px;padding:0 13px;color:var(--cw-blue);background:transparent;border:1px solid #38505a;border-radius:0;font:inherit;font-size:8px;cursor:pointer}.combined-controls>button:hover{border-color:var(--cw-blue)}.combined-controls>button:disabled{color:#6e7c81;cursor:default;opacity:.5}.combined-conclusion{display:grid;grid-template-columns:140px minmax(250px,1fr) minmax(340px,auto);gap:24px;align-items:center;padding:19px 22px;background:#17191a;border-top:1px solid #4a3a30}.combined-conclusion.stationary{background:#10231d;border-top-color:#315b49}.combined-conclusion>span{color:var(--cw-orange);font-size:7px;font-weight:600;letter-spacing:.09em}.combined-conclusion.stationary>span{color:var(--cw-green)}.combined-conclusion strong{display:block;color:#eef2f3;font-size:11px;font-weight:500}.combined-conclusion p{margin:5px 0 0;color:#929fa4;font-size:8px;line-height:1.55}.combined-conclusion>.principle-latex{overflow-x:auto;color:#cdd9dc;font-size:10px}@media(max-width:900px){.combined-header{grid-template-columns:1fr;gap:12px}.combined-stage{grid-template-columns:1fr}.combined-link{grid-auto-flow:column;gap:9px;padding:12px 0}.combined-link span{writing-mode:initial}.combined-link b{rotate:90deg}.combined-controls{grid-template-columns:180px minmax(220px,1fr) 82px auto;gap:16px}.combined-conclusion{grid-template-columns:120px minmax(0,1fr)}.combined-conclusion>.principle-latex{grid-column:1 / -1}}@media(max-width:600px){.combined-header{padding:21px 15px 19px}.combined-header h2{font-size:23px}.combined-instruction{grid-template-columns:1fr;gap:5px;padding:13px 15px}.combined-stage{padding:10px}.combined-panel-header{min-height:0;padding:15px 14px}.combined-webgl-frame{height:340px}.combined-scene-readout{top:10px;left:10px;min-width:132px;padding:8px 9px}.combined-key{top:10px;right:10px;gap:7px}.combined-key i{width:9px}.combined-metrics{grid-template-columns:1fr}.combined-metrics>div{display:flex;justify-content:space-between;align-items:baseline;border-right:0;border-bottom:1px solid var(--cw-line)}.combined-metrics>div:last-child{border-bottom:0}.combined-controls{grid-template-columns:1fr auto;gap:13px;padding:16px 14px}.combined-control-copy,.combined-slider{grid-column:1 / -1}.combined-controls>output{text-align:left}.combined-conclusion{grid-template-columns:1fr;gap:10px;padding:17px 15px}.combined-conclusion>.principle-latex{grid-column:auto;font-size:9px}}