:root{color-scheme:dark;font:13px/1.45 'Segoe UI',Inter,system-ui,sans-serif;background:#070e17;color:#e0ebf3;--muted:#748b9a;--border:#243544;--mint:#5cf4d5;--gold:#e9b56d}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{min-height:100vh}.shell{height:100vh;min-height:740px;display:flex;flex-direction:column;overflow:hidden;background:#090f17}
.masthead{height:74px;display:flex;align-items:center;gap:16px;padding:0 29px;border-bottom:1px solid #263645;background:linear-gradient(90deg,#0a1824,#101822 58%,#101921)}
.mark{display:grid;place-items:center;width:48px;height:46px;border:1px solid #5bc5c4;color:#e4fefb;font-family:monospace;font-size:17px;font-weight:800;letter-spacing:-2px}.mark span{color:var(--gold)}.identity strong{font-size:20px;font-weight:750;letter-spacing:.19em}.identity em{font-style:normal;color:var(--gold)}.identity small{display:block;margin-top:2px;color:#849fac;font-family:monospace;font-size:10px;letter-spacing:.10em}.mast-right{margin-left:auto;display:flex;align-items:center;gap:10px;color:#9ab4bb;letter-spacing:.12em;font:11px monospace}.online-dot,.color-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #43dbb8}.sep{color:#3b5666}
.workspace{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 375px}.viewport{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#142b3c 0%,#0b1420 40%,#050b14 83%)}
.viewport::after{pointer-events:none;content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,19,28,.23),transparent 19%,transparent 70%,rgba(5,13,22,.5));}
#world{display:block;width:100%;height:100%;touch-action:none}.viewport-top,.viewport-bottom{position:absolute;z-index:2;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center}.viewport-top{top:27px}.viewport-bottom{bottom:23px}.small-tag{border:1px solid #345067;background:#101d2ac4;padding:9px 12px;color:#b6ced8;font:10px monospace;letter-spacing:.18em}.mode-tag{padding:8px 12px;color:#69eccd;border:1px solid #38756e;background:#10372d85;font:11px monospace}.viewport-notes{display:flex;flex-direction:column;gap:5px}.viewport-notes strong{color:#d7e8ed;font:11px monospace;letter-spacing:.12em}.viewport-notes span{color:#8297a6;font:11px monospace}.camera-ctrl{display:flex;gap:8px}button,select{font:inherit;cursor:pointer}button{border:1px solid #355267;color:#cbdee8;background:#162535;padding:10px 12px;letter-spacing:.08em;font:11px monospace}button:hover{border-color:#6abbb9;color:#fff}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.wavelength-badge{position:absolute;top:81px;left:28px;z-index:2;display:flex;align-items:center;gap:10px;font:13px monospace;color:#e7eff4}.wavelength-badge small{font-size:9px;color:#698797}.color-dot{width:10px;height:10px}
.panel{overflow-y:auto;background:#101c29;border-left:1px solid #294153;box-shadow:-15px 0 32px #03070d50}.panel-inner{padding:26px 23px 34px}.section-cap{display:flex;justify-content:space-between;margin:0 0 15px;color:#a9c0ce;letter-spacing:.15em;font:10px monospace}.section-cap span{color:#547284}.meter{border:1px solid #315160;background:linear-gradient(145deg,#102c34,#101f2c 65%,#0a1725);padding:18px;margin-bottom:14px;box-shadow:inset 0 0 45px #41e0c708}.meter-head,.meter-foot{display:flex;justify-content:space-between;gap:7px;font:9px monospace;letter-spacing:.08em;color:#719ba6}.meter-head span:last-child{color:var(--mint)}.power{padding:6px 0 8px;display:flex;align-items:baseline;gap:10px;color:#65f0d7;font:600 49px/1.3 ui-monospace,Consolas,monospace;letter-spacing:-.045em}.unit{font:13px monospace;letter-spacing:0;color:#a2d9cc}.meter-scale{height:5px;background:#284348;margin:8px 0 13px}.meter-scale>div{height:100%;width:0;background:linear-gradient(90deg,#337eae,#5af1d4);transition:width .09s}.meter-foot b{font-weight:500;color:#d8ebed}.polar-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:25px}.polar-summary>div{border:1px solid #294253;padding:11px 8px;min-width:0}.polar-summary span{display:block;color:#668d9a;font:9px monospace;letter-spacing:.06em}.polar-summary strong{display:block;margin-top:8px;font:12px monospace;color:#cde4ee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-wrap{margin-bottom:25px}select{width:100%;height:40px;padding:0 10px;color:#d8e8ef;background:#152634;border:1px solid #365061}.sliders{margin-bottom:18px}.slider-row{margin:0 0 19px}.slider-info{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#c1d3dd}.slider-info output{color:#6feacb;font:12px monospace;white-space:nowrap}.slider-row input{margin-top:12px;width:100%;height:4px;accent-color:#55d6c3;cursor:pointer}.toggles{display:flex;flex-direction:column;gap:12px;margin:6px 0 22px}.toggles label{display:flex;gap:11px;align-items:center;font-size:12px;color:#a8c2cc}.toggles input{accent-color:#62dbbd;width:15px;height:15px}.buttons-row{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:5px}.buttons-row button{padding:13px 4px;font:10px monospace}.buttons-row .primary{background:#215d56;border-color:#4baf9c;color:#eafff7}.buttons-row .secondary{background:#1b2b39}.quality-row{margin:23px 0 10px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#8ca8b8;font:10px monospace}.quality-row select{width:175px;font:10px monospace}.stats{margin:13px 0;color:#6d929f;font:10px monospace}.note{border-top:1px solid #314354;padding-top:17px;margin-top:13px;color:#7a96a4;font:11px/1.7 system-ui}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}footer{display:flex;justify-content:space-between;gap:10px;padding:12px 29px;color:#688190;border-top:1px solid #263645;letter-spacing:.08em;font:10px monospace;background:#0b131c}footer b{color:var(--gold);font-weight:400}
@media(max-width:970px){.workspace{grid-template-columns:1fr 322px}.panel-inner{padding:19px 14px}.wavelength-badge small{display:none}}@media(max-width:760px){.shell{height:auto;overflow:visible;min-height:100vh}.workspace{display:flex;flex-direction:column}.viewport{height:58vh;min-height:370px}.panel{overflow:visible}.viewport-bottom{left:15px;right:15px}.viewport-top{left:15px;right:15px}.wavelength-badge{left:15px}.camera-ctrl{flex-direction:column}.viewport-notes span{max-width:200px}.masthead{padding:0 15px}.mast-right{font-size:9px}.identity small{font-size:8px}.identity strong{font-size:16px}footer{flex-wrap:wrap;padding:12px 15px}}

.identity-decal{display:block;margin-top:20px;width:100%;height:auto;opacity:.80;border-radius:4px}.masthead{background-image:linear-gradient(90deg,#0a1824ed,#101822e8 58%,#101921ed),url('../assets/textures/brushed_alloy_roughness.png');background-blend-mode:normal,soft-light;background-size:auto,256px 256px}