:root{color-scheme:dark;--bg:#071820;--panel:#0c222b;--panel2:#0f2932;--stroke:#23414b;--soft:#587e87;--text:#dff4ef;--aqua:#65e8c3;--amber:#f1ae72;--blue:#6db7cb}*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:radial-gradient(circle at 24% -8%,#103e42 0%,transparent 39%),#071820;font:14px/1.45 Inter,'Segoe UI',system-ui,sans-serif;color:var(--text)}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--aqua);outline-offset:4px}.app-shell{max-width:1620px;margin:auto;min-height:100vh;padding:0 35px}.site-header{height:86px;border-bottom:1px solid #27444c;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand-lockup{display:flex;align-items:center;gap:13px}.brand-lockup img{filter:drop-shadow(0 0 13px #2ecba954)}.brand-top{font-size:9px;letter-spacing:2.7px;font-weight:800;color:#8db6b3}.brand-top em{font-style:normal;color:var(--aqua)}.brand-title{font-size:21px;line-height:1.15;letter-spacing:1.4px;font-weight:800}.brand-slash{color:var(--aqua);font-weight:400}.header-center{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#83aeb2}.top-dot{display:inline-block;width:6px;height:6px;vertical-align:middle;border-radius:50%;background:var(--aqua);margin-right:9px;box-shadow:0 0 10px #4aebc9}.header-version{color:#4e7980}.header-right{display:flex;gap:8px}.head-chip{font-size:9px;font-weight:800;letter-spacing:1.2px;background:#123832;color:var(--aqua);border:1px solid #25685a;padding:8px 11px}.head-chip.subtle{background:transparent;border-color:#27444c;color:#7f9fa7}.layout{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(320px,.72fr);gap:26px;padding-top:27px}.workspace{min-width:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.eyebrow{font-size:10px;font-weight:800;color:var(--aqua);letter-spacing:2px}.section-head h1{font-size:clamp(28px,3vw,41px);line-height:1.15;letter-spacing:-1.6px;margin:10px 0 10px;font-weight:650}.section-head h1 span{color:var(--aqua)}.section-head p,.controls-title p{font-size:12px;color:#8caeb2;margin:0}.run-state{flex-shrink:0;display:flex;align-items:center;gap:9px;letter-spacing:1px;font-size:10px;color:#94b2b5;font-weight:800;border:1px solid var(--stroke);padding:10px 12px}.status-pulse{width:7px;height:7px;background:#6c99a0;border-radius:50%}.run-state.active{color:var(--aqua);border-color:#277865}.run-state.active .status-pulse{background:var(--aqua);box-shadow:0 0 11px #57e2b8}.viewport-frame{height:clamp(350px,37vw,495px);min-height:350px;position:relative;overflow:hidden;border:1px solid #2d5460;background:radial-gradient(ellipse at 50% 45%,#153941,#081c26 70%)}.viewport-frame:after{content:'';position:absolute;inset:0;border:12px solid #ffffff02;pointer-events:none}#scene{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.view-topbar{position:absolute;top:19px;left:19px;right:19px;display:flex;justify-content:space-between;z-index:2;pointer-events:none}.video-label,.view-mode,.scene-coordinate,.view-tag,.scene-bottom{font-family:ui-monospace,Consolas,monospace;letter-spacing:1.15px;font-size:10px;color:#a1c6c6}.video-label{border:1px solid #316467;background:#0b2930c9;padding:9px 11px}.video-label i{display:inline-block;width:5px;height:5px;background:var(--aqua);border-radius:50%;margin-right:8px}.view-mode{color:#65969b;padding:8px}.scene-coordinate{position:absolute;left:22px;bottom:70px;line-height:1.8;color:#6d9da0}.scene-coordinate span{color:var(--aqua)}.view-tag{position:absolute;right:23px;bottom:75px;display:flex;flex-direction:column;align-items:end;gap:5px}.view-tag strong{font-size:20px;color:#9cf4db}.view-tag small{font-size:9px;color:#80a9b0}.scene-bottom{position:absolute;bottom:0;left:0;right:0;height:47px;background:#0b222ce3;display:flex;align-items:center;padding:0 20px;gap:24px;border-top:1px solid #2b4b55;color:#8daeb5;font-size:9px}.scene-bottom button{margin-left:auto;border:0;background:none;color:var(--aqua);font-size:9px;letter-spacing:1px}.instrument-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--stroke);border-top:0;background:#0d252e}.metric{padding:21px 18px 15px;border-right:1px solid var(--stroke);min-width:0}.metric:last-child{border:0}.metric>span{font-size:9px;font-weight:800;color:#82a6aa;letter-spacing:1.05px;white-space:nowrap}.metric>div:not(.bar){display:flex;align-items:baseline;gap:6px;margin-top:10px}.metric b{font-size:clamp(20px,2vw,29px);letter-spacing:-1px;font-weight:650;font-variant-numeric:tabular-nums}.metric small{color:#7dabb0;font-size:11px}.metric-spark{display:block;width:40px;height:3px;margin-top:11px;background:var(--aqua);box-shadow:13px 0 0 #183c41,24px 0 0 #315f61}.metric-spark.amber{background:var(--amber);box-shadow:13px 0 0 #554230,24px 0 0 #624b32}.bar{margin-top:9px;height:3px;background:#1e3f48;overflow:hidden}.bar div{height:100%;width:100%;background:var(--aqua);transition:width .09s}.meter-mini{display:block!important;letter-spacing:1px!important;color:var(--aqua)!important;margin-top:6px}.chart-deck{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:19px}.chart-card{border:1px solid var(--stroke);background:#0b2029;padding:19px 19px 11px;min-width:0}.chart-heading{display:flex;justify-content:space-between;gap:9px}.chart-index{font-size:9px;color:var(--aqua);letter-spacing:1.2px;font-weight:700}.chart-heading h2{margin:5px 0 8px;font-size:17px;font-weight:600}.chart-heading h2 small{font-size:12px;color:#84a8ad;font-weight:400}.chart-legend{font-size:9px;font-weight:800;letter-spacing:1px;color:#85b4b7;white-space:nowrap}.chart-legend i{display:inline-block;width:16px;height:2px;vertical-align:middle;background:var(--aqua);margin-right:5px}.chart-legend.amber i{background:var(--amber)}.chart-card canvas{display:block;width:100%;height:151px}.control-column{display:flex;flex-direction:column;gap:16px;min-width:0}.controls-card,.operation-card,.export-card{background:linear-gradient(120deg,#102a33,#0c222b);border:1px solid var(--stroke);padding:23px 25px}.controls-title h2{font-size:23px;font-weight:650;letter-spacing:-.5px;margin:8px 0 6px}.preset-control{margin-top:24px}.preset-control label,.operational-row span{display:block;font-size:9px;font-weight:800;letter-spacing:1.3px;color:#8baeb3;margin-bottom:11px}select{width:100%;color:#e2f4ef;background:#08202a;border:1px solid #34545c;padding:12px 15px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6'%3E%3Cpath d='m1 1 5 4 5-4' stroke='%2365e8c3' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;font-size:12px}.separator{height:1px;background:#284650;margin:21px 0}.control-group{margin-bottom:18px}.control-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}.control-label label{font-size:12px;color:#d3e8e5}.control-label output{font-family:ui-monospace,Consolas,monospace;color:var(--aqua);font-weight:700;font-size:12px;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:0;background:#284851;cursor:pointer;margin:5px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--aqua);height:13px;width:13px;border:3px solid #092129;border-radius:50%;box-shadow:0 0 0 1px var(--aqua)}input[type=range]::-moz-range-thumb{background:var(--aqua);height:9px;width:9px;border:3px solid #092129;border-radius:50%;box-shadow:0 0 0 1px var(--aqua)}.control-limits{display:flex;justify-content:space-between;color:#648891;font-size:9px;margin-top:2px}.advanced{border-top:1px solid #284650;margin-top:4px;padding-top:18px}.advanced summary{cursor:pointer;list-style:none;color:#b5d9d6;font-size:11px}.advanced summary::-webkit-details-marker{display:none}.advanced summary span{float:right;color:var(--aqua)}.advanced-inside{padding:18px 0 0}.operation-card>.eyebrow,.export-card>.eyebrow{margin-bottom:18px}.run-buttons{display:flex;gap:8px}.btn-main{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;color:#082422;background:var(--aqua);border:1px solid var(--aqua);padding:14px 12px;font-size:11px;font-weight:850;letter-spacing:1px;transition:background .1s}.btn-main:hover{background:#9ff8dd}.btn-main.paused{background:#b2ded9;border-color:#b2ded9}.btn-icon{background:#183641;border:1px solid #305461;color:#c8e6e0;font-size:11px;padding:12px;min-width:49px}.btn-icon:hover,.export-grid button:hover{border-color:var(--aqua);color:var(--aqua)}.operational-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:23px}.operational-row select{padding:9px 10px}.operational-row strong{font-size:16px;color:var(--amber);letter-spacing:.4px}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.export-grid button{background:#15313b;border:1px solid #2b4d57;padding:11px 9px;color:#bde3db;font-size:11px}.export-grid button:last-child{grid-column:1/-1}.simulation-note{display:flex;align-items:flex-start;gap:9px;border-top:1px solid #284650;margin-top:19px;padding-top:13px}.simulation-note .info-mark{flex-shrink:0;width:15px;height:15px;border-radius:50%;border:1px solid #779d9c;color:#9ec7c1;text-align:center;font:12px/13px Georgia,serif}.simulation-note p{font-size:10px;line-height:1.5;color:#84aab0;margin:0}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:26px 0;margin-top:24px;border-top:1px solid #213e48;color:#678b92;font-size:9px;letter-spacing:1.25px}.site-footer b{color:var(--aqua);padding:0 5px}@media(max-width:1250px){.app-shell{padding:0 22px}.layout{gap:17px;grid-template-columns:minmax(0,1.3fr) minmax(300px,.75fr)}.controls-card,.operation-card,.export-card{padding:19px}.metric{padding:17px 11px}.header-center{display:none}}@media(max-width:900px){.layout{grid-template-columns:1fr}.viewport-frame{height:430px}.control-column{display:grid;grid-template-columns:1fr 1fr;align-items:start}.controls-card{grid-row:span 2}.chart-card canvas{height:135px}}@media(max-width:650px){.app-shell{padding:0 14px}.site-header{height:72px}.header-right .subtle{display:none}.head-chip{font-size:8px}.section-head{align-items:start;flex-direction:column;margin-bottom:16px}.section-head h1{font-size:30px}.viewport-frame{height:355px}.view-mode{font-size:8px}.scene-coordinate{display:none}.instrument-strip{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(1),.metric:nth-child(2){border-bottom:1px solid var(--stroke)}.chart-deck{grid-template-columns:1fr}.control-column{display:flex}.site-footer{display:block;line-height:2}.scene-bottom{gap:12px;padding:0 12px;font-size:8px}}