:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#d6e6e8;background:#070c11;--dim:#799397;--muted:#51666b;--mint:#77f2dd;--border:#223039;--panel:#0e171e}*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden}.shell{height:100vh;display:flex;flex-direction:column;min-height:580px;background:#080e14}.masthead{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--border);background:#090f15;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.14em;font-size:13px;font-weight:900;color:#d8f1ee}.brand-light{color:var(--mint);font-weight:500}.brand-mark{font-size:28px;color:var(--mint);font-weight:400}.brand-divider{height:17px;width:1px;background:#2c3f46;margin:0 6px}.brand small{font-size:9px;letter-spacing:.2em;color:#739498}.mast-right{display:flex;gap:12px;align-items:center;color:#91b2b4;font-size:9px;letter-spacing:.16em;font-weight:700}.live-dot,.signal i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#75edbe;box-shadow:0 0 12px #40e3a7}.version{color:#55696e;padding-left:13px}.layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(300px,1fr) 360px}.viewer{position:relative;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#14202a,#070c13 60%)}#viewport{position:absolute;display:block;width:100%;height:100%;touch-action:none;cursor:grab}#viewport:active{cursor:grabbing}.viewer-top{position:absolute;top:36px;left:43px;right:36px;display:flex;align-items:start;justify-content:space-between;pointer-events:none}.eyebrow{display:block;color:#73e6d0;font-size:9px;letter-spacing:.22em;font-weight:800}.viewer h1{margin:11px 0 0;letter-spacing:.04em;font-size:clamp(38px,5vw,78px);font-weight:800;line-height:1;color:#ecfbfc}.viewer h1 span{font-weight:200;color:#8cfff1}.subtitle{letter-spacing:.35em;font-size:10px;font-weight:650;color:#98bcbf;margin:11px 0 0}.badge{border:1px solid #3b5c62;padding:10px 12px;color:#afcfcc;letter-spacing:.12em;font-size:9px;background:#0c1823aa;border-radius:3px}.badge-separator{color:#4d7574;margin:0 5px}.viewer-left{position:absolute;left:18px;top:48%;transform:rotate(-90deg) translateX(-50%);transform-origin:left center}.vertical-text{color:#69888b;letter-spacing:.35em;font-size:9px;white-space:nowrap}.viewer-bottom{position:absolute;bottom:59px;left:43px;right:34px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#719297;pointer-events:none}.viewer-indicator{display:flex;align-items:center;gap:9px}.crosshair{font-size:20px;color:#6bf5dc}.viewer-bottom b{color:#38595d;font-weight:400}.coordinates{color:#58787c}.viewer-foot{position:absolute;bottom:0;left:0;right:0;min-height:40px;display:flex;align-items:center;gap:28px;padding-left:40px;border-top:1px solid #283740;background:#0c161dcc;font-size:10px;letter-spacing:.08em;color:#8cacae}.viewer-foot span:first-child{color:#7df5d7}.panel{background:#0d151d;border-left:1px solid #26353e;display:flex;flex-direction:column;min-height:0}.panel-head{padding:27px 27px 18px;border-bottom:1px solid var(--border)}.panel-headrow{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.panel h2{font-size:24px;letter-spacing:-.045em;line-height:1.1;margin:8px 0 6px;color:#eff8f8}.panel-head p{font-size:11px;line-height:1.65;color:#7c989c;margin:8px 0 0}.signal{color:#75bcaf;font-weight:800;font-size:9px;letter-spacing:.12em}.signal i{width:5px;height:5px;margin-right:4px}.panel-scroll{overflow:auto;flex:1;scrollbar-color:#304b53 transparent;scrollbar-width:thin}.block{padding:22px 26px 20px;border-bottom:1px solid var(--border)}.block.last{border-bottom:0}.block-title{font-size:9px;letter-spacing:.18em;font-weight:900;color:#638a8c;margin-bottom:20px}.input-label{font-size:11px;color:#abc3c3;display:block;margin-bottom:9px}.field{margin-top:19px}.lab{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#adc3c7;margin-bottom:11px}.lab output{font-size:10px;color:#77f2dd;font-variant-numeric:tabular-nums}.field-inline{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.72fr);gap:13px;margin-top:16px}.field-inline>div{min-width:0}input[type=range]{appearance:none;width:100%;height:3px;background:#2a4951;cursor:pointer;outline:none;display:block;margin:13px 0}input[type=range]::-webkit-slider-thumb{appearance:none;background:#91ffe4;border:2px solid #10262c;border-radius:50%;width:15px;height:15px;box-shadow:0 0 8px #28d8ba77}input[type=range]::-moz-range-thumb{background:#91ffe4;border:2px solid #10262c;border-radius:50%;width:13px;height:13px}select,input[type=color]{color:#bddee0;width:100%;background:#101f27;border:1px solid #30484d;border-radius:4px;font-family:inherit;padding:11px 10px;font-size:11px;outline-color:#67eacb;cursor:pointer}input[type=color]{height:39px;padding:5px;width:100%}.transport{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.btn{border:1px solid #2b454c;background:#10212a;color:#b2cfd0;padding:12px 5px;border-radius:4px;cursor:pointer;letter-spacing:.12em;font-size:10px;font-weight:850;font-family:inherit;transition:background .16s,border-color .16s}.btn:hover{background:#173640;border-color:#7bd5c9}.btn-primary{background:#9af7e1;color:#09231f;border-color:#a2ffe9}.btn-primary:hover{background:#c2ffed;color:#09231f}.btn-event{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px;margin-top:9px;background:linear-gradient(105deg,#1c3c40,#102b32);border-color:#446a6d;color:#adfcea}.btn-event span{font-size:15px}.btn-audio{display:flex;justify-content:space-between;padding:12px;width:100%;margin-top:9px}.btn-audio span{color:#8b8e90}.micro-note{font-size:10px;line-height:1.6;color:#647d81;margin:13px 0 0}.inventory{display:flex;gap:8px;align-items:center;border-top:1px solid #203039;padding:11px 0;color:#a8c1c2;font-size:11px}.inventory span{font-family:monospace;color:#608184;font-size:10px}.inventory i{font-style:normal;color:#67c4b7;font-size:9px;letter-spacing:.07em;margin-left:auto}.panel-footer{padding:15px 22px;display:flex;justify-content:space-between;color:#6c8d8d;letter-spacing:.06em;border-top:1px solid #29404a;font-size:8px;font-weight:800}.global-footer{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding:0 28px;height:38px;border-top:1px solid #20303a;background:#090f14;color:#597478;font-size:9px;letter-spacing:.09em;font-weight:650}.global-footer b{color:#41716a}.error{position:absolute;z-index:10;top:42%;left:15%;right:15%;padding:20px;background:#481c25;border:1px solid #c25c63;font-size:14px;color:#ffe7e4}.hidden{display:none}@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 310px}.viewer-top{left:27px;top:24px}.viewer h1{font-size:44px}.coordinates{display:none}.panel-head{padding:20px}.block{padding:18px 20px}.badge{display:none}}@media(max-width:700px){body{overflow:auto}.shell{height:auto;min-height:100vh}.layout{display:flex;flex-direction:column}.viewer{height:62vh;min-height:380px}.panel{border-left:0;min-height:600px}.panel-scroll{overflow:visible}.panel-head{padding:22px}.viewer h1{font-size:42px}.viewer-top{top:28px;left:24px}.viewer-bottom{left:24px}.viewer-foot{padding-left:24px}.masthead{padding:0 16px}.brand small,.mast-right .version{display:none}.global-footer{padding:0 16px}.global-footer span:nth-child(2){display:none}}