:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--purple:#7c3aed;--purple-dark:#5b21b6;--violet:#a855f7;--orange:#faa634;--red:#dc2626;--green:#15803d;--ink:#1f2937;--muted:#64748b;--border:#ddd6fe;--pale:#f5f0ff;--surface:#fff;--radius:10px;--shadow:0 16px 34px #7c3aed24;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.spectrum{background:linear-gradient(90deg,#7c3aed 0 32%,#a855f7 32% 52%,#f97316 52% 64%,#ef4444 64% 76%,#6d28d9 76% 88%,#22c55e 88% 96%,#facc15 96%);height:12px}.app{grid-template-rows:auto auto auto 1fr auto;min-height:calc(100vh - 12px);display:grid}.site-header{border-bottom:2px solid var(--pale);justify-content:space-between;align-items:center;gap:18px;padding:14px 20px;display:flex}.title-block{gap:2px;display:grid}.eyebrow{color:var(--violet);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:900}.site-header h1{color:var(--purple);margin:0;font-size:clamp(1.55rem,3vw,2.4rem);line-height:1}.project-title{width:min(420px,75vw);color:var(--ink);background:0 0;border:1px solid #0000;border-radius:6px;margin-top:5px;padding:4px 7px;font-weight:800}.project-title:hover,.project-title:focus{border-color:var(--border);background:#fff}.tagline{color:var(--muted);margin:2px 0 0;font-size:.9rem}.header-actions,.transport,.tool-strip,.statusbar,.menu-bar,.track-actions,.track-sliders{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.header-actions select,.header-link{border:2px solid var(--border);border-radius:var(--radius);min-height:42px;color:var(--purple-dark);background:#fff;padding:0 12px;font-weight:800}.header-link{align-items:center;text-decoration:none;display:inline-flex}.header-link.primary{color:#fff;background:var(--purple);border-color:var(--purple)}.menu-bar{background:var(--pale);border-bottom:1px solid var(--border);padding:4px 16px}details.menu{position:relative}details.menu>summary{cursor:pointer;border-radius:7px;padding:7px 10px;font-weight:800;list-style:none}details.menu>summary:hover,details.menu[open]>summary{color:var(--purple-dark);background:#fff}.menu-panel{z-index:30;top:100%;border:1px solid var(--border);border-radius:var(--radius);min-width:210px;box-shadow:var(--shadow);background:#fff;max-height:min(70vh,560px);padding:6px;display:grid;position:absolute;inset-inline-start:0;overflow-y:auto}.menu-panel button,.menu-panel a{text-align:start;color:var(--ink);background:#fff;border:0;border-radius:6px;padding:9px 10px;font-weight:700;text-decoration:none;display:block}.menu-panel button:hover,.menu-panel a:hover{background:var(--pale);color:var(--purple-dark)}.menu-group-label{border-top:1px solid var(--border);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-top:4px;padding:8px 10px 3px;font-size:.75rem;font-weight:900}.menu-panel .submenu-item{padding-inline-start:22px}.source-menu .menu-panel{width:min(340px,85vw);max-height:min(70vh,520px);overflow-y:auto}.transport{border-bottom:1px solid var(--border);background:#fff;padding:9px 16px}.btn{border:2px solid var(--border);border-radius:var(--radius);min-height:42px;color:var(--purple-dark);background:#fff;padding:7px 12px;font-weight:850}.btn:hover:not(:disabled){border-color:var(--purple);background:var(--pale)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--purple);border-color:var(--purple);color:#fff}.btn.record{color:#b91c1c;background:#fff1f2;border-color:#fca5a5}.btn.record.active{color:#fff;background:#dc2626}.btn.icon{min-width:44px;padding:6px}.transport-time{color:#fff;font-variant-numeric:tabular-nums;text-align:center;background:#111827;border-radius:8px;min-width:88px;padding:8px 12px;font-weight:900}.meter{border:1px solid var(--border);background:#e5e7eb;border-radius:99px;width:110px;height:14px;overflow:hidden}.meter-fill{background:linear-gradient(90deg,#22c55e 65%,#facc15 80%,#ef4444);width:0;height:100%;transition:width 60ms linear}.zoom{align-items:center;gap:4px;margin-inline-start:auto;display:flex}.zoom output{text-align:center;min-width:55px;color:var(--muted);font-weight:800}.workspace{background:linear-gradient(#fff,#faf7ff);min-height:420px;position:relative;overflow:auto}.empty-state{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:380px;padding:30px;display:grid}.empty-icon{width:92px;height:92px}.empty-state h2,.empty-state p{margin:0}.empty-state h2{color:var(--purple);font-size:1.65rem}.empty-state p{max-width:55ch;color:var(--muted);line-height:1.5}.empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.privacy-pill{color:#166534;background:#ecfdf5;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:800}.timeline{direction:ltr;min-width:760px;position:relative}.ruler-row,.track-row{grid-template-columns:230px 1fr;display:grid}.ruler-label{z-index:9;background:var(--pale);border-inline-end:2px solid var(--border);border-bottom:1px solid var(--border);align-items:center;padding:3px 10px;display:flex;position:sticky;left:0}.add-track-sidebar{min-height:30px;padding:3px 9px;font-size:.82rem}.ruler{border-bottom:1px solid var(--border);background:#fff;height:38px;position:relative;overflow:hidden}.tick{height:100%;color:var(--muted);font-variant-numeric:tabular-nums;border-left:1px solid #cbd5e1;padding:3px 0 0 5px;font-size:.72rem;position:absolute;bottom:0}.track-head{z-index:8;background:var(--pale);border-inline-end:2px solid var(--border);border-bottom:1px solid var(--border);min-height:138px;direction:var(--shell-dir,ltr);padding:10px;position:sticky;left:0}.track-head input[type=text]{border:1px solid var(--border);width:100%;min-height:36px;color:var(--purple-dark);border-radius:7px;padding:5px 8px;font-weight:900}.track-actions{margin-top:7px}.track-actions button{border:1px solid var(--border);background:#fff;border-radius:7px;min-width:42px;min-height:36px;padding:3px 8px;font-weight:850}.track-actions button[aria-pressed=true]{color:#fff;background:var(--purple)}.track-actions .danger{color:var(--red);margin-inline-start:auto}.track-sliders{color:var(--muted);grid-template-columns:auto 1fr;gap:2px 7px;margin-top:7px;font-size:.72rem;font-weight:800;display:grid}.track-sliders input{width:100%;accent-color:var(--purple)}.track-lane{border-bottom:1px solid var(--border);background:repeating-linear-gradient(90deg,#fff 0 79px,#f3f4f6 80px);min-height:138px;position:relative;overflow:hidden}.clip{border:2px solid var(--purple);touch-action:none;background:linear-gradient(#ede9fe,#ddd6fe);border-radius:9px;min-width:8px;height:110px;position:absolute;top:13px;overflow:hidden;box-shadow:0 5px 12px #5b21b61f}.clip.selected{border:4px solid var(--orange);box-shadow:0 0 0 2px #7c3aed}.clip canvas{cursor:crosshair;width:100%;height:100%;display:block}.clip-label{z-index:2;max-width:calc(100% - 14px);color:var(--purple-dark);white-space:nowrap;text-overflow:ellipsis;cursor:grab;pointer-events:auto;background:#ffffffd1;border-radius:4px;padding:2px 5px;font-size:.72rem;font-weight:900;position:absolute;top:4px;left:7px;overflow:hidden}.range-selection{z-index:1;pointer-events:none;background:#f9731652;border-inline:2px solid #f97316;display:none;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 1px #ffffffa6}.range-selection.show{display:block}.playhead{z-index:15;pointer-events:none;background:#ef4444;width:2px;position:absolute;top:38px;bottom:0}.playhead:before{content:"";border:6px solid #0000;border-top-color:#ef4444;position:absolute;top:-7px;left:-5px}.statusbar{border-top:1px solid var(--border);background:var(--pale);color:var(--muted);padding:7px 16px;font-size:.78rem;font-weight:750}.statusbar span+span{border-inline-start:1px solid var(--border);padding-inline-start:10px}.status-message{color:var(--purple-dark);margin-inline-start:auto}.dialog-backdrop{z-index:100;background:#11182794;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dialog{border:2px solid var(--border);background:#fff;border-radius:14px;width:min(560px,100%);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 24px 60px #00000040}.dialog h2{color:var(--purple);margin:0 0 9px}.dialog p{color:var(--muted);line-height:1.55}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.effect-form{gap:12px;display:grid}.effect-form label{color:var(--ink);gap:5px;font-weight:800;display:grid}.effect-form input{border:2px solid var(--border);width:100%;min-height:42px;font:inherit;border-radius:8px;padding:7px 10px}.effect-form select,.effect-form textarea{border:1px solid var(--border);width:100%;font:inherit;border-radius:8px;padding:.65rem}.effect-form .check-row{align-items:flex-start;gap:.6rem;display:flex}.effect-form .check-row input{width:auto;margin-top:.2rem}.copy-field{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.drive-warning{color:#9a3412;font-weight:700}.effect-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.effect-note{margin:0;font-size:.9rem}@media (width<=480px){.effect-range{grid-template-columns:1fr}}.toast{z-index:120;color:#fff;background:#111827;border-radius:99px;padding:10px 17px;font-weight:800;transition:transform .2s;position:fixed;bottom:48px;left:50%;transform:translate(-50%,150%)}.toast.show{transform:translate(-50%)}.toast.error{background:#991b1b}.drop-overlay{z-index:110;border:4px dashed var(--purple);color:var(--purple-dark);pointer-events:none;background:#f5f3fff0;border-radius:18px;place-items:center;font-size:clamp(1.2rem,4vw,2rem);display:none;position:fixed;inset:18px}.drop-overlay.show{display:grid}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--orange);outline-offset:2px}@media (width<=760px){.site-header{flex-direction:column;align-items:flex-start;padding:12px}.header-actions{width:100%}.tagline{display:none}.menu-bar,.transport{padding-inline:8px}.transport .btn span.label{display:none}.ruler-row,.track-row{grid-template-columns:165px 1fr}.track-head,.track-lane{min-height:150px}.zoom{margin-inline-start:0}.statusbar{padding-inline:8px}.statusbar .optional{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (forced-colors:active){.clip{border:3px solid buttontext}.clip.selected{outline:4px solid highlight}.meter-fill{background:highlight}}