:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--glass:#0e0d12a8;--glass-strong:#100f14eb;--line:#ffffff17;--fg:#efece8;--dim:#9a958f;--accent:#ff7a45;--accent-soft:#ff7a4529;--radius:18px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);-webkit-tap-highlight-color:transparent;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}[hidden],body.still>:not(#view){display:none!important}html,body{height:100%;color:var(--fg);overscroll-behavior:none;background:#000;margin:0;overflow:hidden}button{font:inherit;color:inherit}#view{object-fit:contain;touch-action:none;background:#000;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#hud{left:12px;top:calc(12px + var(--safe-t));pointer-events:none;position:fixed}#dock,#timeline,.lil-gui.lil-root,#advanced-close{transition:opacity .35s}body.idle #dock,body.idle #timeline,body.ui-hidden #dock,body.ui-hidden #timeline,body.ui-hidden #hud{opacity:0;pointer-events:none}#welcome{padding:calc(24px + var(--safe-t)) 20px calc(24px + var(--safe-b));box-sizing:border-box;text-align:center;text-shadow:0 1px 8px #000;background:radial-gradient(at 50% 45%,#0000009e,#00000059 70%);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:fixed;inset:0;overflow-y:auto}#welcome h1{letter-spacing:.32em;text-transform:uppercase;text-shadow:0 2px 16px #000;margin:0;font-size:clamp(22px,6vw,42px);font-weight:250}#welcome .lede{color:var(--dim);margin:4px 0 22px;font-size:15px}.sources{flex-direction:column;gap:10px;width:min(420px,100%);display:flex}.source{text-align:left;background:var(--glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:center;gap:14px;min-height:64px;padding:14px 16px;transition:transform .12s,border-color .2s;display:flex}.source:hover{border-color:#ffffff38}.source:active{transform:scale(.98)}.source strong{font-size:16px;font-weight:600;display:block}.source small{color:var(--dim);margin-top:2px;font-size:13px;display:block}.source .icon{background:#ffffff12;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:17px;display:grid}.source.primary{color:#120804;background:linear-gradient(135deg,#ff7a45f2,#ff4f8ce6);border-color:#0000;min-height:84px}.source.primary small{color:#120804b8}.source.primary strong{font-size:19px}.source.primary .icon{color:#fff;background:#0000002e;width:48px;height:48px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.06);box-shadow:0 0 0 10px #fff0}0%,to{box-shadow:0 0 #ffffff59}}#library{border-radius:var(--radius);background:var(--glass);border:1px solid var(--line);min-height:48px;color:var(--fg);font:inherit;padding:0 14px}#welcome .hint{max-width:420px;color:var(--dim);margin:14px 0 0;font-size:12px;line-height:1.9}#welcome .keys{display:none}@media (hover:hover) and (pointer:fine){#welcome .keys{display:block}}kbd{border:1px solid #555;border-radius:4px;margin:0 1px;padding:1px 5px;font-family:inherit;font-size:11px}#dock{left:50%;bottom:calc(12px + var(--safe-b));box-sizing:border-box;background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.2);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:4px;width:min(640px,100vw - 20px);padding:8px;font-size:13px;display:flex;position:fixed;transform:translate(-50%)}#transport{font-variant-numeric:tabular-nums;min-height:36px;color:var(--dim);align-items:center;gap:10px;padding:2px 6px;display:flex}.round{all:unset;cursor:pointer;background:var(--accent);color:#000;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:13px;display:grid}#seek{min-width:40px;accent-color:var(--accent);flex:1;height:28px}#track-name{text-overflow:ellipsis;white-space:nowrap;max-width:34%;overflow:hidden}#live-label{color:var(--fg);align-items:center;gap:8px;font-weight:500;display:none}#live-label .dot{background:#ff4f5a;border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite blink;box-shadow:0 0 10px #ff4f5a}@keyframes blink{50%{opacity:.35}}#dock.live #time,#dock.live #duration,#dock.live #seek{display:none}#dock.live #live-label{display:inline-flex}#dock.live #track-name{text-align:right;flex:1;max-width:none}#actions{align-items:stretch;gap:4px;display:flex}#actions button{cursor:pointer;background:#ffffff0a;border:0;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:52px;padding:4px 2px;transition:background .15s;display:flex}#actions button:hover{background:#ffffff17}#actions button:active{background:#ffffff24}#actions small{color:var(--dim);letter-spacing:.02em;font-size:11px}#actions .glyph{font-size:18px;line-height:1}#actions .scene-step{color:var(--dim);flex:0 0 34px;font-size:24px}#actions .scene-name{flex:2.2}#scene-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;font-weight:600;overflow:hidden}#actions .toggle[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}#actions .toggle[aria-pressed=true] small{color:var(--accent)}#timeline{left:50%;bottom:calc(132px + var(--safe-b));cursor:pointer;touch-action:none;width:min(640px,100vw - 20px);height:46px;position:fixed;transform:translate(-50%)}body:not(.advanced) #timeline{display:none}#status{left:50%;top:calc(14px + var(--safe-t));z-index:20000;background:var(--glass-strong);border:1px solid var(--line);box-sizing:border-box;white-space:pre-wrap;text-align:center;border-radius:14px;max-width:min(560px,100vw - 32px);padding:10px 16px;font-size:13px;line-height:1.4;position:fixed;transform:translate(-50%)}#status.error{color:#ffb4a8;border-color:#ff786466}#drop{z-index:30000;border:3px dashed var(--accent);background:#0009;place-items:center;font-size:26px;display:grid;position:fixed;inset:0}.sheet-backdrop{z-index:10000;background:#00000073;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}.sheet{overscroll-behavior:contain;box-sizing:border-box;width:min(720px,100vw);max-height:82dvh;padding:10px 18px calc(22px + var(--safe-b));background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;animation:.25s cubic-bezier(.2,.8,.2,1) rise;overflow-y:auto}.sheet:before{content:"";background:#fff3;border-radius:2px;width:40px;height:4px;margin:0 auto 8px;display:block}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}@keyframes fade{0%{opacity:0}}@media (width>=760px){.sheet-backdrop{align-items:center}.sheet{border-bottom:1px solid var(--line);border-radius:22px;padding-bottom:22px}.sheet:before{display:none}}.sheet header{z-index:1;background:var(--glass-strong);justify-content:space-between;align-items:center;margin:0 -18px;padding:4px 18px 8px;display:flex;position:sticky;top:-10px}.sheet h2{margin:0;font-size:18px;font-weight:600}.sheet h3{text-transform:uppercase;letter-spacing:.12em;color:var(--dim);margin:22px 0 10px;font-size:12px;font-weight:600}.sheet .sub{color:var(--dim);margin:0 0 14px;font-size:13px}.sheet .close{cursor:pointer;background:#ffffff12;border:0;border-radius:50%;width:40px;height:40px;font-size:15px}#browser .grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}@media (width<=520px){#browser .grid{grid-template-columns:repeat(2,1fr);gap:10px}}#browser .thumb{cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;font-size:13px;font-weight:500;display:flex}#browser .thumb img{aspect-ratio:16/9;object-fit:cover;outline-offset:2px;background:#111;border-radius:12px;outline:2px solid #0000;width:100%;height:auto;transition:outline-color .15s}#browser .thumb:hover img,#browser .thumb:focus-visible img,#browser .thumb.current img{outline-color:var(--accent)}.row{border-top:1px solid var(--line);align-items:center;gap:14px;min-height:48px;display:flex}.row:first-of-type{border-top:0}.row label,.row .label{flex:1;font-size:15px}.row label small,.row .label small{color:var(--dim);margin-top:1px;font-size:12px;display:block}.row input[type=range]{min-width:0;accent-color:var(--accent);flex:1.3;height:32px}.switch{appearance:none;cursor:pointer;background:#ffffff29;border-radius:15px;flex:none;width:50px;height:30px;margin:0;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(20px)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:20px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;display:inline-flex}.chip.on{border-color:var(--accent);background:var(--accent-soft)}.chip .swatch{border-radius:6px;width:28px;height:12px}.buttons{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.btn{border:1px solid var(--line);cursor:pointer;text-align:center;background:#ffffff12;border-radius:14px;min-height:46px;padding:0 14px;font-size:14px}.btn:hover{background:#ffffff1f}.btn.accent{background:var(--accent);color:#120804;border-color:#0000;font-weight:600}body:not(.advanced) .lil-gui.lil-root{display:none}.lil-gui.lil-root{--background-color:#0e0d12e6;--title-background-color:#1e1c22f2;--widget-color:#ffffff14;--hover-color:#ffffff24;--focus-color:#ffffff2e;--number-color:var(--accent);--string-color:#ffc39e;--font-family:"Inter", "Segoe UI", system-ui, sans-serif;max-height:calc(100vh - 70px - var(--safe-t));z-index:9000;border-radius:12px;overflow-y:auto;top:calc(56px + var(--safe-t))!important}#advanced-close{top:calc(10px + var(--safe-t));z-index:9001;background:var(--accent);color:#120804;cursor:pointer;border:0;border-radius:19px;min-height:38px;padding:0 18px;font-weight:600;position:fixed;right:15px}@media (width<=700px){.lil-gui.lil-root{--widget-height:30px;--font-size:13px;--input-font-size:15px;width:auto!important;left:8px!important;right:8px!important}body.advanced #dock{display:none}}