@import url('data:text/css,');
:root{--bg:#07111b;--panel:rgba(9,19,29,.91);--line:rgba(142,175,199,.17);--text:#d5e2e8;--muted:#758997;--orange:#f1ae53;--cyan:#69d4dd;--green:#9ddd8d;--font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--bg);font-family:var(--font);font-size:12px;color:var(--text);letter-spacing:.03em}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
#viewport,#scene{width:100vw;height:100vh;position:fixed;inset:0;display:block;outline:none}#scene{touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,10,17,.58),transparent 36%,transparent 66%,rgba(3,10,17,.42)),linear-gradient(0deg,rgba(2,9,15,.75),transparent 22%,transparent 83%,rgba(2,9,15,.52))}
.topbar{position:fixed;inset:0 0 auto 0;height:81px;display:flex;gap:16px;align-items:center;padding:0 27px;background:rgba(6,16,24,.92);border-bottom:1px solid var(--line);z-index:5;backdrop-filter:blur(15px)}.brand-icon{height:42px;width:42px;display:grid;place-items:center;border:1px solid var(--orange);font-weight:900;font-size:15px;color:var(--orange);transform:rotate(-3deg)}.brand-icon span{transform:rotate(3deg)}.identity,.header-variant{display:flex;flex-direction:column;gap:4px}.eyebrow{font-size:9px;letter-spacing:.22em;color:#94a7af;font-weight:700}.identity strong{font-size:19px;font-weight:800;letter-spacing:.04em}.identity em{font-size:13px;color:var(--orange);font-style:normal;font-weight:600}.dot{color:var(--orange)}.header-divider{height:34px;width:1px;background:var(--line);margin:0 4px}.header-variant strong{font-size:11px;letter-spacing:.12em}.header-spacer{flex:1}.sim-status{display:flex;align-items:center;gap:8px;border:1px solid rgba(127,207,143,.25);background:rgba(73,132,87,.10);padding:10px 13px;font-size:10px;color:var(--green);font-weight:800;letter-spacing:.15em}.sim-status i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 14px var(--green)}.sim-status.paused{color:var(--orange);border-color:#cf8e513c}.sim-status.paused i{background:var(--orange);box-shadow:0 0 10px var(--orange)}.icon-button{width:36px;height:36px;border:1px solid var(--line);background:#0e2230;color:#b8cfdb;font-size:24px}
.panel{position:fixed;top:94px;bottom:62px;background:var(--panel);border:1px solid var(--line);z-index:4;box-shadow:0 12px 55px #0008;backdrop-filter:blur(13px)}.left-panel{left:15px;width:310px;display:flex;flex-direction:column;overflow:hidden}.right-panel{right:15px;width:293px;overflow:auto}.panel-head{min-height:70px;border-bottom:1px solid var(--line);padding:17px 18px;display:flex;justify-content:space-between;align-items:center}.panel-head h1,.panel-head h2{font-size:17px;letter-spacing:.11em;margin:5px 0 0}.small-id{border:1px solid var(--line);padding:7px 9px;color:var(--muted);font-size:9px}.splash{background:linear-gradient(145deg,#243343,#132330);padding:17px 19px;border-bottom:1px solid var(--line)}.splash-line{display:flex;justify-content:space-between;align-items:center;color:#a2bac6;font-size:9px;letter-spacing:.13em;font-weight:800}.splash-line i{font-size:9px;color:var(--green);font-style:normal}.splash-value{display:flex;gap:12px;align-items:baseline;color:#fff;margin-top:7px}.splash-value b{font-size:47px;line-height:1;font-weight:650;font-variant-numeric:tabular-nums}.splash-value span{font-size:12px;letter-spacing:.16em;color:var(--orange);font-weight:800}.splash-sub{font-size:9px;letter-spacing:.1em;margin-top:9px;color:#8299aa}.panel-scroll{padding:0 18px 10px;overflow:auto;scrollbar-color:#324655 transparent;scrollbar-width:thin;flex:1}.section-tag{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.16em;margin:20px 0 13px}.control{margin:0 0 16px}.control-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:12px}.control-head label{color:#aec0c9}.control output{color:#e5f2f6;font-weight:800;font-variant-numeric:tabular-nums}.control input[type=range]{appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--orange) 0 50%,#354855 50%);height:3px;width:100%;display:block;border:none;border-radius:3px;cursor:pointer}.control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#f7be6c;border:3px solid #27313c;width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1px var(--orange)}.control input[type=range]::-moz-range-thumb{background:var(--orange);border:2px solid #28343f;width:13px;height:13px;border-radius:50%}.endpoints{display:flex;justify-content:space-between;color:#6e8292;margin-top:9px;font-size:9px}.toggle-list{margin-top:-4px}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px;color:#b7cbd3;cursor:pointer}.switch-row input{position:absolute;opacity:0}.switch-row i{position:relative;width:30px;height:16px;background:#394752;border-radius:15px;transition:background .2s}.switch-row i:before{content:"";position:absolute;top:3px;left:3px;background:#c1c9ce;width:10px;height:10px;border-radius:50%;transition:transform .2s}.switch-row input:checked+i{background:#886b3f}.switch-row input:checked+i:before{background:#ffc474;transform:translateX(14px)}.explode{margin-top:18px}.camera-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.camera-grid button{color:#a8c4d0;background:#142735;border:1px solid #2a4050;font-size:9px;font-weight:800;letter-spacing:.11em;min-height:34px}.camera-grid button:hover,.camera-grid button.active{background:#264459;color:#f2d1a6;border-color:#b5824d}.quality{display:flex;justify-content:space-between;align-items:center;margin:15px 0;color:#a4b8c1;font-size:9px;letter-spacing:.1em}.quality select{background:#182d3a;color:#e1e8ec;border:1px solid #365064;padding:6px;font-size:9px}.left-actions{display:flex;padding:13px 16px;gap:9px;background:#0b1b29;border-top:1px solid var(--line)}.action-primary{background:linear-gradient(90deg,#d78c3d,#ebb461);border:0;color:#14222a;flex:1;font-size:11px;font-weight:850;letter-spacing:.08em;min-height:40px}.action-quiet{background:#233a4b;border:1px solid #3c5563;color:#dae4e8;font-size:24px;width:43px}
.right-panel .panel-head{min-height:69px}.live-curve{color:var(--green);font-size:18px}.readout-top{padding:22px 19px 20px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.readout-top>span{font-size:9px;letter-spacing:.11em;color:#9fb3c2}.readout-top strong{font-size:48px;font-weight:700;letter-spacing:-.04em;line-height:1.15;color:#f0f4f6;font-variant-numeric:tabular-nums}.readout-top small{color:var(--orange);font-size:10px;letter-spacing:.13em;font-weight:800}.metrics{display:grid;grid-template-columns:1fr 1fr}.metric{padding:19px 17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.metric:nth-child(even){border-right:0}.metric span{font-size:8px;color:#8ea3b0;font-weight:700}.metric b{font-size:28px;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.metric small{color:var(--orange);font-size:9px}.spark-header{display:flex;justify-content:space-between;padding:20px 17px 8px;color:#8fa2ae;font-size:9px;font-weight:800}.spark-header span+span{color:#607889}#spark{display:block;width:calc(100% - 34px);height:88px;margin:0 17px 18px}.systems{padding:18px 17px 12px;border-top:1px solid var(--line)}.systems>span{font-size:9px;color:var(--orange);font-weight:800;letter-spacing:.15em}.system-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:11px 0;font-size:9px;color:#b5c6cc}.system-row span{display:flex;align-items:center;gap:7px}.system-row b{color:#a2d2a5;font-size:8px;letter-spacing:.09em}.health-dot{background:var(--green);width:5px;height:5px;border-radius:50%;display:inline-block}.notice{margin:6px 17px 20px;border-left:2px solid #b78947;background:rgba(208,141,56,.06);padding:12px}.notice b{font-size:9px;letter-spacing:.12em;color:#e7b477}.notice p{font-size:10px;line-height:1.6;color:#95a7b2;margin:7px 0 0}
.part-overlay{position:fixed;left:50%;transform:translateX(-50%);bottom:77px;min-width:300px;max-width:560px;width:min(520px,80vw);display:none;align-items:flex-start;gap:12px;background:rgba(9,22,32,.95);padding:15px 16px;border:1px solid #6c8a9b70;border-left:3px solid var(--orange);z-index:5;backdrop-filter:blur(12px)}.part-overlay.visible{display:flex}.part-square{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;color:var(--orange);font-size:23px;border:1px solid #7f5b365e}.part-overlay strong{display:block;font-size:14px;margin-top:4px}.part-overlay p{color:#a4bac5;font-size:10px;line-height:1.45;margin:7px 0 0}.part-overlay button{margin-left:auto;background:none;border:none;color:#afc2ca;font-size:22px}.bottom-bar{position:fixed;left:0;bottom:0;right:0;height:48px;background:#07131df2;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:0 26px;align-items:center;z-index:4;color:#869ca9;font-size:9px;letter-spacing:.08em}.bottom-left,.bottom-right{display:flex;align-items:center;gap:16px}.key{display:inline-block;color:#d8e0e6;background:#203242;border:1px solid #3c5160;padding:5px 6px;font-size:8px;font-style:normal;margin-right:5px}.bottom-right b{color:#cbdde5;font-weight:700}.loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#07111c;z-index:20;transition:opacity .8s,visibility .8s}.loading.done{opacity:0;visibility:hidden;pointer-events:none}.loader-logo{font-size:66px;font-weight:850;letter-spacing:-.08em;color:#f1b15c}.loader-logo span{color:#4b6d7d}.load-title{letter-spacing:.25em;font-size:12px;color:#b8d1d8;font-weight:800;margin-top:20px}.load-line{height:2px;width:260px;background:#1c303d;margin-top:18px;overflow:hidden}.load-line i{display:block;height:100%;width:50%;background:#efb15b;animation:load 1.2s infinite alternate}.loading p{font-size:9px;color:#698392;letter-spacing:.16em;margin-top:17px}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}.error-modal{position:fixed;z-index:30;max-width:480px;width:90%;left:50%;top:50%;transform:translate(-50%,-50%);background:#172c3b;border:1px solid #e2a45c;padding:25px;box-shadow:0 0 0 500px #000b}.error-modal[hidden]{display:none}.error-modal h2{color:#ffc26f}.error-modal p{line-height:1.6}
.ui-hidden .left-panel,.ui-hidden .right-panel,.ui-hidden .bottom-bar,.ui-hidden .part-overlay{display:none}.ui-hidden .topbar{opacity:.35}.ui-hidden .topbar:hover{opacity:1}
@media(max-width:1150px){.left-panel{width:280px}.right-panel{width:255px}.header-variant{display:none}.bottom-right span:nth-child(2){display:none}}
@media(max-width:760px){.topbar{height:64px;padding:0 12px;gap:10px}.identity strong{font-size:14px}.identity em{font-size:10px}.identity .eyebrow{font-size:7px}.brand-icon{width:34px;height:34px;font-size:12px}.sim-status{padding:7px;font-size:8px}.left-panel{top:auto;bottom:42px;left:0;width:min(345px,88vw);height:min(66vh,580px)}.right-panel{display:none}.bottom-bar{height:42px;padding:0 11px}.bottom-left{gap:4px}.bottom-left span{font-size:0}.bottom-left .key{font-size:8px;margin-right:0}.bottom-right span:not(:last-child){display:none}.panel-head{min-height:54px}.splash{padding:9px 18px}.splash-value b{font-size:28px}}