*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#04060c;--panel:#0a0e18d1;--panel-border:#8caadc24;--text:#d7dee9;--text-dim:#8b96a8;--accent:#6db4ff;--accent-soft:#6db4ff29;font-size:14px}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}#view{cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#view:active{cursor:grabbing}.panel{background:var(--panel);-webkit-backdrop-filter:blur(14px);border-left:1px solid var(--panel-border);overscroll-behavior:contain;z-index:20;scrollbar-width:thin;scrollbar-color:#8caadc40 transparent;width:304px;padding:14px 14px 10px;transition:transform .25s,opacity .25s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.panel.hidden{opacity:0;pointer-events:none;transform:translate(105%)}.panel-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.brand{letter-spacing:.35em;color:var(--text);font-size:20px;font-weight:300}.head-btns{gap:6px;display:flex}.icon-btn{border:1px solid var(--panel-border);width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:7px;font-size:13px;line-height:1}.icon-btn:hover{color:var(--text);border-color:var(--accent)}.chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.chip{border:1px solid var(--panel-border);color:var(--text-dim);cursor:pointer;background:#ffffff08;border-radius:999px;padding:4px 9px;font-size:12px}.chip:hover{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.actions{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.action{border:1px solid var(--panel-border);min-width:72px;color:var(--text);cursor:pointer;white-space:nowrap;background:#ffffff0a;border-radius:9px;flex:1;padding:7px 10px;font-size:12.5px}.action:hover{border-color:var(--accent);background:var(--accent-soft)}.action.primary{background:var(--accent-soft);border-color:#6db4ff73}.note{color:var(--text-dim);margin-top:6px;font-size:11.5px}.sec{border-top:1px solid var(--panel-border);padding:2px 0}.sec summary{cursor:pointer;color:var(--text-dim);text-transform:uppercase;letter-spacing:.14em;-webkit-user-select:none;user-select:none;padding:8px 2px;font-size:11.5px;list-style:none}.sec summary::-webkit-details-marker{display:none}.sec summary:before{content:"▸ ";color:var(--accent)}.sec[open] summary:before{content:"▾ "}.sec-body{flex-direction:column;gap:7px;padding:2px 2px 10px;display:flex}.row{grid-template-columns:104px 1fr 46px;align-items:center;gap:8px;min-height:22px;display:grid}.row label{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.row .val{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;font-size:11px}input[type=range]{appearance:none;background:#8caadc40;border-radius:2px;outline:none;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:13px;height:13px}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:13px;height:13px}input[type=color]{border:1px solid var(--panel-border);cursor:pointer;background:0 0;border-radius:6px;grid-column:2/4;width:100%;height:22px;padding:1px 2px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);justify-self:start}select{color:var(--text);border:1px solid var(--panel-border);background:#ffffff0d;border-radius:6px;grid-column:2/4;padding:4px 6px;font-size:12.5px}select option{background:#0b1020}.panel-foot{border-top:1px solid var(--panel-border);justify-content:flex-end;padding:10px 2px;display:flex}.gh-link{color:var(--text-dim);font-size:12px;text-decoration:none}.gh-link:hover{color:var(--accent)}.float-btn{z-index:10;border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(10px);color:var(--text);cursor:pointer;border-radius:12px;font-size:14px;position:fixed}.float-btn:hover{border-color:var(--accent)}.show-panel{width:38px;height:38px;top:12px;right:12px}.dive-btn{letter-spacing:.08em;z-index:30;padding:10px 18px;bottom:18px;right:18px}.dive-btn.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.hud{z-index:10;pointer-events:none;color:var(--text-dim);font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000000b3;font-size:11.5px;position:fixed;bottom:14px;left:14px}.hud-bar-wrap{background:#8caadc33;border-radius:1px;width:190px;height:2px;margin-top:4px;overflow:hidden}.hud-bar{background:var(--accent);width:0;height:100%;transition:width .2s linear}.hud-bar.done{background:#7fe0a8}.hero{z-index:15;pointer-events:none;text-align:center;background:radial-gradient(#0000 40%,#04060c8c 100%);flex-direction:column;justify-content:center;align-items:center;transition:opacity 1.2s;display:flex;position:fixed;inset:0}.hero.gone{opacity:0}.hero-title{letter-spacing:.42em;color:#eef3fa;text-shadow:0 2px 30px #3c82ff59;margin-left:.42em;font-size:clamp(52px,10vw,110px);font-weight:200}.hero-sub{letter-spacing:.3em;color:var(--text-dim);text-transform:uppercase;margin-top:6px;margin-left:.3em;font-size:clamp(13px,2vw,17px)}.hero-hint{color:var(--text-dim);letter-spacing:.04em;font-size:13px;animation:2.8s ease-in-out infinite pulse;position:absolute;bottom:12vh}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.overlay{z-index:40;-webkit-backdrop-filter:blur(4px);background:#02040999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay.hidden,.toast.hidden{display:none}.overlay-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;flex-direction:column;gap:12px;width:min(420px,100vw - 40px);padding:22px;display:flex}.overlay-card h2{letter-spacing:.2em;text-transform:uppercase;color:var(--text);font-size:15px;font-weight:300}.overlay-card table{border-collapse:collapse;font-size:13px}.overlay-card td{color:var(--text-dim);padding:3px 12px 3px 0}.overlay-card td:first-child{color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums}.overlay-card p{color:var(--text-dim);font-size:12.5px;line-height:1.5}.export-label{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:13px}.export-bar-wrap{background:#8caadc33;border-radius:2px;width:100%;height:4px;overflow:hidden}.export-bar{background:var(--accent);width:0;height:100%;transition:width .15s linear}.toast{z-index:50;background:var(--panel);border:1px solid var(--panel-border);color:var(--text);pointer-events:none;border-radius:999px;padding:8px 18px;font-size:13px;position:fixed;top:18px;left:50%;transform:translate(-50%)}.gl-error{z-index:100;background:var(--bg);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.gl-error .overlay-card{max-width:440px}body.chrome-hidden .panel,body.chrome-hidden .hud,body.chrome-hidden .float-btn{display:none}@media (max-width:760px){.panel{border-left:none;border-top:1px solid var(--panel-border);border-radius:18px 18px 0 0;width:100%;max-height:62vh;inset:auto 0 0}.panel.hidden{transform:translateY(105%)}.hero-hint{padding:0 24px;bottom:18vh}.hud{bottom:12px;left:10px}.dive-btn{bottom:14px;right:14px}}