: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}@keyframes surface-enter{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.app-shell{position:relative;background:#090b0d}.app-error{display:grid;min-height:100vh;min-height:100dvh;place-items:center;padding:32px max(24px,env(safe-area-inset-right)) 32px max(24px,env(safe-area-inset-left));background:#090b0d;color:#f3f5f7}.app-error__content{width:min(560px,100%)}.app-error__eyebrow{margin:0 0 8px;color:#ff9b72;font-size:12px;font-weight:800;text-transform:uppercase}.app-error h1{margin:0;font-size:28px;line-height:1.15}.app-error__content>p:not(.app-error__eyebrow){max-width:52ch;margin:14px 0 0;color:#c8d2de;line-height:1.5}.app-error__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.app-error__actions button{min-height:44px;padding:0 16px;border:1px solid rgb(103 188 238 / 48%);border-radius:6px;background:#102233;color:#f4f7fa;font:inherit;font-weight:750;cursor:pointer}.app-error__actions button:hover{background:#173149}.app-error__actions button:focus-visible{outline:3px solid #74d7ff;outline-offset:3px}canvas{display:block;width:100%;height:100%;touch-action:none}.app-shell--cinematic canvas{height:calc(100% - 388px)}.desktop-hud--cinematic-hidden{display:none}.composition-overlay--cinematic{bottom:388px}.desktop-hud{position:fixed;top:14px;bottom:14px;left:14px;z-index:51;width:min(560px,calc(100vw - 28px));overflow:auto;padding:24px;border:1px solid rgb(184 204 224 / 20%);border-radius:8px;background:#070b0ff5;box-shadow:0 28px 90px #00000094;scrollbar-color:rgb(116 137 158 / 55%) transparent;scroll-behavior:smooth;transform-origin:top left}.desktop-hud:not(.desktop-hud--collapsed),.demo-presets__panel,.help-about__panel,.mobile-hud__sheet{animation:surface-enter .18s cubic-bezier(.2,.75,.25,1) both}.desktop-hud--collapsed{right:auto;bottom:auto;width:auto;max-height:none;overflow:visible;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none}.desktop-hud__topbar{position:sticky;top:-24px;z-index:1;display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin:-24px -24px 24px;padding:22px 24px 20px;border-bottom:1px solid rgb(184 204 224 / 14%);background:#070b0ff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.desktop-hud__title{display:grid;gap:8px;min-width:0}.desktop-hud__topbar-actions{display:flex;flex:0 0 auto;gap:8px;align-items:center}.desktop-hud .desktop-hud__all-controls-button{min-height:40px;padding:0 12px;color:#a4f4da;font-size:11px;font-weight:800}.desktop-hud__focus-context{overflow:hidden;color:#9fb0c1;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.desktop-hud--focused .desktop-hud__topbar{margin-bottom:0;padding-top:18px;padding-bottom:16px}.desktop-hud--focused .desktop-hud__title{gap:5px}.desktop-hud--focused .desktop-hud__title h1{font-size:22px}.desktop-hud--focused .desktop-hud__details{border-top:0;padding-top:0}.desktop-hud--focused .desktop-hud__details-summary{display:none}.desktop-hud__title h1{display:flex;gap:9px;align-items:baseline;margin:0;font-size:26px;line-height:1.1}.desktop-hud__title h1 small{color:#8fa1b4;font-size:12px;font-weight:700}.desktop-hud__eyebrow{color:#70dfbd;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.app-status{display:grid;gap:7px;min-width:0;color:#c9d3df;font-size:13px;line-height:1.35}.app-status strong,.app-status span{overflow:hidden;text-overflow:ellipsis}.app-status strong{color:#f4f8fb;font-size:14px;font-weight:650}.app-status span{color:#9fb0c1}.app-status ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.app-status li{max-width:100%;overflow:hidden;padding:4px 8px;border:1px solid rgb(170 190 210 / 18%);border-radius:999px;background:#ffffff0f;color:#d8e4ee;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.app-status--desktop li{white-space:normal;overflow-wrap:anywhere}.app-status li[data-tone=active]{border-color:#5cd6b957;background:#2bad9129;color:#d9fff6}.app-status li[data-tone=warning]{border-color:#ffb85961;background:#ffb85924;color:#ffe1b0}.desktop-hud .desktop-hud__collapse-button{flex:0 0 auto;min-width:40px;min-height:40px;padding:0;border-radius:8px;font-size:24px;line-height:1}.desktop-hud__launcher{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;min-width:190px;min-height:50px;padding:7px 12px 7px 8px;border:1px solid rgb(184 204 224 / 24%);border-radius:8px;background:#070c10db;color:#f4f7fa;font:inherit;text-align:left;cursor:pointer;box-shadow:0 18px 48px #00000061;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .16s ease,background .16s ease,transform .16s ease}.desktop-hud__launcher:hover{border-color:#70dfbd7a;background:#0b161af0;transform:translateY(-1px)}.desktop-hud__launcher-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgb(112 223 189 / 32%);border-radius:7px;background:#279a7c29;color:#8ff4d4;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:18px;line-height:1}.desktop-hud__launcher-copy{display:grid}.desktop-hud__launcher-copy strong{font-size:14px;line-height:1.15}.desktop-hud__launcher-arrow{color:#70dfbd;font-size:16px}.desktop-hud__facts{display:grid;gap:10px;margin:0 0 22px;padding:14px;border:1px solid rgb(184 204 224 / 12%);border-radius:8px;background:#ffffff08}.desktop-hud__fact{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:12px;align-items:start;padding:2px 0}.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__selector-stepper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:-4px 0 14px}.desktop-hud__selector-stepper button{min-height:38px}.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:0;border-top:1px solid rgb(170 190 210 / 14%);padding:4px 0}.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:48px;line-height:48px;padding-right:118px}.desktop-hud__summary-label--active{color:#6dff9d}.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}.help-about{position:fixed;top:14px;right:18px;z-index:43;display:block;pointer-events:none}.help-about__button{display:grid;place-items:center;width:50px;height:50px;border:1px solid rgb(103 188 238 / 38%);border-radius:8px;background:#071219e5;color:#f4f7fa;font:inherit;font-size:18px;font-weight:900;cursor:pointer;pointer-events:auto;box-shadow:0 18px 48px #00000061,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);writing-mode:horizontal-tb;transition:border-color .16s ease,background .16s ease,transform .16s ease}.help-about--open{z-index:44}.help-about__button:hover,.help-about__close:hover{background:#102233}.help-about__button:hover{border-color:#67bcee85;transform:translateY(-1px)}.help-about__panel{position:fixed;inset:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));width:min(520px,calc(100vw - 24px));max-width:calc(100vw - max(12px,env(safe-area-inset-left)) - max(12px,env(safe-area-inset-right)));max-height:min(720px,calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom))));margin:auto;overflow:auto;overscroll-behavior:contain;padding:18px;border:1px solid rgb(170 190 210 / 20%);border-radius:10px;background:#080c10f0;color:inherit;box-shadow:0 18px 60px #0000006b;pointer-events:auto;transform-origin:center}.help-about__header{position:sticky;top:-18px;z-index:1;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin:-18px -18px 14px;padding:18px 18px 12px;border-bottom:1px solid rgb(170 190 210 / 14%);background:#080c10fa}.help-about__header p{margin:0 0 4px;color:#8fa1b4;font-size:11px;font-weight:800;text-transform:uppercase}.help-about__header h2{margin:0;font-size:20px;line-height:1.15}.help-about__close{flex:0 0 auto;min-width:36px;min-height:36px;border:1px solid rgb(170 190 210 / 20%);border-radius:8px;background:#071018;color:#f4f7fa;font:inherit;font-weight:800;cursor:pointer}.help-about__button:focus-visible,.help-about__close:focus-visible{outline:3px solid #74d7ff;outline-offset:3px}.help-about__section{display:grid;gap:8px;padding:12px 0;border-bottom:1px solid rgb(170 190 210 / 10%)}.help-about__section:last-child{border-bottom:0}.help-about__section h3{margin:0;font-size:14px;line-height:1.25}.help-about__section p,.help-about__section li{color:#c8d2de;font-size:13px;line-height:1.42}.help-about__section p,.help-about__section ul{margin:0}.help-about__section ul{padding-left:18px}.help-about__section a{color:#74d7ff;font-size:13px;font-weight:700}.composition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.composition-overlay__mask{position:fixed;background:#02050875}.composition-overlay__frame{position:fixed;border:1px solid rgb(180 210 240 / 46%);box-shadow:inset 0 0 0 1px #0a121a66,0 0 0 1px #0000003d}.composition-overlay__third{position:absolute;background:#d2e6ff57}.composition-overlay__third--x-one,.composition-overlay__third--x-two{top:0;width:1px;height:100%}.composition-overlay__third--x-one{left:33.333%}.composition-overlay__third--x-two{left:66.666%}.composition-overlay__third--y-one,.composition-overlay__third--y-two{left:0;width:100%;height:1px}.composition-overlay__third--y-one{top:33.333%}.composition-overlay__third--y-two{top:66.666%}.composition-overlay__center{position:absolute;top:0;right:0;bottom:0;left:0}.composition-overlay__center-line{position:absolute;top:50%;left:50%;width:min(140px,22%);height:1px;background:#f0faff94;transform-origin:center}.composition-overlay__center-line--a{transform:translate(-50%,-50%) rotate(45deg)}.composition-overlay__center-line--b{transform:translate(-50%,-50%) rotate(-45deg)}.composition-overlay__center-dot{position:absolute;top:50%;left:50%;width:6px;height:6px;border:1px solid rgb(240 250 255 / 72%);border-radius:999px;transform:translate(-50%,-50%)}.demo-presets{position:fixed;top:14px;right:78px;z-index:41;display:grid;justify-items:end}.demo-presets__toggle{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;min-width:190px;min-height:50px;padding:7px 12px 7px 8px;border:1px solid rgb(103 188 238 / 38%);border-radius:8px;background:#071219e5;color:#f4f7fa;font:inherit;text-align:left;cursor:pointer;box-shadow:0 18px 48px #00000061,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .16s ease,background .16s ease,transform .16s ease;animation:surface-enter .16s cubic-bezier(.2,.75,.25,1) both;transform-origin:top right}.demo-presets__toggle strong{font-size:14px;line-height:1.15}.demo-presets__toggle-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#14709c;color:#fff;font-size:16px}.demo-presets__toggle:hover,.demo-presets__actions button:hover,.demo-presets__cycler button:hover,.demo-presets__effect-navigation button:hover,.demo-presets__utility-actions button:hover,.demo-presets__start:hover{border-color:#67bcee85;background:#0d2230}.demo-presets__toggle:hover{transform:translateY(-1px)}.demo-presets__panel{width:min(460px,calc(100vw - 36px));max-height:calc(100dvh - 28px);overflow:auto;padding:18px;border:1px solid rgb(184 204 224 / 20%);border-radius:8px;background:#070b0ff5;box-shadow:0 28px 90px #00000094;scrollbar-color:rgb(116 137 158 / 55%) transparent}.demo-presets__header{position:sticky;top:-18px;z-index:2;display:flex;justify-content:space-between;gap:12px;align-items:start;margin:-18px -18px 14px;padding:18px;border-bottom:1px solid rgb(184 204 224 / 14%);background:#070b0ff5}.demo-presets__active-heading span{color:#68c8f2;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.demo-presets__header h2{margin:0;font-size:20px;line-height:1.1}.demo-presets__close{width:40px;min-width:40px;height:40px;border:1px solid rgb(184 204 224 / 20%);border-radius:8px;background:#071018;color:#f4f7fa;font:inherit;font-size:22px;cursor:pointer}.demo-presets__browser{display:grid;gap:14px}.demo-presets__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.demo-preset-button{position:relative;display:grid;min-width:0}.demo-presets__actions button,.demo-preset-button>button{width:100%;min-height:42px;padding:7px 10px;border:1px solid rgb(170 190 210 / 18%);border-radius:8px;background:#071018;color:#f4f7fa;font:inherit;font-size:11px;font-weight:700;line-height:1.25;text-align:left;cursor:pointer}.demo-preset-button__tooltip{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:calc(200% + 7px);max-width:calc(100vw - 80px);padding:10px 12px;border:1px solid rgb(170 190 210 / 24%);border-radius:8px;background:#050a0ff5;color:#dce5ee;font-size:12px;line-height:1.45;text-align:left;box-shadow:0 14px 40px #0000006b;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease}.demo-preset-button:nth-child(2n) .demo-preset-button__tooltip{right:0;left:auto}.demo-preset-button:nth-last-child(-n+2) .demo-preset-button__tooltip{top:auto;bottom:calc(100% + 8px)}.demo-preset-button--tooltip-open .demo-preset-button__tooltip{opacity:1;transform:translateY(0)}.demo-presets__actions .demo-presets__action-button--active{border-color:#67bcee8a;background:#0d3448e0;color:#dff6ff;box-shadow:inset 3px 0 #62c7f3}.demo-presets__actions button:disabled{cursor:not-allowed;opacity:.5}.demo-presets__active-experience{display:grid;gap:10px;padding-top:16px;border-top:1px solid rgb(184 204 224 / 14%)}.demo-presets__active-heading{display:grid;gap:3px}.demo-presets__active-heading strong{font-size:18px;line-height:1.2}.demo-presets__description{margin:0;color:#9eafbf;font-size:12px;line-height:1.45}.demo-presets__audio-status{margin:0;padding:8px 10px;border:1px solid rgb(255 184 89 / 24%);border-radius:7px;background:#ffb85914;color:#ffe1b0;font-size:11px;line-height:1.4}.demo-presets__scene-selector{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:7px;align-items:end}.demo-presets__scene-selector label{display:grid;gap:4px;min-width:0}.demo-presets__scene-selector label>span{color:#8fa1b4;font-size:10px;font-weight:800;text-transform:uppercase}.demo-presets__scene-selector button,.demo-presets__scene-selector select{min-width:0;min-height:38px;border:1px solid rgb(170 190 210 / 18%);border-radius:7px;background:#071018;color:#f4f7fa;font:inherit}.demo-presets__scene-selector button{padding:0;color:#70d0f5;font-size:16px;cursor:pointer}.demo-presets__scene-selector select{width:100%;padding:0 30px 0 9px;font-size:11px;font-weight:700}.demo-presets__start{min-height:48px;border:1px solid rgb(103 188 238 / 38%);border-radius:8px;background:#0d4165;color:#eefaff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.demo-presets__quick{display:grid;gap:12px}.demo-presets__quick strong{display:block;color:#f4f7fa;font-size:15px;line-height:1.25}.demo-presets__eyebrow{display:block;margin-bottom:3px;color:#8fa1b4;font-size:10px;font-weight:800;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.demo-presets__cycler{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-presets__cycler button{min-height:38px;border:1px solid rgb(170 190 210 / 18%);border-radius:8px;background:#071018;color:#f4f7fa;font:inherit;font-size:18px;font-weight:800;cursor:pointer}.demo-presets__navigator{display:grid;gap:9px;padding:12px;border:1px solid rgb(184 204 224 / 14%);border-radius:8px;background:#ffffff08}.demo-presets__library-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;border:1px solid rgb(184 204 224 / 14%);border-radius:7px;background:#02070b8f}.demo-presets__library-switch button{min-width:0;min-height:32px;padding:0 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:#8295a8;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.demo-presets__library-switch button:hover{color:#eaf7fd}.demo-presets__library-switch button[aria-pressed=true]{border-color:#67bcee52;background:#0d3448d6;color:#dff6ff;box-shadow:inset 0 1px #ffffff0d}.demo-presets__effect-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.demo-presets__position{flex:0 0 auto;padding:4px 7px;border:1px solid rgb(184 204 224 / 14%);border-radius:6px;color:#93a4b5;font-size:10px}.demo-presets__library-select{display:grid;gap:5px;color:#8fa1b4;font-size:10px;font-weight:800;text-transform:uppercase}.demo-presets__library-select select{width:100%;min-height:40px;padding:0 34px 0 10px;border:1px solid rgb(103 188 238 / 28%);border-radius:7px;background:#071018;color:#eef8fc;font:inherit;font-size:12px;font-weight:700;text-transform:none;cursor:pointer}.demo-presets__effect-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo-presets__effect-navigation button{display:grid;gap:4px;min-width:0;min-height:58px;padding:8px 10px;border:1px solid rgb(184 204 224 / 18%);border-radius:8px;background:#071018;color:#f4f7fa;font:inherit;text-align:left;cursor:pointer}.demo-presets__effect-navigation button:last-child{text-align:right}.demo-presets__effect-navigation button span{color:#66c9f4;font-size:10px;font-weight:800;text-transform:uppercase}.demo-presets__effect-navigation button strong{overflow:hidden;font-size:11px;line-height:1.25;text-overflow:ellipsis}.demo-presets__utility-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo-presets__utility-actions button,.demo-presets__details-button{min-height:40px;padding:0 10px;border:1px solid rgb(184 204 224 / 18%);border-radius:8px;background:#071018;color:#dce8f2;font:inherit;font-size:11px;font-weight:750;cursor:pointer}.demo-presets__details-button{border-color:#70dfbd47;color:#a4f4da}.demo-presets__slider{display:grid;gap:6px;color:#c8d2de;font-size:12px;line-height:1.25}.demo-presets__slider input{width:100%;accent-color:#4aa3ff}.demo-fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;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__metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:0}.perf-panel__metrics dt{color:#8fa1b4;font-size:11px;line-height:1.25}.perf-panel__metrics dd{margin:2px 0 0;color:#f3f7fb;font-size:12px;line-height:1.25;overflow-wrap:anywhere}.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}.webcam-hand-debug{display:grid;gap:8px;padding:10px;border:1px solid rgb(170 190 210 / 14%);border-radius:8px;background:#03090d8f}.webcam-hand-debug__header{display:flex;justify-content:space-between;gap:8px;color:#c8d2de;font-size:12px;font-weight:700}.webcam-hand-debug__signal--good{color:#8cffb1}.webcam-hand-debug__signal--low{color:#ff6f75}.webcam-hand-debug__viewport{position:relative;height:128px;overflow:hidden;border:1px solid rgb(170 190 210 / 14%);border-radius:8px;background:linear-gradient(rgb(74 163 255 / 10%) 1px,transparent 1px),linear-gradient(90deg,rgb(74 163 255 / 10%) 1px,transparent 1px),radial-gradient(circle at center,rgb(74 163 255 / 10%),transparent 54%),#03080c;background-size:24px 24px,24px 24px,100% 100%,100% 100%}.webcam-hand-debug__axis{position:absolute;background:#8cffb147}.webcam-hand-debug__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.38;transform:scaleX(-1)}.webcam-hand-debug__axis--x{top:50%;left:0;width:100%;height:1px}.webcam-hand-debug__axis--y{top:0;left:50%;width:1px;height:100%}.webcam-hand-debug__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.webcam-hand-debug__skeleton line{stroke:#8cffb1;stroke-linecap:round;stroke-width:.95}.webcam-hand-debug__skeleton circle{fill:#d8ffe3;stroke:#03090dc2;stroke-width:.42}.webcam-hand-debug__skeleton--2 line{stroke:#74d7ff}.webcam-hand-debug__skeleton--2 circle{fill:#c9f2ff}.webcam-hand-debug__field,.webcam-hand-debug__marker{position:absolute;pointer-events:none;transform:translate(-50%,-50%)}.webcam-hand-debug__field{width:70px;height:70px;border:1px solid rgb(74 163 255 / 86%);border-radius:999px;background:#4aa3ff14}.webcam-hand-debug__marker{width:44px;height:44px}.webcam-hand-debug__palm{position:absolute;top:18px;left:16px;width:12px;height:14px;border:2px solid #8cffb1;border-radius:8px 8px 10px 10px;background:#8cffb138}.webcam-hand-debug__finger{position:absolute;width:3px;height:15px;border-radius:999px;background:#8cffb1;transform-origin:bottom center}.webcam-hand-debug__finger--one{top:7px;left:13px;transform:rotate(-24deg)}.webcam-hand-debug__finger--two{top:3px;left:18px;height:18px}.webcam-hand-debug__finger--three{top:2px;left:23px;height:19px}.webcam-hand-debug__finger--four{top:5px;left:29px;height:16px;transform:rotate(18deg)}.webcam-hand-debug__finger--five{top:18px;left:31px;height:12px;transform:rotate(72deg)}.splat-effect-transport{display:grid;grid-template-columns:1fr 1fr;gap:8px}.splat-effect-transport button:disabled{cursor:not-allowed;opacity:.45}.camera-path-panel__editor-button{width:100%;border-color:#7eb9ff6b;background:#16467473}.cinematic-editor{position:fixed;right:0;bottom:0;left:0;z-index:20;height:320px;padding:12px 18px 10px;border-top:1px solid rgb(163 189 218 / 26%);background:#070b10f5;box-shadow:0 -18px 44px #0006}.cinematic-editor__header,.cinematic-editor__footer,.cinematic-editor__ruler,.cinematic-editor__track{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center}.cinematic-editor__header{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);margin-bottom:10px}.cinematic-editor__eyebrow{display:block;color:#8fa1b4;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cinematic-editor h2{display:flex;gap:12px;align-items:baseline;margin:2px 0 0;color:#f4f7fa;font-size:18px}.cinematic-editor h2 small{color:#9fd3ff;font-size:11px;font-weight:750}.cinematic-editor__transport{display:flex;justify-content:flex-end;gap:8px}.cinematic-editor__transport button,.cinematic-editor__ramp-inspector button,.cinematic-editor__fields button{min-height:34px;padding:6px 10px;font-size:12px}.cinematic-editor__transport button[aria-pressed=true]{border-color:#7dd3fcb3;background:#0e749073;color:#e0f7ff}.cinematic-editor__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.4fr);gap:16px;min-height:210px}.cinematic-editor__body--simple{grid-template-columns:minmax(0,1.65fr) minmax(330px,.7fr)}.cinematic-editor__timeline--simple{align-content:start;gap:10px;overflow:visible}.cinematic-editor__settings-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.cinematic-editor__settings-row label{display:grid;gap:3px;color:#8fa1b4;font-size:10px}.cinematic-editor__settings-row input,.cinematic-editor__settings-row select{width:100%;min-width:0;height:30px;border:1px solid rgb(163 189 218 / 24%);border-radius:5px;background:#071018;color:#eff6ff;font:inherit;padding:0 8px}.cinematic-editor__settings-row input[type=range]{padding:0;accent-color:#68b8ff}.cinematic-editor__timeline-heading{display:flex;gap:16px;align-items:end;justify-content:space-between}.cinematic-editor__timeline-heading>div{display:grid;gap:3px}.cinematic-editor__timeline-heading strong{font-size:14px}.cinematic-editor__timeline-heading span,.cinematic-editor__keyframe-list p{margin:0;color:#8fa1b4;font-size:11px}.cinematic-editor__timeline-heading label{display:grid;grid-template-columns:auto 82px;gap:8px;align-items:center;color:#9fb0c1;font-size:11px}.cinematic-editor__timeline-heading input,.cinematic-editor__fields--pose input{height:32px;border:1px solid rgb(163 189 218 / 24%);border-radius:5px;background:#071018;color:#eff6ff;font:inherit}.cinematic-editor__timeline-heading input{width:82px;padding:0 8px}.cinematic-editor__timeline-control{position:relative;padding:10px 8px 0}.cinematic-editor__timeline-control>input[type=range]{position:relative;z-index:3;width:100%;min-height:34px;margin:0;cursor:ew-resize;accent-color:#fa6272}.cinematic-editor__timeline-markers{position:absolute;top:15px;right:17px;left:17px;z-index:2;height:24px;pointer-events:none}.cinematic-editor__timeline-marker{position:absolute;top:50%;width:10px;height:10px;border:1px solid #fbe084;border-radius:2px;background:#f2c94c;box-shadow:0 0 8px #f2c94c7a;transform:translate(-50%,-50%) rotate(45deg)}.cinematic-editor__timeline-marker--selected{border-color:#e7f5ff;background:#68b8ff}.cinematic-editor__timeline-labels{display:grid;grid-template-columns:1fr auto 1fr;margin-top:2px;color:#8fa1b4;font-size:10px}.cinematic-editor__timeline-labels output{color:#9fd3ff}.cinematic-editor__timeline-labels span:last-child{text-align:right}.cinematic-editor__keyframe-list{display:flex;gap:7px;min-height:48px;overflow-x:auto;padding:2px 0}.cinematic-editor__keyframe-list button{display:grid;grid-template-columns:24px auto;gap:6px;align-items:center;min-width:82px;min-height:42px;padding:5px 8px;border:1px solid rgb(163 189 218 / 20%);border-radius:6px;background:#071018;color:#dce8f5}.cinematic-editor__keyframe-list button[aria-pressed=true]{border-color:#68b8ff;background:#16467485}.cinematic-editor__keyframe-list button strong{display:grid;place-items:center;width:24px;height:24px;border-radius:4px;background:#68b8ff29;font-size:11px}.cinematic-editor__keyframe-list button span{font-size:11px}.cinematic-editor__timeline,.cinematic-editor__inspector{position:relative;min-width:0;padding:10px;border:1px solid rgb(163 189 218 / 17%);border-radius:8px;background:#02060a75}.cinematic-editor__inspector--pose{align-content:start}.cinematic-editor__timeline{display:grid;gap:8px;overflow:hidden}.cinematic-editor__ruler,.cinematic-editor__track{grid-template-columns:116px minmax(0,1fr)}.cinematic-editor__ruler>span,.cinematic-editor__track>span{color:#cdd7e3;font-size:12px;font-weight:750}.cinematic-editor__ruler-scale,.cinematic-editor__lane{position:relative;height:28px;border-radius:4px;background:repeating-linear-gradient(90deg,rgb(163 189 218 / 18%) 0,rgb(163 189 218 / 18%) 1px,transparent 1px,transparent 8.333%),#00000047}.cinematic-editor__ruler-scale{cursor:pointer}.cinematic-editor__ruler-scale span{position:absolute;top:6px;color:#8fa1b4;font-size:10px;transform:translate(-50%)}.cinematic-editor__ruler-scale output{position:absolute;top:-27px;z-index:3;color:#9fd3ff;font-size:11px}.cinematic-editor__lane{height:34px}.cinematic-editor__key{position:absolute;top:50%;width:13px;height:13px;min-height:0;padding:0;border:1px solid #fbe084;border-radius:2px;background:#f2c94c;box-shadow:0 0 11px #f2c94c6b;transform:translate(-50%,-50%) rotate(45deg)}.cinematic-editor__key--selected{border-color:#e7f5ff;background:#68b8ff;box-shadow:0 0 14px #68b8ffbd}.cinematic-editor__lane--ramp{background:#00000047}.cinematic-editor__ramp{position:absolute;top:5px;height:24px;min-height:0;padding:0 4px;border:1px solid rgb(139 178 219 / 28%);border-radius:4px;background:#233f5c5c}.cinematic-editor__ramp--selected{border-color:#f2c94c;background:#735a1857}.cinematic-editor__ramp svg,.cinematic-editor__ramp-option svg{width:100%;height:100%}.cinematic-editor__ramp path,.cinematic-editor__ramp-option path{fill:none;stroke:#f2c94c;stroke-width:2}.cinematic-editor__playhead-input{position:absolute;right:12px;bottom:0;left:128px;z-index:5;width:calc(100% - 140px);height:12px;margin:0;cursor:ew-resize;opacity:0}.cinematic-editor__playhead{position:absolute;top:43px;bottom:13px;z-index:4;width:2px;background:#fa6272;box-shadow:0 0 8px #fa6272bd;pointer-events:none}.cinematic-editor__inspector{display:grid;gap:8px;overflow:auto}.cinematic-editor__inspector-title{display:flex;justify-content:space-between;gap:10px;color:#8fa1b4;font-size:12px}.cinematic-editor__inspector-title strong{color:#f4f7fa}.cinematic-editor__inspector>p{margin:4px 0;color:#8fa1b4;font-size:12px}.cinematic-editor__fields,.cinematic-editor__field-group,.cinematic-editor__ramp-inspector{display:grid;gap:5px}.cinematic-editor__field-group{grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:end}.cinematic-editor__field-group--lens{grid-template-columns:auto minmax(0,1fr) repeat(2,minmax(0,1fr))}.cinematic-editor__field-group>span,.cinematic-editor__ramp-inspector>span{color:#9fb0c1;font-size:11px;font-weight:750}.cinematic-editor__fields label{display:grid;gap:3px;min-width:0;color:#8fa1b4;font-size:10px}.cinematic-editor__fields input{min-width:0;height:28px;border:1px solid rgb(163 189 218 / 22%);border-radius:5px;background:#071018;color:#eff6ff;font:inherit;padding:0 6px}.cinematic-editor__ramp-inspector>div{display:flex;gap:4px}.cinematic-editor__ramp-inspector button{display:grid;flex:1;gap:2px;min-width:0;padding:3px;color:#9fb0c1}.cinematic-editor__ramp-option--selected{border-color:#f2c94c;color:#fbe084!important}.cinematic-editor__ramp-inspector small{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.cinematic-editor__footer{grid-template-columns:minmax(0,1fr) auto;margin-top:8px;color:#8fa1b4;font-size:11px}.cinematic-editor__file-actions{display:flex;gap:6px;align-items:center;justify-content:end}.cinematic-editor__file-actions button,.cinematic-editor__file-actions a{min-height:28px;padding:5px 8px;border:1px solid rgb(163 189 218 / 22%);border-radius:5px;background:#071018b8;color:#dce8f5;font-size:11px;font-weight:750;text-decoration:none}.cinematic-editor__file-actions span{margin-left:2px;color:#8fa1b4}@media(max-width:900px){.cinematic-editor{height:52vh;padding:10px}.app-shell--cinematic canvas{height:48%}.composition-overlay--cinematic{bottom:52vh}.cinematic-editor__body,.cinematic-editor__body--simple{grid-template-columns:1fr}.cinematic-editor__settings-row{grid-template-columns:repeat(2,minmax(0,1fr))}.cinematic-editor__smoothness{grid-column:1 / -1}.cinematic-editor__transport{flex-wrap:wrap;justify-content:start}.cinematic-editor__header{grid-template-columns:1fr;gap:6px}.cinematic-editor__inspector{min-height:140px}.cinematic-editor__file-actions{flex-wrap:wrap;justify-content:start}}.input-debug-monitor{display:grid;gap:6px;min-width:0}.input-debug-monitor__header,.input-debug-monitor__row{display:grid;grid-template-columns:minmax(82px,1fr) minmax(82px,1fr) 72px 54px;gap:6px;align-items:center;min-width:0;font-size:11px}.input-debug-monitor__header{color:#91a4b8;font-weight:750}.input-debug-monitor__row{padding:6px;border:1px solid rgb(163 189 218 / 16%);border-radius:6px;background:#02060a52;color:#dce8f5}.input-debug-monitor__row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-hud,.mobile-controls{display:none}@media(max-width:900px){.mobile-hud{position:fixed;inset:0 0 auto 0;z-index:30;display:block;width:100vw;max-width:100vw;padding:max(8px,env(safe-area-inset-top)) max(10px,calc(env(safe-area-inset-right) + 10px)) 0 max(10px,calc(env(safe-area-inset-left) + 10px));pointer-events:none}.mobile-hud__bar{display:flex;gap:12px;align-items:center;justify-content:space-between;width:min(100%,520px);max-width:100%;min-height:48px;padding:8px 10px 8px 14px;border:1px solid rgb(170 190 210 / 20%);border-radius:8px;background:#060b0fdb;box-shadow:0 12px 30px #00000047;pointer-events:auto}.mobile-hud__bar-copy{display:grid;gap:3px;flex:1 1 auto;min-width:0}.mobile-hud__bar-actions{display:flex;flex:0 0 auto;gap:6px;align-items:center}.mobile-hud__bar strong{font-size:15px}.mobile-hud__bar .app-status{gap:3px}.mobile-hud__bar .app-status strong{display:none}.mobile-hud__bar .app-status span{overflow:hidden;color:#9fb0c1;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.mobile-hud__bar .app-status ul{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;overflow:hidden}.mobile-hud__bar .app-status li{max-width:100%;padding:3px 7px;font-size:10px}.mobile-hud__bar .app-status li:nth-child(n+2){display:none}.mobile-hud button,.mobile-hud select{min-width:0;min-height:44px;border:1px solid rgb(170 190 210 / 22%);border-radius:7px;background:#071018;color:#f4f7fa;font:inherit}.mobile-hud__bar button{flex:0 0 auto;min-width:62px;min-height:38px;padding:0 10px}.mobile-hud__bar .mobile-hud__demo-button{border-color:#5fc4ff;background:#0d4165;color:#e9f8ff;font-weight:700;box-shadow:0 0 16px #3aaeef3d}.mobile-hud__bar .mobile-hud__demo-button[aria-current=page]{border-color:#77e2ae;background:#125339;color:#dffff0}.mobile-hud__sheet{display:flex;flex-direction:column;width:min(100%,520px);max-width:100%;max-height:min(72dvh,620px);margin-top:6px;overflow:hidden;border:1px solid rgb(170 190 210 / 20%);border-radius:8px;background:#060b0ff0;box-shadow:0 18px 46px #00000061;pointer-events:auto}.mobile-hud__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;border-bottom:1px solid rgb(170 190 210 / 14%)}.mobile-hud__tabs button{min-width:0;min-height:38px;padding:0 4px;border-color:transparent;background:transparent;color:#91a2b5;font-size:11px;line-height:1.1;overflow-wrap:anywhere}.mobile-hud__tabs button[aria-current=page]{background:#12334d;color:#fff}.mobile-hud__content{overflow:auto;overscroll-behavior:contain;padding:14px;min-width:0}.mobile-hud__section{display:grid;gap:12px}.mobile-hud__section label{display:grid;gap:6px;color:#b8c5d2;font-size:12px;font-weight:700}.mobile-hud__section select{width:100%;padding:0 12px}.mobile-hud__button-row{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:8px;min-width:0}.mobile-hud__button-row--two{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-hud__button-row button,.mobile-hud__wide-button,.mobile-hud__demo-list button{padding:0 12px;overflow-wrap:anywhere}.mobile-hud__wide-button{width:100%}.mobile-hud__primary-action{width:100%;border-color:#5fc4ff94!important;background:linear-gradient(135deg,#0d4165eb,#0a1c2af5)!important;color:#e9f8ff!important;font-weight:800!important;box-shadow:0 0 18px #3aaeef33}.mobile-hud .is-selected{border-color:#4ea8ec;background:#12334d}.mobile-hud__toggle{grid-template-columns:auto 1fr!important;align-items:center;min-height:32px}.mobile-hud__toggle input{width:20px;height:20px}.mobile-hud__toggle--on{color:#68f09a!important}.mobile-hud__toggle--off{color:#ff747b!important}.mobile-hud__effect-title{display:grid;gap:3px;min-height:42px}.mobile-hud__effect-title span{color:#7f91a4;font-size:10px;font-weight:800;text-transform:uppercase}.mobile-hud__effect-title strong{font-size:15px;line-height:1.25}.mobile-hud__slider{gap:8px!important}.mobile-hud__slider input{width:100%;min-height:28px}.mobile-hud__demo-list{display:block}.mobile-hud__demo-list .demo-presets__browser{gap:16px}.mobile-hud__demo-list .demo-presets__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-hud__demo-list .demo-preset-button>button{min-height:48px;padding:8px 10px}.mobile-hud__demo-list .demo-preset-button__tooltip{display:none}.mobile-hud__demo-list .demo-presets__active-experience{gap:12px}.mobile-hud__demo-list .demo-presets__description{font-size:12px}.mobile-hud__demo-list .demo-presets__navigator{padding:10px}.mobile-hud__demo-list .demo-presets__effect-navigation button{min-height:66px;padding:8px}.mobile-hud__demo-list .demo-presets__effect-navigation button strong{overflow:visible;text-overflow:clip}.mobile-hud__demo-list .demo-presets__utility-actions{grid-template-columns:1fr}.mobile-hud__note{margin:0;color:#8fa1b4;font-size:11px;line-height:1.4}.mobile-hud__debug-details{min-width:0;padding-top:12px;border-top:1px solid rgb(163 189 218 / 14%)}.mobile-hud__debug-details summary{min-height:44px;color:#dce8f5;font-size:13px;font-weight:750;line-height:44px;cursor:pointer}.mobile-hud__debug-details .input-debug-monitor{padding-top:8px}.mobile-hud__debug-details .input-debug-monitor__header,.mobile-hud__debug-details .input-debug-monitor__row{grid-template-columns:minmax(72px,1fr) minmax(72px,1fr) 60px 44px;gap:4px;font-size:10px}.help-about{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));bottom:auto;z-index:42}.help-about__button{width:44px;height:44px;border-radius:8px;writing-mode:horizontal-tb}.help-about__panel{top:max(72px,calc(env(safe-area-inset-top) + 64px));bottom:max(12px,env(safe-area-inset-bottom));width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - max(72px,calc(env(safe-area-inset-top) + 64px)) - max(12px,env(safe-area-inset-bottom)));margin:0 auto;border-radius:8px}.mobile-hud__bar-actions{padding-right:50px}.mobile-controls{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));z-index:20;display:grid;grid-template-columns:116px 48px 116px;gap:clamp(12px,8vw,52px);align-items:end;justify-content:space-between;pointer-events:none}.mobile-controls__cluster{display:grid;gap:4px;justify-items:center;color:#ffffff94;font-size:10px;font-weight:700;text-transform:uppercase;pointer-events:auto}.mobile-stick{position:relative;width:116px;height:116px;border:1px solid rgb(210 230 245 / 24%);border-radius:50%;background:#050a0e66;box-shadow:inset 0 0 24px #00000047;touch-action:none}.mobile-stick:before,.mobile-stick:after{position:absolute;background:#dcebf81a;content:""}.mobile-stick:before{top:50%;right:12px;left:12px;height:1px}.mobile-stick:after{top:12px;bottom:12px;left:50%;width:1px}.mobile-stick__thumb{position:absolute;top:calc(50% - 22px);left:calc(50% - 22px);width:44px;height:44px;border:1px solid rgb(225 241 255 / 42%);border-radius:50%;background:#1b5c8ac2;box-shadow:0 4px 12px #00000047;pointer-events:none}.mobile-controls__elevation{display:grid;gap:8px;pointer-events:auto}.mobile-controls__elevation button{width:48px;height:48px;border:1px solid rgb(210 230 245 / 24%);border-radius:50%;background:#050a0e94;color:#fff;font-size:22px;touch-action:none}.mobile-controls__elevation button:focus-visible{outline:3px solid #74d7ff;outline-offset:3px}}@media(prefers-reduced-motion:reduce){.desktop-hud:not(.desktop-hud--collapsed),.demo-presets__panel,.demo-presets__toggle,.help-about__panel,.mobile-hud__sheet{animation:none}.help-about__button{transition:none}.help-about__button:hover{transform:none}}@media(max-width:900px)and (orientation:portrait){.mobile-hud__sheet{max-height:min(62dvh,620px)}.mobile-controls{grid-template-columns:104px 44px 104px;gap:10px}.mobile-stick{width:104px;height:104px}.mobile-controls__elevation button{width:44px;height:44px}}