:root{color-scheme:dark;--bg:#071018;--panel:#0b1720;--text:#eaf4f7;--muted:#8196a5;--border:#213743;--cyan:#58dcea;--gold:#d59c6a;--blue:#152e3a}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:13px/1.45 Inter,'Segoe UI',system-ui,-apple-system,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #7aeafa;outline-offset:2px}
.app{height:100vh;min-height:700px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:74px;min-height:74px;padding:0 32px;background:#0a151d;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.brand-mark{display:flex;align-items:center;gap:16px}.brand-emblem{display:grid;place-items:center;border:1px solid #66d6e4;color:#bbf6fb;font-weight:900;font-size:24px;width:42px;height:42px;clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%);background:#10303b}.eyebrow,.sect-title,.seed,.topline,.metric small,.viewport-tag,.viewport-bottom,.viewport-legend,.panel footer{letter-spacing:1.5px;font-size:10px;font-weight:700}.eyebrow{color:var(--cyan);font-size:9px}.brand-mark strong{display:block;font-size:20px;letter-spacing:2px;line-height:1.2}.brand-mark em{font-weight:500;font-style:normal;color:#6cc6d4}.top-meta{display:flex;gap:35px;align-items:center;color:var(--muted)}.topline b{color:var(--cyan);margin-left:8px}.status-dot{display:inline-block;height:7px;width:7px;background:#64e8c9;border-radius:100%;box-shadow:0 0 12px #64e8c9;margin-right:10px}
.workspace{display:grid;grid-template-columns:minmax(480px,1fr) 390px;min-height:0;flex:1}.viewport-wrap{display:flex;min-height:0;flex-direction:column;position:relative;background:#061019}.viewport{position:relative;flex:1;min-height:360px;overflow:hidden;background:radial-gradient(ellipse at 48% 34%,#172c38,#07151f 70%)}.viewport canvas{position:absolute;inset:0;display:block;touch-action:none}.viewport:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,14,20,.16),transparent 25%,transparent 78%,rgba(5,14,20,.4));box-shadow:inset 0 0 140px rgba(3,12,18,.4)}.viewport-tag,.viewport-legend,.viewport-bottom{position:absolute;z-index:1;color:#98adba;pointer-events:none}.viewport-tag{top:26px;left:30px;display:flex;align-items:center;gap:11px}.viewport-tag span{display:grid;place-items:center;border:1px solid #527f91;width:27px;height:27px;color:#68d8ed}.viewport-tag small{display:block;font-size:9px;color:#5b7b8d;letter-spacing:1px;margin-left:10px}.viewport-legend{bottom:61px;left:30px;display:flex;gap:20px}.viewport-legend i{display:inline-block;width:9px;height:9px;border-radius:100%;margin-right:7px}.legend-near{background:#44d8ec}.legend-far{background:#f2a56b}.viewport-bottom{bottom:24px;left:30px;right:30px;display:flex;gap:22px;color:#637e8c}.viewport-bottom b{color:#b4d7e5;margin-right:5px}.telemetry{height:128px;min-height:128px;border-top:1px solid #24414c;background:#0b1922;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.metric{padding:25px 18px;border-right:1px solid #213641;min-width:0}.metric:first-child{padding-left:28px}.metric small{color:#6a8a9b;display:block;white-space:nowrap;font-size:9px}.metric strong{display:block;margin:7px 0 0;font:600 24px/1.15 'Segoe UI',system-ui,sans-serif;color:#e9fbff;white-space:nowrap}.metric span{color:#7d93a1;font-size:10px}.metric.compact strong{font-size:21px}
.panel{background:#0c1821;border-left:1px solid #28414c;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#314e5c #0c1821}.panel-head{padding:24px 27px 16px}.panel-head h1{font-size:21px;letter-spacing:-.35px;font-weight:650;margin:8px 0 5px}.panel-head p{margin:0;color:#91a6b1;line-height:1.6;font-size:12px}.actions{padding:3px 27px 22px;display:flex;gap:8px}.btn{height:39px;padding:0 13px;border:1px solid #30505e;background:#122734;border-radius:5px;color:#c9e3e9;font-weight:700;font-size:12px;white-space:nowrap}.btn:hover,.outline:hover{border-color:#66d6e4;color:white}.btn-primary{background:#56d4e4;border-color:#6feaf6;color:#08212c}.btn-primary:hover{background:#8ce8f5;color:#08212c}.btn.iconbtn{font-size:24px;flex:0 0 40px;padding:0}.panel-section{padding:18px 27px 20px;border-top:1px solid #233844}.sect-title{color:#65d3e2;margin-bottom:16px;display:flex;justify-content:space-between}.sect-title small{color:#75919f;font-size:10px}.fieldrow{display:flex;justify-content:space-between;align-items:center;margin:12px 0;gap:16px}.fieldrow label{font-size:12px;color:#bbced6}.fieldrow select{min-width:175px;background:#0c2532;border:1px solid #355361;color:#e0eef2;padding:8px 11px;border-radius:4px;outline:none;max-width:205px}.params{padding-bottom:13px}.control{margin:0 0 18px}.control>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;gap:8px}.control label{color:#b5cbd4;font-size:12px}.control output{font-family:'SFMono-Regular',Consolas,monospace;color:#91e2ee;font-size:11px;white-space:nowrap}.control input{width:100%;accent-color:#65d9e7;height:4px;cursor:pointer}.toggles{padding-bottom:18px}.switchrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;cursor:pointer;position:relative}.switchrow span{color:#c1d6dd;font-size:12px}.switchrow small{display:block;font-size:10px;color:#658291;margin-top:3px}.switchrow input{position:absolute;right:0;opacity:0;width:45px;height:24px;cursor:pointer}.switchrow i{display:block;width:40px;height:21px;position:relative;background:#23404c;border:1px solid #47717b;border-radius:15px;flex:0 0 40px}.switchrow i:before{content:'';position:absolute;left:2px;top:2px;background:#8aa4b0;border-radius:50%;width:15px;height:15px;transition:.17s}.switchrow input:checked+i{background:#126b7d}.switchrow input:checked+i:before{left:21px;background:#b6f9ff}.outline{width:100%;background:transparent;color:#7ecedd;border:1px solid #39606d;border-radius:4px;padding:11px;font-size:10px;letter-spacing:1.25px;font-weight:bold}.map-section canvas{width:100%;height:185px;border:1px solid #2b424e;border-radius:4px;background:#06131d}.tiny{margin:8px 0 0;color:#6e8c9d;font-size:10px}.panel footer{font-size:9px;color:#6a8492;padding:19px 27px 30px;border-top:1px solid #213743}.panel footer span{display:block;color:#547584;margin-top:6px}#fatal{position:fixed;inset:0;background:rgba(1,7,12,.94);display:grid;place-items:center;z-index:100}#fatal[hidden]{display:none}#fatal div{padding:40px;background:#10232f;border:1px solid #357485;border-radius:10px;max-width:450px}#fatal b{font-size:20px}#fatal p{color:#bbd5df;overflow-wrap:anywhere}
@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 340px}.telemetry{grid-template-columns:repeat(3,minmax(0,1fr));height:auto}.metric{padding:12px 15px}.metric:first-child{padding-left:15px}.metric strong{font-size:20px}.metric span{display:none}.panel-head,.panel-section{padding-left:18px;padding-right:18px}.actions{padding-left:18px;padding-right:18px}}
@media(max-width:760px){.app{height:auto;min-height:100vh;overflow:visible}.topbar{padding:0 14px}.top-meta{gap:8px}.seed{display:none}.workspace{display:flex;flex-direction:column}.viewport-wrap{height:560px;flex:none}.viewport{min-height:0}.telemetry{height:auto;min-height:0;grid-template-columns:repeat(3,1fr)}.metric{padding:13px 10px}.metric small{font-size:8px;white-space:normal}.metric strong{font-size:17px}.panel{border-left:0;overflow:visible}.panel-head{padding-top:23px}.viewport-tag{top:17px;left:14px}.viewport-tag small{display:none}.viewport-legend{bottom:53px;left:14px}.viewport-bottom{bottom:19px;left:14px;right:14px}.metric.compact strong{font-size:18px}}