:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eaf4ef;--muted:#879c96;--panel:#070e0ef0;--line:#acd2c629;--accent:#74f2bd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:#050a0a}button,select,input{color:inherit;font:inherit}button{cursor:pointer}.app-shell,.viewport{position:absolute;inset:0}.viewport{background:#07100f;outline:0}.viewport canvas{width:100%;height:100%;display:block}.settings-button{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#c8d8d2;background:#050b0ac2;border-radius:8px;height:34px;padding:0 13px;font-size:11px;position:absolute;top:16px;right:16px}.settings-button:hover,.icon-button:hover,.wide-button:hover{color:var(--accent);border-color:#74f2bd85}.loading-card{z-index:18;text-align:center;border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#050b0ae0;border-radius:14px;justify-items:center;width:min(320px,100% - 30px);padding:24px 27px 21px;transition:opacity .25s,transform .25s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 80px #0006}.loading-card.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-46%)}.loading-card strong{margin-top:14px;font-size:14px}.loading-card span{color:var(--muted);margin-top:5px;font-size:10px}.spinner{border:1px solid #74f2bd33;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{background:#ffffff14;border-radius:2px;width:100%;height:2px;margin-top:17px;overflow:hidden}.progress-track i{background:var(--accent);width:0;height:100%;transition:width .15s;display:block}.settings-panel{z-index:30;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);scrollbar-width:thin;scrollbar-color:#31443e transparent;border-radius:14px;width:338px;transition:transform .28s cubic-bezier(.22,.8,.24,1);position:absolute;top:12px;bottom:12px;right:12px;overflow:auto;transform:translate(calc(100% + 26px));box-shadow:0 25px 70px #00000080}.settings-panel.open{transform:translate(0)}.panel-heading{z-index:2;border-bottom:1px solid var(--line);background:#070e0ef7;justify-content:space-between;align-items:center;padding:16px 17px;display:flex;position:sticky;top:0}.panel-heading h1{margin:0;font-size:17px;font-weight:620}.icon-button{border:1px solid var(--line);background:#0e1a18;border-radius:9px;width:34px;height:34px;font-size:17px}.control-section{border-bottom:1px solid var(--line);padding:15px 17px 16px}.control-section h2{color:#b8cbc4;text-transform:uppercase;letter-spacing:.14em;margin:0 0 12px;font-size:9px}.control-row{color:#c9d8d3;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;font-size:10px;display:flex}select{border:1px solid var(--line);background:#0e1a18;border-radius:7px;outline:none;width:174px;padding:7px 8px;font-size:10px}select:focus,input:focus{border-color:#74f2bd8c}.slider-control{color:#c9d8d3;margin:13px 0;font-size:10px;display:block}.slider-control>span{justify-content:space-between;margin-bottom:8px;display:flex}output{color:var(--accent);font:10px ui-monospace,monospace}input[type=range]{width:100%;height:3px;accent-color:var(--accent);cursor:pointer}.color-row input{border:1px solid var(--line);background:#0e1a18;border-radius:7px;width:48px;height:27px;padding:2px}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;min-height:43px;display:flex;position:relative}.toggle-row>span{flex-direction:column;display:flex}.toggle-row b{font-size:10px;font-weight:560}.toggle-row small{color:var(--muted);margin-top:2px;font-size:8px}.toggle-row input{opacity:0;position:absolute}.toggle-row i{background:#263630;border-radius:999px;width:32px;height:18px}.toggle-row i:after{content:"";background:#84948f;border-radius:50%;width:14px;height:14px;margin:2px;transition:transform .2s,background .2s;display:block}.toggle-row input:checked+i{background:#74f2bd3d}.toggle-row input:checked+i:after{background:var(--accent);transform:translate(14px)}.wide-button{border:1px solid var(--line);background:#0e1a18;border-radius:7px;justify-content:space-between;width:100%;margin-top:10px;padding:8px 10px;font-size:10px;display:flex}.wide-button span{color:var(--muted);font-family:monospace}.controls-help{color:var(--muted);padding:13px 17px 15px;font-size:8px}.controls-help p{margin:4px 0}kbd{background:#00000052;border:1px solid #fff3;border-radius:4px;padding:2px 4px;font:8px monospace}.debug-hud{z-index:12;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050b0ac2;border-radius:9px;grid-template-columns:repeat(4,auto);display:grid;position:absolute;bottom:16px;left:16px;overflow:hidden}.debug-hud.hidden{display:none}.debug-hud div{border-right:1px solid var(--line);min-width:100px;padding:8px 10px}.debug-hud div:last-child{border-right:0}.debug-hud span{color:var(--muted);letter-spacing:.12em;font-size:8px;display:block}.debug-hud strong{font:600 10px/1.55 ui-monospace,monospace}.error-card{z-index:40;background:#190a0af0;border:1px solid #ff7d7659;border-radius:12px;gap:8px;width:min(350px,100% - 28px);padding:20px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-card.hidden{display:none}.error-card span{color:#d9aaa6;font-size:10px}.error-card button{background:#351715;border:1px solid #ff7d7659;border-radius:7px;justify-self:start;margin-top:5px;padding:7px 12px;font-size:10px}@media (max-width:620px){.settings-button{top:10px;right:10px}.settings-panel{width:min(338px,100% - 12px);top:6px;bottom:6px;right:6px}.debug-hud{grid-template-columns:repeat(2,auto)}.debug-hud div:nth-child(2){border-right:0}}