:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#dce7ee;background:#070e19;font-synthesis:none;scrollbar-color:#35485c #0d1825}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse 100% 45% at 35% -15%,#11283d,transparent),#070e19}
button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #53d4dd;outline-offset:3px}
.shell{max-width:1890px;margin:auto}.topbar{height:80px;border-bottom:1px solid #1b2c3c;display:flex;align-items:center;gap:20px;padding:0 32px;justify-content:space-between}
.identity{text-decoration:none;color:inherit;display:flex;align-items:center;gap:13px;white-space:nowrap}.identity-emblem{font-size:33px;color:#57e1e5;line-height:1;filter:drop-shadow(0 0 11px #3ddac477)}
.identity-title{font-weight:800;letter-spacing:3px;font-size:20px;display:block}.identity-title b{font-weight:400;color:#69d6dc}.identity-sub{font-size:9px;letter-spacing:3px;color:#6b8298;font-weight:700;display:block;margin-top:5px}
.header-center{font-size:10px;letter-spacing:1.8px;color:#a9c5cf;display:flex;align-items:center;gap:11px;font-weight:700}.live-indicator,.tiny-dot,.stamp-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5ce8b0;box-shadow:0 0 13px #4cf7b4aa}.header-line{height:13px;width:1px;background:#395063;margin:0 8px}.dim{color:#648298}
.header-right{display:flex;gap:12px;align-items:center}.version-chip,.small-chip{font-size:10px;letter-spacing:1.1px;font-weight:800;color:#b7d2d6;background:#19303b;border:1px solid #2e5e66;border-radius:5px;padding:9px 12px}.small-chip{font-size:9px;border-color:#304455;background:#111f2e;color:#89a7b8;padding:7px 9px}
.ghost,.iconbutton{background:transparent;color:#b2c4cf;border:1px solid #314459;border-radius:5px;padding:10px 13px;font-size:12px;font-weight:700}.ghost:hover,.iconbutton:hover{border-color:#4bcdd2;color:#eafcff}.compact{white-space:nowrap}.compact span{color:#56d6da;margin-left:7px}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 356px;gap:18px;padding:20px 30px 22px;align-items:start}.left-stack{min-width:0;display:flex;flex-direction:column;gap:15px}
.viewport-card{height:min(57vw,630px);min-height:410px;position:relative;overflow:hidden;border:1px solid #25374a;border-radius:10px;background:radial-gradient(circle at 48% 36%,#1b3348,#0a1424 65%)}
.viewport-card:after{content:"";position:absolute;inset:54px 0 0;pointer-events:none;background:linear-gradient(180deg,transparent 73%,#08121aa0 100%)}
.viewport-top{height:53px;background:#101e2cdd;position:absolute;z-index:2;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #264052a9}
.upper-label,.overline{font-size:10px;letter-spacing:1.9px;font-weight:800;color:#78c5cf}.upper-label{color:#a6c9d2}.slash{color:#537180;margin:0 5px}
.camera-tools{font-size:9px;letter-spacing:1.2px;color:#7791a3;display:flex;align-items:center;gap:12px}.iconbutton{font-size:19px;padding:2px 9px;color:#73d9df}
#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#world.dragging{cursor:grabbing}
.view-overlay{position:absolute;z-index:2;pointer-events:none}.lens-marker{top:27%;left:14%;display:flex;align-items:center;gap:9px;color:#8fb9c7;font-size:10px;letter-spacing:1.5px;line-height:1.65}.lens-marker b{color:#62d8d8}.marker-circle{width:26px;height:26px;border-radius:50%;border:1px solid #61d0d855;position:relative}.marker-circle:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#58d0dd}
.view-footer{bottom:0;left:0;right:0;height:47px;display:flex;align-items:center;gap:24px;padding:0 20px;font-size:10px;letter-spacing:1.2px;font-weight:800;color:#91a9b9}.tiny-dot{width:6px;height:6px;margin-right:8px}.view-footer .coordinate{margin-left:auto;color:#4e8397}.fallback{position:absolute;inset:55px 20px 70px;z-index:5;display:flex;align-items:center;justify-content:center;color:#e8d8ab;font-size:14px;text-align:center;padding:25px}.fallback[hidden]{display:none}
.readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.readout{padding:18px 19px;background:#101b2a;border:1px solid #273749;border-radius:7px;min-height:126px}.readout-label{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#7595aa;display:block}.readout div{margin-top:13px;color:#86bfcb}.readout strong{font-size:30px;letter-spacing:-0.9px;color:#e7f6f8;font-weight:500;font-variant-numeric:tabular-nums}.readout div span{font-size:13px;color:#6fa4af;margin-left:5px}.readout-foot{font-size:10px;color:#72899b;display:block;margin-top:7px}
.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{background:#101b2a;border:1px solid #273749;border-radius:7px;padding:19px 20px;min-width:0}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:14px}.panel-title h2{font-size:15px;font-weight:650;margin:7px 0 0;color:#e2edf1}.sensor-body{display:flex;gap:22px;align-items:center}.sensor-body canvas{width:160px;height:160px;border:1px solid #314b5b;border-radius:5px;background:#112433;object-fit:contain;flex-shrink:0}.sensor-info{min-width:0;flex:1}.mini-label{color:#7596a4;font-size:9px;font-weight:800;letter-spacing:1.6px}.sensor-info p{color:#8da4b5;line-height:1.7;font-size:11px;margin:7px 0 12px}.legend-bar{display:block;height:6px;border-radius:20px;background:linear-gradient(90deg,#071528 0%,#4e6b83 50%,#efffff 100%)}.legend span:last-child{display:flex;justify-content:space-between;color:#608293;font-size:8px;letter-spacing:1px;margin-top:7px}.subtle-action{background:none;border:0;color:#68ced4;padding:0;font-size:11px;font-weight:800;margin-top:15px;text-decoration:underline;text-underline-offset:5px}
#profile{width:100%;height:151px;display:block}.chart-bottom{display:flex;justify-content:space-between;color:#687f94;font-size:9px;letter-spacing:1px}.chart-bottom span:nth-child(2){color:#8b9fb2}
.control-panel{background:#101b2a;border:1px solid #283a4c;border-radius:8px;overflow:hidden}.panel-header{padding:23px 23px 24px;background:radial-gradient(circle at 95% 0%,#1a3b4a,#101d2b 60%);border-bottom:1px solid #273949}.overline em{font-style:normal;color:#6d8796}.panel-header h1{font-weight:600;font-size:25px;letter-spacing:-0.7px;margin:12px 0 5px}.title-dot{color:#4de0db}.panel-header p{font-size:11px;color:#8ca3b2;margin:0;line-height:1.6}
.control-section{padding:20px 23px;border-bottom:1px solid #263747}.section-head{display:flex;align-items:center;gap:11px;margin-bottom:17px}.section-head>span{color:#48c7d0;font-size:10px;letter-spacing:1px;font-weight:800}.section-head h2{color:#dcecf0;font-size:13px;font-weight:700;margin:0}
.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.flow-option{text-align:left;min-height:79px;background:#152434;border:1px solid #2a4053;border-radius:5px;color:#d9e8ec;padding:10px;display:flex;flex-direction:column;gap:3px;transition:background .15s,border .15s}.flow-option.active{background:#163340;border-color:#4ab9c6;box-shadow:inset 0 0 0 1px #30899255}.flow-option:hover{border-color:#49c4cf}.flow-icon{font-size:19px;color:#79cfd4;line-height:1}.flow-option b{font-size:10px;font-weight:750}.flow-option small{font-size:9px;color:#7591a1}.control-hint{font-size:10px;color:#7390a1;line-height:1.5;margin:12px 0 0;min-height:28px}
.slider-label{font-size:11px;color:#adbfcb;display:flex;justify-content:space-between;align-items:center;margin:14px 0 4px}.slider-label:first-of-type{margin-top:0}.slider-label output{color:#72d7da;font-size:11px;font-variant-numeric:tabular-nums;font-weight:800}
input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:3px;background:#385467;border-radius:8px;outline:none;margin:10px 0 10px}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:#74e4df;border:3px solid #223743;border-radius:50%;box-shadow:0 0 0 1px #6eacb3;cursor:grab}input[type=range]::-moz-range-thumb{width:11px;height:11px;background:#74e4df;border:2px solid #223743;border-radius:50%;cursor:grab}
.small-field-title{display:block;font-size:11px;color:#b2c5d0;margin:13px 0 10px}.segment{display:flex;background:#0c1926;border:1px solid #2b4253;border-radius:5px;padding:3px}.segment button{width:50%;background:transparent;border:0;color:#829ead;font-size:11px;font-weight:700;padding:9px 2px;border-radius:4px}.segment button.selected{background:#254452;color:#caf9f7;box-shadow:0 1px 4px #0003}
select{display:block;width:100%;appearance:none;color:#b3cbd4;background:#0c1b2b;border:1px solid #334c5a;border-radius:4px;padding:10px 12px;font-size:11px}
.settings-section{padding-bottom:16px}.toggle-row{display:flex;align-items:center;justify-content:space-between;position:relative;margin:13px 0;color:#a7c1cb;font-size:11px;cursor:pointer}.toggle-row input{opacity:0;position:absolute;right:0}.switch{height:18px;width:34px;background:#3b4d5b;border-radius:99px;position:relative;transition:.2s}.switch:before{content:"";position:absolute;top:3px;left:3px;height:12px;width:12px;background:#889ead;border-radius:50%;transition:.2s}.toggle-row input:checked+.switch{background:#237f84}.toggle-row input:checked+.switch:before{left:19px;background:#83efe3}.toggle-row input:focus-visible+.switch{outline:2px solid white}
.console-footer{padding:19px 23px 18px}.button-row{display:flex;gap:8px}.primary-button{flex:1;background:#55d4d7;border:1px solid #57d6d8;color:#08202a;border-radius:5px;font-size:11px;font-weight:850;padding:12px 10px}.primary-button:hover{background:#79e4e4}.primary-button span{font-size:15px;margin-right:7px}.button-row .ghost{font-size:11px;padding:10px}.console-stamp{display:flex;align-items:center;margin-top:21px;color:#5f798b;font-size:8px;letter-spacing:1.3px;gap:8px}.console-stamp b{color:#93b3c1}.console-stamp .stamp-led{margin-left:auto;width:5px;height:5px}.site-footer{padding:18px 31px 24px;border-top:1px solid #1e3041;display:flex;gap:10px;justify-content:space-between;color:#678297;font-size:9px;letter-spacing:1.4px}.site-footer b{color:#a2c6ce}
@media(max-width:1150px){.workspace{grid-template-columns:minmax(0,1fr) 320px;padding:16px;gap:12px}.topbar{padding:0 16px}.header-center{display:none}.sensor-body{gap:10px}.sensor-body canvas{width:110px;height:110px}.analysis-grid{grid-template-columns:1fr}.sensor-body canvas{width:150px;height:150px}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.viewport-card{height:65vw;min-height:400px}.control-panel{max-width:none}.analysis-grid{grid-template-columns:1fr 1fr}.sensor-body canvas{width:120px;height:120px}}
@media(max-width:620px){.topbar{height:70px}.identity-title{font-size:16px}.identity-sub{font-size:7px}.header-right .compact{display:none}.workspace{padding:10px}.viewport-card{min-height:320px;height:78vw}.lens-marker{display:none}.view-footer .coordinate{display:none}.readouts{gap:6px}.readout{padding:11px;min-height:110px}.readout strong{font-size:24px}.readout-label{font-size:8px}.readout-foot{font-size:9px}.analysis-grid{grid-template-columns:1fr}.sensor-body canvas{width:145px;height:145px}.site-footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}