:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--panel:#faf9fb;--border:#e5e4e7;--accent:#aa3bff;--accent-bg:#aa3bff1a;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--panel:#1d1e26;--border:#2e303a;--accent:#c084fc;--accent-bg:#c084fc26;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}*{box-sizing:border-box}body{margin:0}#app{width:960px;max-width:100%;min-height:100svh;margin:0 auto;padding:32px 20px 80px}header{text-align:center;margin-bottom:32px}#app.has-seq header{display:none}header h1{letter-spacing:-1px;color:var(--text-h);margin:0 0 8px;font-size:40px;font-weight:600}header p{margin:0}#stage{flex-direction:column;gap:24px;display:flex}.empty{text-align:center;border:2px dashed var(--border);color:var(--text);border-radius:12px;padding:64px 20px}.seq{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.seq-bar{border-bottom:1px solid var(--border);font:13px/1 var(--mono);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.seq-label{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seq-shift{flex:none;gap:6px;display:flex}.seq-shift[hidden]{display:none}.seq-shift button{font:12px/1 var(--mono);border:1px solid var(--border);background:var(--bg);color:var(--text-h);cursor:pointer;border-radius:6px;padding:5px 9px}.seq-shift button:hover{border-color:var(--accent);color:var(--accent)}.seq-scale{border-top:1px solid var(--border);font:13px/1 var(--mono);color:var(--text);white-space:nowrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.seq-scale[hidden]{display:none}.seq-scale input[type=range]{accent-color:var(--accent);flex:1}.seq-scale-val{text-align:right;min-width:44px;color:var(--text-h)}.seq-canvas{cursor:ew-resize;touch-action:none;background:repeating-conic-gradient(#0000000d 0% 25%,#0000 0% 50%) 50%/24px 24px;outline:none;width:100%;max-height:70svh;display:block}.seq-canvas.dragging{cursor:grabbing}.seq-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.seq-track{background:var(--border);cursor:pointer;touch-action:none;height:6px}.seq-progress{background:var(--accent);width:0;height:100%}#dropzone[hidden]{display:none}#dropzone{z-index:100;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}#dropzone span{border:3px dashed var(--accent);color:var(--accent);background:var(--accent-bg);border-radius:16px;padding:32px 48px;font-size:20px}