:root{--bg:#07121f;--panel:#0b1726;--panel2:#0e1c2b;--border:#233448;--muted:#778b9f;--soft:#aec0cd;--bright:#ecf4f7;--accent:#ed9455;--cyan:#74cbd8;--blue:#6c9dbd;--red:#d47764;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
*{box-sizing:border-box}html,body{margin:0;background:#07121e;color:var(--bright);font-family:var(--font);font-size:13px;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button:disabled{opacity:.45;cursor:default}.app{height:100vh;min-height:620px;display:grid;grid-template-columns:298px minmax(420px,1fr) 275px;grid-template-rows:64px minmax(0,1fr) 31px;background:#091421}.topbar{grid-column:1/-1;grid-row:1;z-index:3;display:flex;align-items:center;padding:0 23px;border-bottom:1px solid var(--border);background:#0b1623}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;background:#182634;border:1px solid #334357;color:var(--accent);display:grid;place-items:center;transform:rotate(-5deg)}.brand-mark svg{transform:rotate(5deg)}.brand-name{display:flex;align-items:baseline;gap:6px;letter-spacing:2.1px}.brand-name strong{font-size:16px;letter-spacing:2.4px}.brand-name span{font-size:10px;color:var(--accent);font-weight:800}.top-divider{height:25px;width:1px;background:#304154;margin:0 22px}.top-caption{font-size:10px;letter-spacing:1.3px;color:#96aabb;font-weight:650}.header-center{display:flex;align-items:center;gap:8px;margin:auto;font-size:10px;font-weight:700;color:#a5b7c5;letter-spacing:.85px}.status-led,.tiny-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:#70c8b1;box-shadow:0 0 0 3px #70c8b111,0 0 11px #70c8b166}.tiny-led{width:6px;height:6px}.header-mini{color:#627786}.header-actions{display:flex;gap:8px}.btn{border:1px solid var(--border);background:transparent;color:#e1e8ed;padding:10px 13px;font-size:10px;letter-spacing:.8px;font-weight:800}.btn:hover{background:#1a2937}.btn-ghost{border-color:transparent;color:#93a9ba}.btn-outline{border-color:#496073}.btn-orange{background:var(--accent);border-color:#ffb37f;color:#151e26}.btn-orange:hover{background:#f6a775}.btn-orange span{margin-left:5px}.sidebar{min-height:0;background:var(--panel);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#334455 transparent}.left-panel{border-right:1px solid var(--border);display:flex;flex-direction:column}.right-panel{border-left:1px solid var(--border)}.panel-section{padding:20px 22px 18px;border-bottom:1px solid #203245}.page-intro{padding-top:28px;padding-bottom:23px}.eyebrow{font-size:9px;letter-spacing:2.1px;font-weight:800;color:var(--accent)}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.12;letter-spacing:-1.1px;margin:13px 0 12px;font-weight:650}h1 em{font-style:normal;color:#eaa875}.page-intro p{font-size:11px;color:#8da4b7;line-height:1.7;max-width:245px}.section-head{display:flex;justify-content:space-between;align-items:center;color:#c6d3dc;font-size:9px;font-weight:850;letter-spacing:1.3px;margin-bottom:25px}.dot-three{font-size:13px;letter-spacing:2px;color:#70859c}.control{margin-bottom:23px}.control:last-child{margin-bottom:0}.control-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:13px}label{color:#b6c5d2;font-size:11px}.value{color:#f6fafc;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.value small{color:#8da4b7;font-size:9px;font-weight:500;margin-left:2px}input[type=range]{appearance:none;display:block;width:100%;height:3px;border-radius:2px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--value,50%),#33475c var(--value,50%),#33475c 100%);outline:none;cursor:ew-resize;margin:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border:3px solid var(--accent);background:#151f2a;border-radius:50%;box-shadow:0 0 0 4px #ed945522}input[type=range]::-moz-range-thumb{width:8px;height:8px;border:3px solid var(--accent);background:#151f2a;border-radius:50%}.scale{display:flex;justify-content:space-between;color:#5f778e;font-size:9px;margin-top:12px}.dual{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.small-label{display:block;font-size:9px;letter-spacing:1.2px;color:#7d94a9;font-weight:800;margin-bottom:9px}select{display:block;width:100%;padding:10px 26px 10px 10px;background:#132236;color:#e1ecf4;border:1px solid #304359;border-radius:2px;font-size:11px;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%239fb1bf'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}.tight{margin:0}.toggle-row{display:flex;align-items:center;justify-content:space-between;position:relative;cursor:pointer;margin:-4px 0 25px}.toggle-row>div{display:flex;flex-direction:column;gap:4px}.toggle-row strong{font-size:11px;color:#c8d6df}.toggle-row span:not(.toggle-track){font-size:10px;color:#738c9f}.toggle-row input{position:absolute;opacity:0;right:0}.toggle-track{width:36px;height:20px;background:#354557;border:1px solid #506273;border-radius:20px;position:relative;transition:background .2s}.toggle-track:before{content:"";position:absolute;top:3px;left:3px;background:#a6b5c1;width:12px;height:12px;border-radius:50%;transition:transform .2s}.toggle-row input:checked+.toggle-track{background:#6a9a9c}.toggle-row input:checked+.toggle-track:before{transform:translateX(16px);background:white}.sidebar-bottom{padding:20px 22px;margin-top:auto}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset{padding:11px 5px;background:#101e2d;border:1px solid #2c3e51;color:#9eb2c1;font-size:10px;font-weight:800;letter-spacing:1px}.preset:hover,.preset.active{color:#f3d0b5;border-color:#bc845a;background:#2b2829}.workspace{min-height:0;display:grid;grid-template-rows:minmax(330px,1fr) 240px;overflow:hidden}.viewer{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#17304b,#06101e)}#scene{position:absolute;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.viewer:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 35%,#05101c77 100%)}.viewer-top,.viewer-bottom{position:absolute;left:23px;right:23px;z-index:2;display:flex;align-items:center;justify-content:space-between}.viewer-top{top:23px}.viewer-bottom{bottom:20px}.live-chip,.view-chip{padding:9px 11px;background:#0b1b2cbd;border:1px solid #38526b9d;color:#a7c1d6;font-size:10px;font-weight:750;letter-spacing:.9px}.live-chip{display:flex;align-items:center;gap:8px;color:#cce2eb}.live-chip .tiny-led{background:#77d2c0}.live-chip>span:last-child{color:#547187}.view-chip{color:#b5c0ca}.view-chip span{color:#cf9167}.hero-title{position:absolute;z-index:2;left:25px;top:86px;display:flex;flex-direction:column;gap:8px;pointer-events:none;text-shadow:0 2px 15px #07101daa}.viewer-overline{color:#e19a65;font-size:9px;letter-spacing:1.4px;font-weight:800}.hero-title strong{font-size:31px;line-height:1.02;font-weight:620;letter-spacing:-1.2px}.hero-title>span:last-child{color:#9eb5ca;font-size:9px;letter-spacing:1.1px;font-weight:650}.reticle{position:absolute;z-index:1;width:29px;height:29px;border-color:#9cb8cd44;pointer-events:none}.reticle-a{top:17%;right:11%;border-top:1px solid;border-right:1px solid}.reticle-b{bottom:19%;left:10%;border-bottom:1px solid;border-left:1px solid}.model-tag{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;color:#b7d0db;pointer-events:none}.model-tag>span{display:grid;place-items:center;border:1px solid #5882a2b0;color:#9bc9d8;background:#10283b9a;width:25px;height:25px;border-radius:50%;font-size:9px;font-weight:850}.model-tag>div{display:flex;flex-direction:column;gap:3px}.model-tag strong{font-size:10px;letter-spacing:.7px}.model-tag small{font-size:8px;letter-spacing:.9px;color:#8ea6b9}.tag-inlet{left:17%;bottom:30%}.tag-rotor{right:15%;top:34%}.scene-instructions{font-size:9px;color:#a6c1d0;font-weight:700;letter-spacing:.45px}.mouse-symbol{font-size:16px;vertical-align:middle;margin-right:5px}.splt{color:#5d758b;padding:0 8px}.viewer-controls{display:flex;gap:7px}.icon-btn{padding:9px 11px;background:#102033bc;border:1px solid #38536b;color:#b3d6e6;font-size:14px}.icon-btn span{font-size:9px;letter-spacing:.8px;font-weight:800;padding-left:3px}.icon-btn:hover{background:#1b3348}.analysis-pane{border-top:1px solid #284056;background:#0d1c2b;display:grid;grid-template-rows:66px minmax(0,1fr) 28px;padding:0 24px}.analysis-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263a4e}.analysis-head h2{margin-top:5px;font-size:17px;letter-spacing:-.35px;font-weight:650}.chart-options{display:flex;gap:2px;padding:3px;background:#132637;border:1px solid #2e455a}.chart-select{border:0;background:none;color:#8098ad;font-size:9px;letter-spacing:.7px;padding:8px 11px;font-weight:800}.chart-select.active{background:#2b4155;color:#e3f1f8}.chart-area{min-height:0;position:relative}.chart-area canvas{width:100%;height:100%;display:block}.chart-info{position:absolute;top:15px;right:9px;text-align:right;pointer-events:none}.chart-info span{color:#8bacc3;font-size:9px;font-weight:750;letter-spacing:1.3px;display:block}.chart-info strong{font-size:20px;color:#e7eff3;font-weight:660}.analysis-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;font-weight:750;letter-spacing:.7px;color:#7694a9;border-top:1px solid #203449}.legend-circle{display:inline-block;width:7px;height:7px;border-radius:100%;background:#eea36a;margin-right:5px}.right-panel{display:flex;flex-direction:column}.right-head{padding:25px 20px 19px;border-bottom:1px solid #26374a}.right-head h2{font-size:21px;letter-spacing:-.7px;margin:9px 0}.right-head p{font-size:10px;color:#7994a9;line-height:1.6}.primary-metric{margin:19px 19px 14px;background:linear-gradient(145deg,#183449,#112638);padding:17px;border:1px solid #395369;box-shadow:inset 0 1px #ffffff0a}.metric-label{display:flex;justify-content:space-between;color:#b9d4e1;font-size:9px;font-weight:850;letter-spacing:1.1px}.metric-label span{color:#7d9fb5;font-size:12px}.metric-number{display:flex;align-items:baseline;gap:7px;padding:13px 0}.metric-number strong{font-size:36px;font-weight:680;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.metric-number span{font-size:13px;color:#b1cad7}.metric-meter,.gauge{height:4px;background:#243c4d;overflow:hidden}.metric-meter>div{width:0;height:100%;background:linear-gradient(90deg,#73bfca,#e8aa7e);transition:width .3s}.metric-sub{display:flex;justify-content:space-between;font-size:8px;color:#819bae;letter-spacing:.4px;margin-top:12px}.metric-sub span:last-child{color:#79d8c2;font-weight:850}.data-block{padding:2px 19px}.readout{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #203349;padding:13px 0}.readout>div:first-child{display:flex;flex-direction:column;gap:4px}.readout span{color:#c0d0db;font-size:10px;letter-spacing:.45px;font-weight:750}.readout small{color:#688399;font-size:9px}.readout>div:last-child{display:flex;align-items:baseline;gap:5px}.readout strong{font-size:19px;font-weight:650;letter-spacing:-.3px;font-variant-numeric:tabular-nums}.readout>div:last-child small{font-size:9px}.system-health{padding:19px}.system-health .section-head{margin:0 0 17px}.health-row{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;font-weight:750;color:#98b0c0;margin:13px 0 8px}.health-row strong{color:#e4ecf0}.gauge>div{height:100%;width:0;background:#69bec7;transition:width .4s}.solver-flag{display:flex;align-items:flex-start;gap:8px;margin:18px 0 0;padding:11px 10px;background:#132f34;border:1px solid #2b5754;color:#9acec4;font-size:10px;line-height:1.5}.solver-flag span{font-size:13px}.solver-flag.warning{background:#34281d;border-color:#785541;color:#ebc59b}.run-panel{padding:17px 19px 20px;margin-top:auto;border-top:1px solid #2b3d50}.run-label{display:flex;justify-content:space-between;font-size:9px;font-weight:850;letter-spacing:1px;color:#9eb6c7;margin-bottom:13px}.run-label>span{color:#80cfbb}.run-btn{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;background:var(--accent);color:#1b2024;border:1px solid #efac7e;padding:14px;font-size:10px;letter-spacing:1.1px;font-weight:900}.run-btn:hover{background:#f4a36b}.run-btn>span:first-child{font-size:15px}.speed-wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.speed-wrap>span{font-size:9px;letter-spacing:.6px;color:#829caf;font-weight:800}.speed-wrap select{width:auto;min-width:125px;padding:7px 22px 7px 9px;font-size:9px;background-position:right 7px center}.bottom-bar{grid-column:1/-1;grid-row:3;display:flex;align-items:center;justify-content:space-between;padding:0 21px;background:#07111c;border-top:1px solid #26354a;color:#7690a5;letter-spacing:1px;font-size:8px;font-weight:800}.bottom-bar>div:first-child{display:flex;align-items:center;gap:7px}.footer-accent{color:#d49b71}.footer-sep{padding:0 6px;color:#506376}.toast{position:fixed;bottom:49px;left:50%;transform:translate(-50%,20px);z-index:10;padding:12px 18px;background:#263c4f;color:#dcecf4;border:1px solid #54728a;box-shadow:0 12px 30px #0007;font-size:11px;letter-spacing:.4px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1320px){.app{grid-template-columns:260px minmax(360px,1fr) 249px}.panel-section{padding-left:18px;padding-right:18px}.right-head,.system-health{padding-left:15px;padding-right:15px}.primary-metric{margin-left:15px;margin-right:15px}.data-block{padding-left:15px;padding-right:15px}.hero-title strong{font-size:27px}.header-center{display:none}.top-caption{margin-right:auto}.scene-instructions{font-size:8px}.icon-btn span{display:none}}
@media(max-width:1020px){html,body{overflow:auto}.app{height:auto;min-height:100vh;grid-template-columns:245px minmax(340px,1fr);grid-template-rows:60px minmax(720px,1fr) auto 32px}.topbar{grid-column:1/3}.left-panel{grid-column:1;grid-row:2}.workspace{grid-column:2;grid-row:2;grid-template-rows:minmax(425px,1fr) 250px}.right-panel{grid-column:1/3;grid-row:3;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--border);border-left:0}.right-head{grid-column:1;grid-row:1}.primary-metric{grid-column:2;grid-row:1}.data-block{grid-column:1;grid-row:2}.system-health{grid-column:2;grid-row:2}.run-panel{grid-column:1/3;grid-row:3;max-width:none}.bottom-bar{grid-row:4;grid-column:1/3}.footer-sep,.foot-desktop{display:none}.readout{padding:11px 0}}
@media(max-width:690px){.app{display:block;min-height:100vh}.topbar{height:60px;padding:0 12px;gap:10px}.top-caption,.top-divider,.header-actions .btn-ghost,.header-actions .btn-outline{display:none}.header-actions{margin-left:auto}.brand-name strong{font-size:13px}.brand-mark{width:34px;height:34px}.left-panel{display:block;height:auto}.page-intro h1 br{display:none}.page-intro h1{font-size:26px}.left-panel .panel-section{padding:17px}.left-panel{display:grid;grid-template-columns:1fr 1fr}.page-intro,.left-panel .panel-section:nth-child(4),.sidebar-bottom{grid-column:1/3}.left-panel .panel-section:nth-child(2){border-right:1px solid var(--border)}.workspace{display:grid;grid-template-rows:440px 245px}.hero-title{left:15px;top:80px}.hero-title strong{font-size:23px}.viewer-top,.viewer-bottom{left:12px;right:12px}.viewer-bottom{bottom:12px}.scene-instructions{max-width:230px;line-height:1.6}.view-chip,.model-tag{display:none}.right-panel{display:block}.right-head{padding:19px}.analysis-pane{padding:0 12px}.analysis-head h2{font-size:16px}.chart-select{font-size:8px;padding:7px}.bottom-bar{height:31px;gap:4px;font-size:7px}.bottom-bar>div:last-child{display:none}.footer-sep{display:none}}