:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9f5f8;background:#07121c;font-size:14px;color-scheme:dark;--cyan:#65dfde;--faint:#93aaba;--line:#233648;--edge:#1d3140;--muted:#7c97a7}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.app-shell{min-width:320px;min-height:100vh}.topbar{display:flex;align-items:center;gap:14px;height:81px;border-bottom:1px solid var(--line);background:#0a1722;padding:0 28px}.brand-mark{font-size:27px;font-weight:900;letter-spacing:-5px;width:54px;height:51px;line-height:48px;padding-left:7px;border:1px solid #254d58;background:#0b232c;color:#d9ffff;transform:skew(-4deg)}.brand-mark span{font-size:16px;color:var(--cyan);vertical-align:5px;margin-left:4px}.brand{display:flex;flex-direction:column;gap:3px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2.2px;color:var(--cyan)}.brand strong{font-size:23px;letter-spacing:1.6px}.brand .muted{font-weight:400;color:#92a8b5}.topright{margin-left:auto;display:flex;align-items:center;gap:25px}.tag{border:1px solid #315462;border-radius:4px;padding:9px 12px;font-size:10px;letter-spacing:1.2px;font-weight:800;color:#a4f4ea}.tag i,.pulsing-dot{width:7px;height:7px;display:inline-block;background:#58e0bb;border-radius:100%;margin-right:7px;box-shadow:0 0 9px #58e0bb}.top-seed{font-size:10px;color:#7e97a8;letter-spacing:1px}
.workspace{display:grid;grid-template-columns:295px minmax(380px,1fr) 288px;min-height:calc(100vh - 113px)}.sidebar,.inspector{background:#0d1a26;padding:27px 23px 18px}.sidebar{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.panel-head{display:flex;align-items:center;justify-content:space-between;color:#6d91a2;font-size:10px;letter-spacing:1.6px;font-weight:850;margin-bottom:18px}.panel-head.no-pad{margin:0 0 8px}.tiny-icon{font-size:19px;color:#4e8896}.sidebar h2,.inspector h2{font-size:21px;line-height:1.2;font-weight:700;letter-spacing:-.4px;margin:0 0 9px}.aside-description{font-size:12.2px;line-height:1.65;color:#91a9b8;margin:0 0 25px}.section-label{font-size:10px;color:#6591a3;letter-spacing:1.4px;font-weight:850;margin:23px 0 13px}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preset{background:#122637;color:#adbfcb;border:1px solid #2c4050;border-radius:5px;min-height:37px;font-size:10px;letter-spacing:1px;font-weight:750}.preset:hover,.preset.active{border-color:#69d8db;color:#d9ffff;background:#153940}.divider-space{height:1px;background:#203445;margin-top:20px}.control{margin-bottom:17px}.control-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:11.5px;color:#a9bdc9}.control-title output{color:#dcf6f4;font-size:11px;font-weight:750;white-space:nowrap}input[type=range]{width:100%;height:4px;display:block;accent-color:#6cd6d5;cursor:pointer;margin:12px 0 8px}.scale-ends{display:flex;justify-content:space-between;font-size:9px;color:#5c7889}.last-label{margin-top:22px}.sidebar-footer{border-top:1px solid #294050;margin-top:26px;padding-top:15px;display:flex;justify-content:space-between;font-size:9px;color:#607e8b;letter-spacing:.8px}.sidebar-footer span{color:var(--cyan)}
.main-area{min-width:0;background:#07131e;display:flex;flex-direction:column}.scene-panel{min-height:620px;display:flex;flex-direction:column}.scene-top{height:115px;padding:23px 28px;display:flex;align-items:center;justify-content:space-between}.scene-top h1{font-size:30px;letter-spacing:-1.2px;margin:0;font-weight:700}.scene-top .dot{color:#66dddd}.scene-tag{font-size:10px;letter-spacing:1.4px;color:#a9d2d1}.scene{position:relative;min-height:430px;flex:1;overflow:hidden;border-top:1px solid #152a39;border-bottom:1px solid #1b3643;background:radial-gradient(ellipse at 54% 46%,#173243 0%,#07141f 69%)}.scene canvas{width:100%;height:100%;position:absolute;inset:0;display:block;cursor:grab}.scene-overlay{position:absolute;pointer-events:none;display:flex;flex-direction:column;gap:4px}.top-left{top:21px;left:24px}.top-right{top:21px;right:24px;text-align:right}.little-caption{font-size:9px;color:#6f90a5;font-weight:850;letter-spacing:1.35px}.scene-overlay b{font-size:15px;letter-spacing:1.3px}.scene-overlay small{font-size:9px;color:#7795a6;letter-spacing:.9px}.bottom-left{bottom:22px;left:24px;display:flex;align-items:center;flex-direction:row;gap:10px}.bottom-left span{font-size:9px;color:#90aebb;line-height:1.7;letter-spacing:.8px}.crosshair{font-size:20px;color:#7de2df}.bottom-right{bottom:23px;right:24px;align-items:flex-end}.bottom-right b{font-size:28px;letter-spacing:-1px;color:#d1ebf1}.bottom-right span{font-size:9px;color:#62869b;letter-spacing:1px}#webgl-error{position:absolute;inset:25%;z-index:2;background:#1b2932;border:1px solid #c87967;padding:25px;text-align:center;color:#ffbeac}
.transport-bar{min-height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px 24px;gap:10px}.transport-buttons,.transport-meta{display:flex;align-items:center;gap:9px}.transport-buttons button{height:38px;border-radius:4px;font-size:10px;letter-spacing:1px;font-weight:800}.primary-action{background:#72ddda;color:#0b2330;border:0;padding:0 18px}.primary-action span{margin-left:9px}.icon-btn{background:#132737;color:#d4ecea;border:1px solid #335160;width:39px;font-size:25px!important}.subtle-action{background:#123040;color:#a1dfdf;border:1px solid #2d5667;padding:0 13px}.subtle-action span{margin-left:4px}.transport-meta label{font-size:9px;letter-spacing:1px;color:#7296a6}.transport-meta select{background:#122532;color:#cce6e9;border:1px solid #2a4554;border-radius:3px;padding:8px}.elapsed{font:700 11px ui-monospace,SFMono-Regular,monospace;color:#9ecacb;margin-left:8px}.chart-section{padding:25px 24px 28px}.chart-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:16px}.chart-heading h3{margin:0;font-size:20px;letter-spacing:-.5px}.chart-legend{font-size:9px;letter-spacing:1px;color:#88acb7}.legend-line{width:15px;height:2px;background:#64dfde;display:inline-block;margin-right:6px;vertical-align:middle}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chart-card{min-width:0;background:#0e202c;border:1px solid #213a4a;border-radius:5px;padding:14px 14px 12px}.chart-card-label{font-size:10px;letter-spacing:1px;font-weight:800;color:#a7ccd0;display:flex;justify-content:space-between;gap:10px}.chart-card-label span{font-size:9px;color:#668c9a}.chart-card canvas{width:100%;height:134px;display:block;margin-top:9px}
.result-panel{border:1px solid #265861;border-radius:5px;background:linear-gradient(148deg,#15343e,#102431);padding:16px 15px;margin-top:14px;margin-bottom:27px}.result-panel.unstable{background:linear-gradient(148deg,#382b2d,#262631);border-color:#806451}.result-top{font-size:10px;letter-spacing:1.2px;color:#99c9c4;display:flex;justify-content:space-between;align-items:center}.result-top span{color:#68dfc3;font-size:14px}.result-title{color:#a6fff0;font-size:21px;letter-spacing:-.35px;font-weight:750;line-height:1.15;margin:16px 0}.result-panel.unstable .result-title,.result-panel.unstable .result-top span{color:#f9ba87}.result-meter{height:7px;background:#294250;border-radius:10px;position:relative;overflow:hidden}.result-meter #ratio-bar{width:60%;height:100%;background:linear-gradient(90deg,#45958f,#83f8df);transition:width .15s}.result-meter .threshold{height:14px;top:-4px;width:2px;background:#e5f7ec;position:absolute;left:33.333%}.result-under{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.5px;color:#6f9caa;margin-top:8px}.result-value{display:flex;justify-content:space-between;align-items:end;padding-top:20px;margin-top:17px;border-top:1px solid #2c4b58}.result-value span{font-size:9px;letter-spacing:1px;color:#8cb3bc}.result-value strong{font-size:24px;color:#d0f9ef}.sensor{border-bottom:1px solid #21394a;padding:12px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:5px;flex-wrap:wrap}.sensor>span{font-size:10px;color:#779dad;letter-spacing:.55px;font-weight:800}.sensor>strong{font-size:16px;font-variant-numeric:tabular-nums;color:#e8f6f8}.sensor>strong small{font-size:10px;color:#91afbd;font-weight:400}.sensor-track{width:100%;height:3px;background:#284454;margin-top:4px;overflow:hidden;border-radius:4px}.sensor-track>div{height:100%;background:#56cbd3;width:50%;transition:width .1s}.export-label{margin-top:27px}.export-actions{display:flex;gap:7px}.outline-btn{flex:1;border:1px solid #315968;border-radius:4px;padding:12px 3px;background:#102a38;color:#b4eff0;font-size:9px;font-weight:800;letter-spacing:.5px}.outline-btn:hover{background:#174254}.theory-note{border-top:1px solid #244051;padding-top:20px;margin-top:25px;display:flex;flex-direction:column;gap:9px}.theory-note strong{font-size:10px;color:#77d9d9;letter-spacing:1px}.theory-note span{font-size:12px;color:#a1bbc7;line-height:1.65}.theory-note em{font-style:normal;color:#a7f4e6}.theory-note small{font-size:10px;color:#6c8d9d;line-height:1.65}.bottom-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;height:32px;border-top:1px solid #1d3140;color:#577b8c;font-size:9px;letter-spacing:.8px;background:#08141f;padding:0 28px}.bottom-bar b{font-weight:400}.version{color:#6dcfcf}
@media(max-width:1200px){.workspace{grid-template-columns:265px minmax(360px,1fr)}.inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px}.inspector>.panel-head,.inspector>h2,.inspector>.aside-description{grid-column:1/-1}.result-panel{grid-column:1/2}.inspector>.section-label{grid-column:2/-1;margin-top:15px}.sensor{grid-column:2/-1}.inspector>.export-label,.export-actions,.theory-note{grid-column:1/-1}.top-seed{display:none}}
@media(max-width:760px){.topbar{padding:0 12px}.tag{display:none}.workspace{display:flex;flex-direction:column}.sidebar{order:2;border-right:0;border-top:1px solid var(--line)}.main-area{order:1}.inspector{order:3;display:block}.inspector>.section-label,.sensor,.result-panel,.theory-note{display:flex}.result-panel{display:block}.scene-top{height:95px;padding:18px}.scene-top h1{font-size:24px}.scene{min-height:380px}.scene-panel{min-height:550px}.scene-tag{display:none}.scene-overlay.bottom-right,.scene-overlay.top-right{display:none}.chart-grid{grid-template-columns:1fr}.chart-legend{display:none}.transport-bar{padding:8px 12px}.subtle-action span{display:none}.transport-meta .elapsed{display:none}.bottom-bar{padding:0 12px}.bottom-bar>span:nth-child(2){display:none}.sidebar{padding:22px}.inspector{padding:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}