:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#090b0d;color:#f3f5f7}*{box-sizing:border-box}html,body,#app,.app-shell{width:100%;height:100%;margin:0}body{overflow:hidden}.app-shell{position:relative;background:#090b0d}canvas{display:block;width:100%;height:100%;touch-action:none}.desktop-hud{position:fixed;top:20px;left:20px;z-index:10;width:min(420px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;padding:20px;border:1px solid rgb(170 190 210 / 18%);border-radius:12px;background:#080c10e0;box-shadow:0 18px 60px #0000006b}.desktop-hud--collapsed{width:auto;max-height:none;overflow:visible;padding:6px;border-radius:999px}.desktop-hud__topbar{position:sticky;top:-20px;z-index:2;display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin:-20px -20px 18px;padding:20px;background:linear-gradient(#080c10f5,#080c10db)}.desktop-hud--collapsed .desktop-hud__topbar{position:static;margin:0;padding:0;background:transparent}.desktop-hud__title{min-width:0}.desktop-hud__title h1{margin:0 0 6px;font-size:24px;line-height:1.1}.desktop-hud__title p{margin:0;color:#c9d3df;font-size:14px;line-height:1.35}.desktop-hud .desktop-hud__collapse-button{flex:0 0 auto;min-width:40px;min-height:40px;padding:0;border-radius:999px;font-size:18px;line-height:1}.desktop-hud__facts{display:grid;gap:10px;margin:0 0 18px}.desktop-hud__fact{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:12px;align-items:start}.desktop-hud__fact dt{color:#9fb0c1;font-size:13px;line-height:1.3}.desktop-hud__fact dd{margin:0;color:#f4f7fa;font-size:14px;line-height:1.3}.desktop-hud__select-label{display:block;margin-bottom:8px;color:#c8d2de;font-size:14px;font-weight:700}.desktop-hud__select,.desktop-hud button{min-height:42px;border:1px solid rgb(170 190 210 / 18%);border-radius:8px;background:#071018;color:#f4f7fa;font:inherit}.desktop-hud__select{width:100%;margin-bottom:14px;padding:0 12px}.desktop-hud__actions{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:10px;margin-bottom:10px}.desktop-hud button{padding:0 12px;cursor:pointer}.desktop-hud button:hover{background:#102233}.desktop-hud button:active{transform:translateY(1px)}.desktop-hud__xr-button{width:100%}.desktop-hud__details{margin-top:14px;border-top:1px solid rgb(170 190 210 / 14%);padding-top:12px}.desktop-hud__details summary{cursor:pointer;color:#f4f7fa;font-size:14px;font-weight:700}.desktop-hud__details-summary{display:list-item;position:relative;min-height:32px;padding-right:118px}.desktop-hud .desktop-hud__summary-button{position:absolute;top:50%;right:0;min-height:28px;padding:0 10px;border-radius:999px;font-size:11px;transform:translateY(-50%)}.desktop-hud .desktop-hud__summary-button:active{transform:translateY(calc(-50% + 1px))}.desktop-fps-overlay{position:fixed;top:18px;right:112px;z-index:12;min-width:58px;padding:8px 10px;border:1px solid rgb(170 190 210 / 18%);border-radius:10px;background:#05080cb3;color:#f4f7fa;font-size:22px;font-weight:800;line-height:1;opacity:.7;text-align:center}.desktop-fps-overlay--good{color:#8cffb1}.desktop-fps-overlay--bad{color:#ff6f75}.demo-presets{position:fixed;top:20px;right:20px;z-index:11;display:grid;justify-items:end;gap:8px}.demo-presets__toggle{min-height:40px;padding:0 14px;border:1px solid rgb(170 190 210 / 18%);border-radius:999px;background:#080c10e0;color:#f4f7fa;font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 12px 36px #00000052}.demo-presets__toggle:hover,.demo-presets__actions button:hover{background:#102233}.demo-presets__panel{width:min(280px,calc(100vw - 40px));padding:14px;border:1px solid rgb(170 190 210 / 18%);border-radius:12px;background:#080c10e5;box-shadow:0 18px 60px #0000006b}.demo-presets__panel h2{margin:0 0 10px;font-size:16px;line-height:1.2}.demo-presets__actions{display:grid;gap:8px}.demo-presets__actions button{min-height:40px;border:1px solid rgb(170 190 210 / 18%);border-radius:8px;background:#071018;color:#f4f7fa;font:inherit;cursor:pointer}.demo-presets__actions button:disabled{cursor:not-allowed;opacity:.5}.demo-presets__panel p{margin:10px 0 0;color:#8fa1b4;font-size:11px;line-height:1.35}.demo-fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#000;pointer-events:none;transition:opacity .45s ease}.demo-fade--hidden{opacity:0}.demo-fade--visible{opacity:1}.anchor-panel{display:grid;gap:12px;margin-top:12px}.anchor-panel__actions{display:grid;grid-template-columns:1fr;gap:10px}.anchor-panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.anchor-panel__field{display:grid;gap:6px;color:#c8d2de;font-size:12px}.anchor-panel__field input{min-height:36px;width:100%;border:1px solid rgb(170 190 210 / 18%);border-radius:8px;background:#071018;color:#f4f7fa;font:inherit;padding:0 10px}.anchor-panel__field input[type=range]{min-height:22px;padding:0;border:0;accent-color:#4aa3ff}.anchor-panel__field strong{float:right;color:#f4f7fa;font-weight:700}.anchor-panel__note{margin:0;color:#8fa1b4;font-size:11px;line-height:1.35}.perf-panel{margin-top:12px}.perf-panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:0 0 14px}.perf-panel__metric{min-width:0}.perf-panel__metric dt{color:#8fa1b4;font-size:11px;line-height:1.25}.perf-panel__metric dd{margin:2px 0 0;color:#f3f7fb;font-size:12px;line-height:1.25;overflow-wrap:anywhere}.perf-panel__metric .perf-panel__value--good{color:#8cffb1}.perf-panel__metric .perf-panel__value--bad{color:#ff6f75}.perf-panel__settings{display:grid;gap:10px;border-top:1px solid rgb(170 190 210 / 14%);padding-top:12px}.perf-panel__subdetails{border-top:1px solid rgb(170 190 210 / 12%);padding-top:10px}.perf-panel__subdetails summary{cursor:pointer;color:#c8d2de;font-size:12px;font-weight:700}.perf-panel__subsettings{display:grid;gap:10px;margin-top:10px}.perf-panel__control{display:grid;gap:6px;color:#c8d2de;font-size:12px}.perf-panel__control input[type=range]{width:100%;accent-color:#4aa3ff}.perf-panel__control select,.perf-panel__vector input{min-height:36px;border:1px solid rgb(170 190 210 / 18%);border-radius:8px;background:#071018;color:#f4f7fa;font:inherit;padding:0 10px}.perf-panel__vector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.perf-panel__vector label{display:grid;gap:6px;color:#c8d2de;font-size:12px}.perf-panel__vector input{width:100%}.perf-panel__toggle{display:flex;gap:8px;align-items:center;color:#c8d2de;font-size:12px}.perf-panel__toggle:has(input[type=checkbox]:checked),.perf-panel__toggle--enabled{color:#8cffb1}.perf-panel__toggle:has(input[type=checkbox]:not(:checked)),.perf-panel__toggle--disabled{color:#ff6f75}.perf-panel__toggle input{accent-color:#4aa3ff}.perf-panel__warning{margin:-2px 0 0;color:#ff6f75;font-size:12px;font-weight:700}.perf-panel__note{margin:-2px 0 0;color:#8fa1b4;font-size:11px;line-height:1.35}.splat-effect-transport{display:grid;grid-template-columns:1fr 1fr;gap:8px}.splat-effect-transport button:disabled{cursor:not-allowed;opacity:.45}.mobile-gate{display:none}@media(max-width:560px){.mobile-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#090b0d}.mobile-gate__panel{max-width:340px;padding:24px;border:1px solid rgb(170 190 210 / 18%);border-radius:12px;background:#080c10f0;box-shadow:0 18px 60px #0000006b;text-align:center}.mobile-gate__panel h1{margin:0 0 10px;font-size:28px}.mobile-gate__panel p{margin:0;color:#c9d3df;font-size:16px;line-height:1.4}.desktop-hud{top:12px;left:12px;width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:16px}.desktop-hud__fact,.desktop-hud__actions,.anchor-panel__actions,.anchor-panel__grid,.perf-panel__grid{grid-template-columns:1fr}}