:root{--bg:#12141cd1;--line:#ffffff1a;--fg:#e8e6f0;--muted:#9a98a8;--accent:#f0b64a;color:var(--fg);font:13px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#0c0d12;height:100%;margin:0;overflow:hidden}#viewport{outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#toolbar{background:var(--bg);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;max-width:calc(100vw - 280px);padding:6px 10px;display:flex;position:fixed;top:10px;left:10px}.brand{letter-spacing:.08em;color:var(--accent);font-weight:800}a.play-link{font:inherit;color:#1a1408;background:var(--accent);border-radius:6px;padding:4px 10px;font-weight:700;text-decoration:none}a.play-link:hover{filter:brightness(1.06)}.brand span{color:var(--muted);letter-spacing:0;margin-left:6px;font-weight:500}.group{border-left:1px solid var(--line);align-items:center;gap:6px;padding-left:10px;display:flex}.lbl{color:var(--muted)}.anim-bar{border-left:none;border-top:1px solid var(--line);flex-basis:100%;padding-top:6px;padding-left:0}.anim-bar #anim-clip{max-width:340px}.anim-bar #anim-model{max-width:220px}.anim-bar #anim-play{min-width:38px}.anim-bar #anim-speed-val{font-variant-numeric:tabular-nums;min-width:44px}button,select{font:inherit;color:var(--fg);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:6px;padding:4px 9px}button:hover,select:hover{background:#ffffff1f}button.accent{background:var(--accent);color:#1a1408;border-color:#0000;font-weight:600}select option{background:#1b1d27}#help{color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:8px;max-width:calc(100vw - 280px);padding:5px 10px;font-size:12px;position:fixed;bottom:10px;left:10px}#help b{color:var(--fg);font-weight:600}#gallery{gap:6px;max-width:calc(100vw - 280px);display:flex;position:fixed;bottom:44px;left:10px;overflow-x:auto}#gallery img{border:1px solid var(--line);cursor:zoom-in;border-radius:6px;height:64px}.hidden{display:none!important}#drop-overlay{pointer-events:none;border:3px dashed var(--accent);background:#f0b64a1f;justify-content:center;align-items:center;font-size:22px;font-weight:600;display:none;position:fixed;inset:0}#drop-overlay.show{display:flex}#toast{background:var(--bg);border:1px solid var(--line);opacity:0;pointer-events:none;text-align:center;border-radius:8px;max-width:70vw;padding:8px 14px;transition:opacity .2s;position:fixed;top:130px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}.lil-gui.root{--width:290px;max-height:100vh;overflow-y:auto}