:root{--bg:#0c0c0e;--fg:#ececf0;--muted:#8a8a95;--accent:#fff;--panel:#141418d1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;font:13px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#stage{place-items:center;display:grid;position:fixed;inset:0}#view{display:block}.chrome{transition:opacity .25s}body.clean .chrome,body.clean .lil-gui{opacity:0;pointer-events:none}#hud{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;align-items:center;gap:8px;max-width:calc(100vw - 280px);padding:6px 8px;display:flex;position:fixed;top:12px;left:12px}.brand{letter-spacing:.04em;padding:0 6px 0 2px;font-weight:600}.muted{color:var(--muted)}#track{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}button{font:inherit;color:var(--fg);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:7px;padding:5px 10px}button:hover:not(:disabled){background:#ffffff29}button:disabled{opacity:.4;cursor:default}#play{width:34px;padding:5px 0}#timeline{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-variant-numeric:tabular-nums;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;display:flex;position:fixed;bottom:12px;left:12px;right:12px}#bar{cursor:pointer;flex:1;height:14px;position:relative}#bar:before,#progress{border-radius:2px;height:3px;margin-top:-1.5px;position:absolute;top:50%;left:0}#bar:before{content:"";background:#ffffff26;right:0}#progress{background:var(--accent);width:0}#drop{z-index:10;background:#0009;border:2px dashed #ffffff80;place-items:center;font-size:22px;display:none;position:fixed;inset:0}body.dragging #drop{display:grid}#busy{z-index:20;background:#00000059;place-items:center;display:grid;position:fixed;inset:0}#busy[hidden]{display:none}#busy .panel{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;gap:10px;width:min(360px,100vw - 32px);padding:16px;display:grid}.meter{background:#ffffff26;border-radius:2px;height:4px;overflow:hidden}#busy-bar{background:var(--accent);width:0;height:100%}#busy-cancel{justify-self:end}
