:root{--navy:#0b1d44;--orange:#ff6a13;--chalk:#f3f6fb;--muted:#a9b8d6;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:flex;background:#06122b;color:var(--chalk);font:600 14px/1.25 Barlow Condensed,Arial Narrow,system-ui,sans-serif;overflow:hidden}#panel{width:340px;flex:none;height:100%;overflow-y:auto;background:var(--navy);border-right:1px solid rgba(255,255,255,.15);padding:8px 10px}#view{flex:1;min-width:0;position:relative}#cv{position:absolute;inset:0;width:100%;height:100%;display:block}header{display:flex;justify-content:space-between;align-items:center}h1{font:400 20px Bungee,Arial Black,sans-serif;color:var(--orange);margin:0}h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:10px 0 4px}section{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px}.row{display:flex;gap:6px;align-items:center;margin:3px 0}.row.wrap{flex-wrap:wrap}.row label{width:84px;flex:none;color:var(--muted)}.row input[type=range]{flex:1;min-width:0;accent-color:var(--orange)}.row output{width:46px;text-align:right;font-variant-numeric:tabular-nums}.row.t:hover label{color:var(--orange)}.btn{font:400 13px Bungee,Arial Black,sans-serif;background:var(--orange);color:#1d0d00;border:0;border-radius:8px;padding:7px 12px;cursor:pointer;box-shadow:0 3px #b94500}.btn:active{transform:translateY(2px);box-shadow:none}.tg{background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--chalk);border-radius:7px;padding:4px 8px;font:600 14px Barlow Condensed,system-ui,sans-serif;cursor:pointer;text-decoration:none}.tg[aria-pressed=true]{background:#173a7a;border-color:var(--orange)}select{background:#0b1d44;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:7px;padding:4px 6px;font:600 14px Barlow Condensed,system-ui,sans-serif;min-width:0;flex:1}.muted{color:var(--muted);font-size:13px}.sticky{position:sticky;bottom:-8px;background:var(--navy);padding-top:8px;border:0}#msg{min-height:16px;margin-top:4px}#msg.ok{color:#7be28b}#msg.err{color:#ff8a7a}input[type=checkbox]{accent-color:var(--orange);width:16px;height:16px}