:root{color-scheme:dark;--bg:#060d14;--panel:#111d29;--text:#dceaf2;--mute:#839cab;--line:#2b3e4b;--cyan:#68e6d9;--gold:#d5a35a}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 'Segoe UI',Inter,system-ui,sans-serif}#app{min-height:100vh;display:flex;flex-direction:column}.masthead{display:flex;justify-content:space-between;align-items:center;padding:21px 30px 22px;border-bottom:1px solid #273542;background:linear-gradient(90deg,#0d1b28,#080e17)}.eyebrow,.cap,.s-heading,.headmeta,.viewtop,.viewbottom,.rangelabel,.deck{letter-spacing:2px;font-weight:650}.eyebrow{font-size:10px;color:var(--cyan)}h1{font-weight:800;letter-spacing:1.5px;font-size:42px;line-height:1;margin:4px 0 7px}h1 span{color:var(--cyan)}.deck{color:#9eb3bc;font-size:11px}.headmeta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:10px;color:#658794}.pill{border:1px solid #35665e;padding:5px 13px;color:#79e4d6;border-radius:14px}.workspace{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 335px;min-height:680px}.viewport{min-height:680px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#1b2f3f 0,#06121e 68%,#02060b);touch-action:none}#viewer{display:block;width:100%;height:100%;position:absolute;inset:0;outline:0}.viewtop,.viewbottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;font-size:10px;color:#91c5cb}.viewtop{top:22px}.viewbottom{bottom:18px;align-items:end;flex-wrap:wrap}.viewhint{color:#70889b}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 6px 0 13px}.teal{background:#3de3d3}.orange{background:#e1a35d}.silver{background:#a4b3bd}.sidebar{border-left:1px solid var(--line);padding:21px 19px 26px;background:#0c1620;overflow:auto;max-height:calc(100vh - 120px)}.s-heading{margin:11px 0 19px;border-bottom:1px solid var(--line);padding-bottom:10px;font-size:11px;color:var(--cyan);display:flex;justify-content:space-between}.s-heading span{color:#506371}.cap{display:block;color:#a7c2d0;font-size:10px;margin:13px 0 8px}.sidebar select{border:1px solid #334856;background:#192a38;color:#e0ebed;padding:10px;border-radius:4px;width:100%;font-size:12px}.sidebar input[type=range]{width:100%;accent-color:var(--cyan);margin:5px 0 15px}.rangelabel{display:flex;justify-content:space-between;color:#bdd3dd;font-size:10px;margin-top:18px}.rangelabel output{color:var(--cyan)}.selection{padding:11px 12px;margin:12px 0 22px;border-left:3px solid var(--cyan);background:#172833}.selection strong{font-size:13px}.selection p{color:#9fb1b9;font-size:12px;margin:7px 0 0}.sections{display:grid;grid-template-columns:1fr 1fr;gap:10px 4px}.sections label,.checks label{font-size:11px;color:#bdcdd6;cursor:pointer;display:flex;align-items:center;gap:6px}.sections input,.checks input{accent-color:var(--cyan);margin:0}.checks{display:grid;gap:12px;margin:23px 0 27px}.presets{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:17px 0}.presets button,.reset{background:#192c3b;border:1px solid #375468;color:#dceaf0;font-size:11px;letter-spacing:.5px;padding:10px 8px;cursor:pointer;border-radius:3px}.presets button:hover,.reset:hover{background:#245065;border-color:var(--cyan)}.reset{width:100%;color:var(--cyan);border-color:#36716c}footer{background:#0b131b;color:#8498a4;padding:12px 25px;border-top:1px solid #273442;display:flex;justify-content:space-between;gap:18px;font-size:10px}footer strong{color:#b1c7d0}#spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#9fd7de;background:#081520bd;padding:14px 24px;border:1px solid #2e5962;pointer-events:none;border-radius:4px}#label-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.worldlabel{position:absolute;display:block;border:1px solid #396879;background:#071723dc;color:#cbe6ee;font-size:10px;letter-spacing:.5px;padding:4px 8px;white-space:nowrap;border-radius:3px;transform:translate(-50%,-50%)}.worldlabel:before{content:'';display:inline-block;height:5px;width:5px;background:var(--cyan);border-radius:50%;margin-right:6px}@media(max-width:1000px){.workspace{grid-template-columns:1fr}.viewport{height:60vh;min-height:500px}.sidebar{max-height:none;display:block;border-left:0;border-top:1px solid var(--line)}footer{display:block}footer div{margin:6px 0}}@media(max-width:560px){.masthead{padding:17px}.headmeta{display:none}h1{font-size:33px}.deck{font-size:9px}.sidebar{padding:18px}.viewtop #perf,.viewhint{display:none}.viewport{min-height:400px;height:52vh}}