:root{--bg:#161617;--panel:#1f1f21;--raised:#2c2c2e;--hover:#3a3a3c;--line:#333336;--tick:#4a4a4e;--text:#f5f5f7;--muted:#8e8e93;--accent:#0071e3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}.app{flex-direction:column;gap:16px;max-width:1120px;margin:0 auto;padding:24px;display:flex}.preview{aspect-ratio:16/9;background:#000;border-radius:14px;place-items:center;width:min(100%,81.7778vh);margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000073,0 0 0 1px #ffffff0d}.label{letter-spacing:-.02em;color:#000000c7;font-size:clamp(24px,4.5vw,52px);font-weight:600}.caption{color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1414169e;border-radius:999px;align-items:center;gap:10px;padding:8px 18px;font-size:17px;font-weight:500;display:flex;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.caption:before{content:"";background:var(--c);border-radius:50%;width:8px;height:8px}.time{font-variant-numeric:tabular-nums;color:#fff;background:#00000073;border-radius:8px;padding:4px 10px;font-size:13px;position:absolute;top:12px;right:14px}.toolbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.group{align-items:center;gap:6px;display:flex}.group:last-child{justify-content:flex-end}button{font:inherit;color:var(--text);background:var(--raised);white-space:nowrap;cursor:pointer;border:0;border-radius:8px;padding:7px 12px;font-size:13px}button:hover:not(:disabled){background:var(--hover)}button:disabled{opacity:.4;cursor:default}button.icon{width:30px;padding:7px 0}.play{background:var(--accent);border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;box-shadow:0 4px 14px #0071e359}.play:hover:not(:disabled){background:#0077ed}.play svg{fill:#fff;width:20px;height:20px}.sep{background:var(--line);width:1px;height:18px;margin:0 4px}.zoom{text-align:center;min-width:58px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.timeline{background:var(--panel);-webkit-user-select:none;user-select:none;border-radius:14px;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000059,0 0 0 1px #ffffff0a}.heads{border-right:1px solid var(--line);flex:0 0 84px}.corner{border-bottom:1px solid var(--line);height:28px}.head{height:64px;color:var(--muted);cursor:pointer;align-items:center;padding-left:14px;font-size:12px;font-weight:600;display:flex}.head.active{color:var(--text);box-shadow:inset 2px 0 0 var(--accent);background:#ffffff08}.scroller{flex:1;overflow:auto hidden}.content{min-width:100%;position:relative}.ruler{border-bottom:1px solid var(--line);cursor:pointer;background:repeating-linear-gradient(90deg, var(--tick) 0 1px, transparent 1px var(--minor)) bottom / 100% 6px no-repeat;height:28px;position:relative}.ruler span{border-left:1px solid var(--tick);height:100%;color:var(--muted);font-variant-numeric:tabular-nums;pointer-events:none;padding:5px 0 0 4px;font-size:10px;position:absolute;top:0}.lane{height:64px;position:relative}.lane+.lane{border-top:1px solid #ffffff0a}.clip{color:#000000c7;white-space:nowrap;cursor:grab;touch-action:none;border-radius:7px;align-items:center;padding:0 10px;font-size:12px;font-weight:600;display:flex;position:absolute;top:8px;bottom:8px;overflow:hidden;box-shadow:0 1px 3px #00000059}.clip span{text-overflow:ellipsis;pointer-events:none;overflow:hidden}.clip.selected{z-index:2;box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--accent)}.clip.invalid{z-index:3;opacity:.6;background-image:repeating-linear-gradient(45deg,#00000040 0 6px,#0000 6px 12px)!important}.h{cursor:ew-resize;width:8px;position:absolute;top:0;bottom:0}.h.l{left:0}.h.r{right:0}.clip.selected .h:after{content:"";background:#0006;border-radius:1px;width:2px;position:absolute;top:32%;bottom:32%;left:3px}.playhead{z-index:5;background:var(--accent);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.playhead:before{content:"";background:var(--accent);border-radius:3px 3px 6px 6px;width:12px;height:12px;position:absolute;top:0;left:-5px}.snapline{z-index:4;opacity:.85;pointer-events:none;background:#fff;width:1px;position:absolute;top:28px;bottom:0}.status{color:var(--muted);font-variant-numeric:tabular-nums;padding:0 4px;font-size:12px}@media (max-width:720px){.app{padding:16px}.toolbar{flex-wrap:wrap;justify-content:center;display:flex}.group{flex-wrap:wrap;justify-content:center}.heads{flex-basis:64px}}