*{box-sizing:border-box}body{margin:0;background:#080f1c;color:#dfebf5;font:14px 'Segoe UI',sans-serif}header{height:70px;border-bottom:1px solid #203044;display:flex;align-items:center;padding:0 28px;gap:24px}.brand{font-size:23px;font-weight:750;letter-spacing:3px}.brand span{font-size:12px;letter-spacing:1px;color:#83a2b9;margin-left:20px;font-weight:400}.pill{font-size:10px;letter-spacing:2px;color:#5bdfb8;background:#12332f;padding:7px 12px;border-radius:20px}a{color:#91b1cd;text-decoration:none;margin-left:auto}main{display:grid;grid-template-columns:300px 1fr;min-height:calc(100vh - 70px)}aside{padding:25px 22px;background:#0e1828;border-right:1px solid #203044}section{border-top:1px solid #243246;margin-top:24px;padding-top:22px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#839bb5;display:block;margin-bottom:15px}select,input,button{font:inherit;color:inherit;border:1px solid #2c4057;background:#16243a;border-radius:7px;padding:8px;outline:none}select{width:100%;margin:6px 0}button{cursor:pointer;transition:.15s}button:hover{background:#28425d;border-color:#6a9db9}.primary{background:#126858;border-color:#288773}button:disabled{opacity:.5;cursor:wait}label{display:block;font-size:12px;color:#9bb2c9}label input[type=number]{width:100%;margin-top:6px}.check{display:flex;gap:10px;align-items:center;margin:15px 0}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}aside button{width:100%;margin-top:8px}.sub,.note{font-size:11px;color:#7f99b4;margin-top:12px;line-height:1.7}.note{color:#dcad71}.status{font-size:16px;font-weight:650;color:#f2bc77}.distance{margin:12px 0 18px}.distance>span{font-size:52px;font-weight:300;font-variant-numeric:tabular-nums}.distance small{display:block;font-size:12px;color:#8da5bd}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px}.metrics b{display:block;font-size:19px;font-weight:500}.metrics span{display:block;font-size:10px;color:#7792aa;margin-top:4px}article{min-width:0;padding:20px 24px}.viewbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:12px}.viewbar button{font-size:11px;padding:7px 12px}.dot{display:inline-block;background:#4be0b5;width:6px;height:6px;border-radius:50%;margin-right:7px}.muted{color:#718ca6}#viewport{height:58vh;min-height:350px;position:relative;background:#050c17;border:1px solid #23374d;border-radius:12px;overflow:hidden}canvas{display:block}.legend{position:absolute;top:15px;left:18px;display:flex;gap:20px;font-size:11px;pointer-events:none}.coords{position:absolute;bottom:16px;left:18px;font:11px monospace;line-height:1.8;color:#9cb5cf;pointer-events:none}.timeline{display:flex;align-items:center;gap:10px;margin:16px 0}#timeline{flex:1;padding:0;accent-color:#3bd8b0}#frame{width:75px}#total{color:#7891aa;font-size:12px}.warnings{font-size:11px;color:#d4aa74;line-height:1.7;min-height:25px}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #223349;margin-top:15px;padding-top:20px}.bottom p{color:#8da5bd;font-size:12px;line-height:1.65;margin-top:0}.object{display:flex;justify-content:space-between;border-bottom:1px solid #1b2b40;padding:7px 0;font-size:12px}.object span{color:#819bb5}#busy{position:absolute;top:48%;width:100%;text-align:center;color:#6de5c1;font-size:14px;background:#091627c9;padding:15px;pointer-events:none}@media(max-width:1000px){main{grid-template-columns:260px 1fr}aside{padding:18px 15px}article{padding:18px 12px}.legend{gap:8px;font-size:9px}.bottom{grid-template-columns:1fr}.brand span{display:none}}

button.object{display:flex;width:100%;background:transparent;border-radius:0;border-width:0 0 1px;text-align:left}.status{font-size:15px}.legend{flex-wrap:wrap;right:12px}

#objects{max-height:260px;overflow-y:auto}
[hidden]{display:none!important}.tabs{margin-left:auto;display:flex;gap:6px}.tabs button{background:transparent;border-color:transparent;font-size:12px;padding:10px 14px;color:#8faabd}.tabs button.active,.map-toolbar button.active{background:#153e46;border-color:#287c7d;color:#7ff1d3}.source-actions{display:grid;gap:3px}h1{font-size:34px;letter-spacing:-1px;margin:0 0 10px}h2{font-size:21px;font-weight:550}hr{border:0;border-top:1px solid #243b4f;margin:24px 0}input:not([type=checkbox]):not([type=range]){max-width:100%}.wide-panel{border:0;margin:0;padding:32px 34px;min-height:calc(100vh - 70px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading p{color:#88a4bd;margin:0;font-size:13px}.demo-tag{color:#dbbf83;border:1px solid #645334;background:#29241c;border-radius:20px;font-size:10px;letter-spacing:1px;padding:10px 16px;white-space:nowrap}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.map-stage{height:68vh;min-height:440px;position:relative;border:1px solid #254050;border-radius:15px;overflow:hidden}.map-stage #mapViewport{width:100%;height:100%}.map-toolbar{position:absolute;top:18px;left:18px;display:flex;gap:7px}.map-toolbar button{font-size:11px;background:#0b1c2ddd;backdrop-filter:blur(10px)}.map-caption{position:absolute;bottom:18px;left:20px;right:20px;color:#86a8bb;font-size:11px;pointer-events:none}.map-inspector{border:1px solid #20394b;background:linear-gradient(145deg,#112234,#0a1826);border-radius:15px;padding:25px}.map-inspector button{display:block;width:100%;margin-top:10px}.map-inspector input[type=range]{width:100%;accent-color:#5cddbe;margin:12px 0}.big-number{font-size:42px;font-weight:300;margin:20px 0}.big-number small{display:block;font-size:11px;color:#87aabd;margin-top:5px}.route-card{border-top:1px solid #234052;padding:15px 0}.route-card span,.route-card small{display:block;color:#819fb4;font-size:11px}.route-card strong{display:block;font-size:17px;font-weight:500;margin:7px 0;color:#acf0db}.dialog-backdrop{position:fixed;inset:0;background:#020810bb;backdrop-filter:blur(8px);z-index:20;display:grid;place-items:center}.dialog{position:relative;width:min(540px,94vw);max-height:90vh;overflow:auto;background:#102133;border:1px solid #356075;border-radius:16px;padding:30px;margin:0;box-shadow:0 25px 100px #0008}.dialog label{margin:14px 0}.dialog input{width:100%;margin-top:8px}.dialog-close{position:absolute;right:15px;top:15px}.dialog>button:not(.dialog-close){width:100%;margin:8px 0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stat-grid>div{padding:22px;background:#0e2031;border:1px solid #223e51;border-radius:12px}.stat-grid span{color:#89a5bb;font-size:12px}.stat-grid b{display:block;font-size:31px;font-weight:450;margin-top:12px;color:#a4e9d4}.history-filters{display:flex;gap:18px;align-items:end;margin-bottom:24px;flex-wrap:wrap}.history-filters label{min-width:180px}.history-filters .check{margin-bottom:12px;min-width:0}.history-filters>button{margin-bottom:6px}.history-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.chart-title{font-size:10px;letter-spacing:1.4px;color:#7599b1}.histogram{height:160px;display:flex;gap:10px;align-items:end;padding:15px 8px 12px;margin-bottom:20px;border-bottom:1px solid #234053;overflow-x:auto;color:#849eb3;font-size:12px}.hist-col{min-width:55px;text-align:center;font-size:10px}.hist-col>div{background:linear-gradient(#5ee4c2,#186b69);margin:6px 0;border-radius:4px 4px 0 0}.hist-col b{font-weight:450;color:#b8efdf}.hist-col span{white-space:nowrap}.table-scroll{overflow:auto;border:1px solid #233d50;border-radius:10px}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{color:#7f9fb5;font-weight:500;padding:14px;background:#102438;white-space:nowrap}td{padding:12px;border-top:1px solid #203447;color:#c1d4e2}tbody tr:hover{background:#102334}td button{font-size:11px;white-space:nowrap}.pager{display:flex;align-items:center;justify-content:space-between;margin:16px 0;font-size:11px;color:#809bb3}.detail-card{border:1px solid #233f50;background:#0d1d2c;border-radius:12px;padding:22px;align-self:start}.detail-card textarea{width:100%;min-height:85px;background:#12283a;color:#c6deeb;border:1px solid #315067;border-radius:7px;padding:10px;margin:10px 0;font:inherit}.detail-card button{width:100%;margin:6px 0}.detail-card p{color:#92acbe;font-size:12px;line-height:1.6}.detail-card pre{max-height:350px;overflow:auto;font-size:10px;background:#061420;padding:12px;border-radius:7px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-card{border:1px solid #244253;background:#0d1e2e;border-radius:15px;padding:27px}.guide-card .step{color:#5adbbf;font:28px monospace}.guide-card p{line-height:1.75;color:#a0b7ca;font-size:13px}.guide-card pre{white-space:pre-wrap;background:#06121e;border:1px solid #1a394a;border-radius:8px;padding:15px;line-height:1.65;color:#83dac6;font-size:12px}.guide-footer{margin-top:24px;padding:20px;border-top:1px solid #223d4f;display:flex;gap:15px;align-items:center}.guide-footer p{color:#aa956e;font-size:12px;line-height:1.6;max-width:600px}@media(max-width:1100px){header{padding:0 18px;gap:12px}.brand span{display:none}.tabs button{padding:9px;font-size:11px}.wide-panel{padding:24px 18px}.map-layout{grid-template-columns:minmax(0,1fr) 250px}.history-layout{grid-template-columns:1fr}.page-heading{flex-wrap:wrap}.guide-footer{flex-wrap:wrap}}@media(max-width:740px){header{height:auto;min-height:75px;flex-wrap:wrap;padding:12px}.pill{display:none}.tabs{width:100%;overflow:auto}.tabs button{white-space:nowrap}.map-layout,.guide-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.map-stage{height:55vh}.map-toolbar{flex-wrap:wrap;right:15px}.map-inspector{display:block}main{grid-template-columns:1fr}aside{border:0}.legend{font-size:9px}.viewbar{flex-wrap:wrap}.source-actions{grid-template-columns:1fr 1fr}}