: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}.app-shell--cinematic canvas{height:calc(100% - 388px)}.desktop-hud--cinematic-hidden{display:none}.composition-overlay--cinematic{bottom:388px}.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:0;border:0;border-radius:14px;background:transparent;box-shadow:none}.desktop-hud__topbar{position:relative;z-index:1;display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin:-20px -20px 20px;padding:20px 20px 18px;background:linear-gradient(#080c10f5,#080c10db)}.desktop-hud--collapsed .desktop-hud__topbar{position:static;margin:0;padding:0;background:transparent}.desktop-hud__title{display:grid;gap:8px;min-width:0}.desktop-hud__title h1{margin:0;font-size:24px;line-height:1.1}.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:999px;font-size:18px;line-height:1}.desktop-hud--collapsed .desktop-hud__collapse-button{width:46px;min-width:46px;height:46px;min-height:46px;border-color:#aabed23d;background:#080c10bd;color:#f4f7fa;box-shadow:0 14px 38px #0000004d,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.desktop-hud--collapsed .desktop-hud__collapse-button:hover{border-color:#7eebc757;background:#0c161cdb;color:#dffff6}.desktop-hud__facts{display:grid;gap:10px;margin:0 0 18px;padding-top:2px}.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: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__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:50%;right:0;z-index:40;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;pointer-events:none;transform:translateY(-50%)}.help-about__button{display:grid;place-items:center;width:42px;height:88px;border:1px solid rgb(170 190 210 / 20%);border-right:0;border-radius:10px 0 0 10px;background:#080c10e5;color:#f4f7fa;font:inherit;font-size:20px;font-weight:900;cursor:pointer;pointer-events:auto;box-shadow:0 12px 36px #00000052;writing-mode:horizontal-tb}.help-about--open{top:76px;align-items:start;transform:none}.help-about__button:hover,.help-about__close:hover{background:#102233}.help-about__panel{position:relative;width:min(440px,calc(100vw - 78px));max-height:min(720px,calc(100vh - 96px));margin:0;overflow:auto;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}.help-about__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgb(170 190 210 / 14%)}.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__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:20px;right:72px;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,.demo-presets__cycler button:hover{background:#102233}.demo-presets__panel{width:min(340px,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-preset-button{position:relative;display:grid;min-width:0}.demo-presets__actions button,.demo-preset-button>button{min-height:40px;border:1px solid rgb(170 190 210 / 18%);border-radius:8px;background:#071018;color:#f4f7fa;font:inherit;cursor:pointer}.demo-preset-button__tooltip{position:absolute;top:50%;right:calc(100% + 12px);z-index:30;width:min(300px,calc(100vw - 420px));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:translate(6px,-50%);transition:opacity .12s ease,transform .12s ease}@media(hover:hover)and (pointer:fine){.demo-preset-button:hover .demo-preset-button__tooltip,.demo-preset-button:focus-within .demo-preset-button__tooltip{opacity:1;transform:translateY(-50%)}}.demo-presets__actions .demo-presets__action-button--active{border-color:#6dff9d73;background:#0e241ad6;color:#8cffb1}.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-presets__quick{display:grid;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid rgb(170 190 210 / 14%)}.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:.08em;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__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: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__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__keyframes{display:grid;gap:8px}.camera-path-panel__keyframe{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:end;padding:8px;border:1px solid rgb(170 190 210 / 14%);border-radius:8px;background:#03090d6b}.camera-path-panel__keyframe strong,.camera-path-panel__keyframe span,.camera-path-panel__keyframe label{display:block}.camera-path-panel__keyframe strong{color:#f4f7fa;font-size:12px}.camera-path-panel__keyframe span,.camera-path-panel__keyframe label{color:#8fa1b4;font-size:11px}.camera-path-panel__keyframe input{width:68px;min-height:34px;border:1px solid rgb(170 190 210 / 18%);border-radius:8px;background:#071018;color:#f4f7fa;font:inherit;padding:0 8px}.camera-path-panel__keyframe select{width:110px;min-height:34px;border:1px solid rgb(170 190 210 / 18%);border-radius:8px;background:#071018;color:#f4f7fa;font:inherit;padding:0 8px}.camera-path-panel__output{display:grid;gap:10px;padding:10px;border:1px solid rgb(170 190 210 / 14%);border-radius:8px;background:#03090d5c}.camera-path-panel__output h3{margin:0;color:#f4f7fa;font-size:13px}.camera-path-panel__output-grid,.camera-path-panel__guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.camera-path-panel__output label,.camera-path-panel__toggle{display:grid;gap:6px;color:#9fb0c1;font-size:12px;font-weight:700}.camera-path-panel__output select{min-height:36px;border:1px solid rgb(170 190 210 / 18%);border-radius:8px;background:#071018;color:#f4f7fa;font:inherit;padding:0 8px}.camera-path-panel__toggle{grid-template-columns:auto 1fr;align-items:center}.camera-path-panel__toggle--on span{color:#6dff9d}.camera-path-panel__toggle--off span{color:#ff6f75}.camera-track-editor{display:grid;gap:7px;padding:10px;border:1px solid rgb(170 190 210 / 14%);border-radius:8px;background:#03090d52}.camera-track-editor__ruler,.camera-track-editor__row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px;align-items:center}.camera-track-editor__ruler{color:#7f91a4;font-size:10px}.camera-track-editor__ruler span:last-child{justify-self:end}.camera-track-editor__label{color:#c8d2de;font-size:11px;font-weight:700}.camera-track-editor__lane{position:relative;height:18px;border-radius:999px;background:repeating-linear-gradient(90deg,rgb(170 190 210 / 14%) 0,rgb(170 190 210 / 14%) 1px,transparent 1px,transparent 24px),#00000038}.camera-track-editor__dot{position:absolute;top:50%;width:9px;height:9px;border:1px solid #d8e8ff;border-radius:999px;background:#f2cf56;box-shadow:0 0 12px #f2cf5670;transform:translate(-50%,-50%)}.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:388px;padding:14px 20px 12px;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(180px,.6fr) minmax(0,1.4fr);margin-bottom:12px}.cinematic-editor__eyebrow{display:block;color:#8fa1b4;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cinematic-editor h2{margin:2px 0 0;color:#f4f7fa;font-size:19px}.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:260px}.cinematic-editor__timeline,.cinematic-editor__inspector{position:relative;min-width:0;padding:12px;border:1px solid rgb(163 189 218 / 17%);border-radius:8px;background:#02060a75}.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:6px}.cinematic-editor__field-group{grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:end}.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{margin-top:8px;color:#8fa1b4;font-size:11px}.cinematic-editor__footer span:last-child{justify-self:end}@media(max-width:900px){.cinematic-editor{height:46vh;padding:10px}.app-shell--cinematic canvas{height:54%}.composition-overlay--cinematic{bottom:46vh}.cinematic-editor__body{grid-template-columns:1fr}.cinematic-editor__inspector{display:none}.cinematic-editor__transport{flex-wrap:wrap}.cinematic-editor__header{grid-template-columns:1fr;gap:6px}}.camera-path-panel__download{display:block;padding:10px 12px;border:1px solid rgb(140 255 177 / 28%);border-radius:8px;background:#8cffb114;color:#8cffb1;font-size:12px;font-weight:700;text-align:center;text-decoration:none}.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 .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{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-hud__demo-list .demo-preset-button>button{min-height:54px}.mobile-hud__demo-list .demo-preset-button:last-child:nth-child(odd){grid-column:1 / -1}.mobile-hud__demo-list .demo-preset-button__tooltip{display:none}.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:auto;right:max(10px,env(safe-area-inset-right));bottom:calc(max(12px,env(safe-area-inset-bottom)) + 128px);z-index:42;grid-template-columns:1fr;justify-items:end;transform:none}.help-about__button{width:46px;height:46px;border-right:1px solid rgb(170 190 210 / 20%);border-radius:999px;writing-mode:horizontal-tb}.help-about__panel{width:min(100vw - 24px,520px);max-height:min(72dvh,620px);border-radius:8px}.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}}@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}}