:root{color-scheme:dark;--bg:#08121e;--panel:#0c1a29;--line:#203445;--text:#dbe7ec;--muted:#8198a7;--cyan:#7ee4e1;--gold:#e4b978;--blue:#54bed2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:#07121d;color:var(--text);font-size:13px}button,input,select{font:inherit}button{cursor:pointer;transition:background .15s,border .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.app{min-height:100vh;display:flex;flex-direction:column;max-width:1920px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:#0a1724;border-bottom:1px solid #1f3140;gap:14px}.brand{display:flex;gap:12px;align-items:center}.brand img{filter:drop-shadow(0 0 11px #3e9ca85c)}.brand b{font-size:16px;letter-spacing:.14em;font-weight:850}.brand .light{color:#91b0b9;font-weight:450}.brand small{display:block;color:#728b9c;font-size:10px;letter-spacing:.12em;margin-top:4px;text-transform:uppercase}.top-meta{font-size:10px;font-weight:700;letter-spacing:.14em;color:#8cb5bc}.mini-dot,.live-dot{display:inline-block;width:7px;height:7px;background:#6ee5c4;border-radius:50%;box-shadow:0 0 12px #65f8c9a8;margin-right:9px}.top-div{color:#426070;padding:0 12px}.top-tools{display:flex;gap:7px}.nav-btn{border:1px solid #2a485a;background:#10283a;color:#bddee4;border-radius:5px;padding:9px 12px;text-decoration:none;white-space:nowrap}.nav-btn:hover{background:#1a4553}.workbench{display:grid;grid-template-columns:284px minmax(360px,1fr) 300px;flex:1;min-height:690px}.panel{background:linear-gradient(160deg,#0d2030,#091723);padding:22px 20px;overflow-y:auto}.control-panel{border-right:1px solid var(--line)}.telemetry-panel{border-left:1px solid var(--line)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.micro-label{font-size:10px;font-weight:760;letter-spacing:.16em;color:#8dabb7}.chip{font-size:9px;white-space:nowrap;letter-spacing:.08em;color:#8adde0;border:1px solid #2e6b73;background:#15353c;border-radius:3px;padding:5px 7px}.chip.gold{color:#e7bb75;border-color:#6a5033;background:#32291f}.panel-title{color:#a9c0c9;margin-top:28px;font-size:11px;letter-spacing:.04em}.voltage-readout{display:flex;align-items:baseline;gap:10px;margin-top:8px}.voltage-readout span:first-child{font-size:47px;line-height:1;font-weight:290;letter-spacing:-.045em;color:#e4fbff;font-variant-numeric:tabular-nums}.voltage-readout span:last-child{font-size:16px;color:#6fd9df}.voltage-scale,.bounds,.ratio-scale,.chart-caption{display:flex;justify-content:space-between;color:#698494;font-size:10px}.voltage-scale{margin-top:17px}.voltage-slider{margin-top:12px}.section-label{border-top:1px solid #1f3748;padding-top:20px;margin:23px 0 15px;color:#8ab6c0;font-size:10px;font-weight:780;letter-spacing:.15em}.sliders{display:grid;gap:15px}.ctl label{display:flex;justify-content:space-between;color:#c0d0d8;font-size:11px}.ctl output{color:#9ce0de;font-weight:700;font-variant-numeric:tabular-nums}.ctl input{margin-top:9px}.bounds{margin-top:1px;font-size:9px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#24475b;border-radius:10px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#8ce8e4;border-radius:50%;border:2px solid #142e40;box-shadow:0 0 0 2px #467e83}input[type=range]::-moz-range-thumb{width:11px;height:11px;background:#8ce8e4;border-radius:50%}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.preset{padding:9px 2px;border:1px solid #315061;background:#11293a;color:#9cb6c1;font-size:10px;border-radius:4px}.preset:hover,.preset.selected{background:#1b555d;color:#ddffff;border-color:#69d7d2}.controls-footer{display:flex;gap:17px;margin-top:25px;color:#a3bbc5;font-size:11px}.checkbox{display:flex;align-items:center;gap:5px;white-space:nowrap}.checkbox input{accent-color:#4bbbbd}.small{font-size:10px;line-height:1.6}.muted{color:#658394}.viewport{display:flex;flex-direction:column;min-width:0;background:radial-gradient(ellipse at 52% 34%,#112c40 0,#081723 69%);padding:23px 26px 14px}.view-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:17px}.view-head h1{font-size:24px;line-height:1.2;font-weight:550;letter-spacing:-.03em;margin:8px 0 0}.view-head h1 em{font-style:normal;color:#79dad6}.view-badge{font-size:10px;font-weight:800;letter-spacing:.13em;color:#94efda;background:#103c3e;border:1px solid #2d7776;padding:9px 11px;border-radius:3px}.view-badge.drip{color:#e8bd7c;background:#3f3324;border-color:#745936}.view-badge.multi{color:#ffad9d;background:#48272a;border-color:#7d4444}.canvas-shell{position:relative;flex:1;min-height:485px;border:1px solid #284254;border-radius:6px;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#14384a 0%,#071a2a 69%,#05121f 100%)}#simulation{position:absolute;width:100%;height:100%;display:block;cursor:grab;touch-action:none}#simulation:active{cursor:grabbing}.canvas-vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#081a295b,transparent 17%,transparent 77%,#081a296b),linear-gradient(0deg,#09162455,transparent 22%,transparent 85%,#0a18253a)}.scene-tag{position:absolute;pointer-events:none;font-size:10px;color:#aecbd0;display:flex;flex-direction:column}.scene-tag strong{font-size:9px;letter-spacing:.12em;color:#d3edef}.scene-tag small{font-size:10px;color:#8da8b5;margin-top:3px}.scene-tag-a{left:6%;top:14%}.scene-tag-b{right:5%;top:38%}.scene-tag-c{left:6%;bottom:24%}.tag-line{height:1px;width:34px;background:#59babb;margin:0 0 8px}.view-axis{position:absolute;right:20px;bottom:55px;color:#6e9eae;font-size:12px;letter-spacing:.04em;pointer-events:none}.scene-bottom{position:absolute;bottom:0;left:0;right:0;height:36px;border-top:1px solid #26435482;background:#061829b8;display:flex;justify-content:space-between;align-items:center;padding:0 17px;color:#7daab6;letter-spacing:.1em;font-size:9px;font-weight:750;pointer-events:none}.transport{display:flex;align-items:center;gap:8px;margin-top:12px}.transport button{border:1px solid #305268;border-radius:4px;padding:10px 15px;background:#102738;color:#b3ced8;font-weight:700;font-size:11px}.transport button.primary{background:#b6e5da;color:#092b38;border-color:#b6e5da}.transport button:hover{filter:brightness(1.17)}.speed{display:flex;align-items:center;gap:8px;margin-left:auto}.speed label{font-size:9px;letter-spacing:.1em;color:#86a6b2}.speed select{background:#102b3b;border:1px solid #28495c;border-radius:4px;color:#c8e4e5;padding:8px}.elapsed{font-size:12px;color:#92c5cc;min-width:64px;text-align:right;font-variant-numeric:tabular-nums}.footnote{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.075em;margin-top:13px;color:#688a99}.footnote b{color:#9ebdc7;font-weight:600}.tele-title{font-size:18px;margin:28px 0 18px;font-weight:650;display:flex;justify-content:space-between}.spark-symbol{color:#66ccca;font-size:27px;line-height:14px}.metric-feature{padding:17px;background:linear-gradient(135deg,#173746,#102b39);border:1px solid #345569;border-radius:5px}.metric-feature>span,.metric-grid span,.ratio-box span,.chart-title,.statline span{color:#8ca7b3;font-size:9px;font-weight:800;letter-spacing:.13em}.metric-feature strong{display:flex;align-items:baseline;gap:8px;color:#e3ffff;font-size:36px;font-weight:350;margin:9px 0}.metric-feature strong small{font-size:14px;color:#7ad7da}.feature-desc{font-size:10px;color:#739dac}.ratio-box{margin-top:18px}.ratio-box>div:first-child{display:flex;justify-content:space-between;align-items:center}.ratio-box b{font-size:16px;color:#a9eee1}.ratio-track{height:7px;border-radius:8px;background:linear-gradient(90deg,#334456,#2b6872,#744e42);position:relative;overflow:hidden;margin-top:10px}.ratio-track #ratioFill{height:100%;width:50%;background:#9de8e2;opacity:.66;border-radius:3px}.ratio-track i{position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed #f8e5a1}.ratio-scale{margin-top:7px;font-size:9px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:21px}.metric-grid>div{min-height:88px;border:1px solid #28475a;background:#102536;border-radius:4px;padding:12px}.metric-grid span,.metric-grid strong,.metric-grid small{display:block}.metric-grid strong{font-weight:480;font-size:23px;line-height:1.2;margin-top:8px;color:#d2f4f8;font-variant-numeric:tabular-nums}.metric-grid small{color:#80b4c0;font-size:10px;margin-top:1px}.chart-title{margin-top:29px;display:flex;justify-content:space-between;align-items:center}.chart-title span:last-child{color:#9ce0df}.chart-wrap{height:134px;margin-top:9px;background:linear-gradient(180deg,#102638,#091c2b);border:1px solid #203d50;position:relative}.chart-wrap canvas{width:100%;height:100%;display:block}.chart-axis{position:absolute;left:8px;bottom:5px;color:#7b9aa8;font-size:9px;pointer-events:none}.chart-caption{margin-top:5px;font-size:9px}.statline{border-bottom:1px solid #213949;display:flex;justify-content:space-between;padding:12px 0;align-items:center}.statline strong{font-weight:620;color:#c9eced;font-size:11px;font-variant-numeric:tabular-nums}.export{display:block;width:100%;background:#153445;color:#aee4e2;border:1px solid #36717a;padding:12px 10px;margin-top:20px;font-weight:750;letter-spacing:.03em;border-radius:4px}.export:hover{background:#205163}.notice{border-left:2px solid #6e6149;padding-left:11px;color:#9a9b92;font-size:10px;line-height:1.6;margin-top:15px}.footer{border-top:1px solid #244051;background:#081521;padding:13px 26px;display:flex;align-items:center;justify-content:space-between;color:#6c8b9a;letter-spacing:.12em;font-size:9px}.footer span:not(.mini-dot){color:#3c6474;margin:0 6px}.error{position:absolute;left:15%;right:15%;top:30%;z-index:10;padding:20px;background:#482a31;color:#ffdddd;border:1px solid #b26362;border-radius:6px;text-align:center;font-size:14px}[hidden]{display:none!important}@media(max-width:1350px){.workbench{grid-template-columns:256px minmax(300px,1fr) 275px}.panel{padding:21px 14px}.viewport{padding:20px 18px 12px}.top-meta{display:none}}@media(max-width:1080px){.workbench{grid-template-columns:250px minmax(0,1fr)}.telemetry-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}.telemetry-panel .panel-header,.telemetry-panel .tele-title,.telemetry-panel .metric-grid,.telemetry-panel .notice{grid-column:1/-1}.metric-grid{grid-template-columns:repeat(4,1fr)}.telemetry-panel .chart-title{margin-top:18px}.telemetry-panel .chart-wrap,.telemetry-panel .chart-caption{grid-column:1/-1}.telemetry-panel .export{grid-column:1/-1}}@media(max-width:700px){.topbar{padding:12px}.brand b{font-size:12px}.brand small{font-size:8px}.top-tools .nav-btn{padding:8px}.nav-btn span{display:none}.workbench{display:flex;flex-direction:column}.control-panel{order:2;border-right:0;border-top:1px solid var(--line)}.viewport{order:1;padding:17px 12px}.telemetry-panel{order:3;display:block}.canvas-shell{min-height:400px}.scene-tag{display:none}.footnote{font-size:8px}.transport{flex-wrap:wrap}.transport button{flex:1}.speed{margin-left:0}.metric-grid{grid-template-columns:repeat(2,1fr)}.footer{flex-direction:column;gap:8px;text-align:center}.view-head h1{font-size:22px}}