:root{--bv-bg-base: var(--bv-color-paper);--bv-bg-raised: var(--bv-color-paper-2);--bv-bg-timeline: var(--bv-color-paper);--bv-text-on-accent: var(--bv-color-accent-ink);--bv-text-accent: var(--bv-color-accent);--bv-text-muted: var(--bv-color-muted);--bv-text-danger: var(--bv-color-danger);--bv-accent-500: var(--bv-color-accent);--bv-accent-600: var(--bv-color-accent);--bv-accent-gold: var(--bv-color-warning);--bv-gold-400: color-mix(in oklch, var(--bv-color-warning), white 15%);--bv-gold-soft-bg: color-mix(in oklch, var(--bv-color-warning) 10%, transparent);--bv-border-subtle: var(--bv-color-rule);--bv-focus-ring: var(--bv-color-focus);--bv-space-2: var(--bv-space-2xs);--bv-space-3: var(--bv-space-xs);--bv-space-4: var(--bv-space-sm);--bv-font-sans: var(--bv-font-body);--bv-motion-quick: var(--bv-dur-short);--bv-motion-fast: var(--bv-motion-beat);--bv-motion-base: var(--bv-dur-med);--bv-ease: var(--bv-ease-out);--bv-linear: linear;--bv-z-floor: 1;--bv-z-tooltip: var(--bv-z-header)}@media(prefers-reduced-motion:reduce){:root{--bv-motion-quick: 0s;--bv-motion-fast: 0s;--bv-motion-base: 0s}}html,body,#root{margin:0;padding:0;width:100%;height:100dvh;overflow:hidden;position:fixed;top:0;left:0}html,body,#root,#root *{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}:root{--primary: var(--bv-color-accent);--primary-light: var(--bv-color-accent-hot);--primary-dark: var(--bv-color-accent-dim);--accent-success: var(--bv-color-success);--accent-warning: var(--bv-color-warning);--accent-danger: var(--bv-color-danger);--accent-purple: var(--bv-color-accent);--theme-primary: var(--bv-color-accent);--theme-secondary: var(--bv-color-accent-dim);--theme-waveform-hue: var(--bv-waveform-hue);--ui-highlight: var(--bv-color-warning);--focus-ring-color: var(--bv-color-focus);--bg-darkest: var(--bv-color-paper);--bg-dark: var(--bv-color-paper-2);--bg-medium: var(--bv-color-paper-2);--bg-light: var(--bv-color-paper-3);--bg-lighter: color-mix(in oklch, var(--bv-color-paper-3), var(--bv-color-ink) 6%);--text-primary: var(--bv-color-ink);--text-secondary: var(--bv-color-ink-2);--text-muted: var(--bv-color-muted);--text-light: var(--bv-color-ink);--primary-button-text-color: var(--bv-color-ink);--overlay-dark: var(--bv-color-scrim);font-family:var(--bv-font-body);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-darkest);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary);text-decoration:none}a:hover{color:var(--primary-light)}body{margin:0;min-width:320px;height:100dvh;overflow:hidden;position:fixed;width:100%}body.resizing[data-resize-axis=row]{cursor:ns-resize!important}body.resizing[data-resize-axis=col]{cursor:col-resize!important}body.resizing[data-resize-axis] .arrangement-container,body.resizing[data-resize-axis] .timeline-and-preview-container,body.resizing[data-resize-axis] .unified-resize-bar,body.resizing[data-resize-axis] .resize-divider{cursor:inherit!important}button:active{transform:scale(.98)}h1{font-size:3.2em;line-height:1.1}button{border-radius:var(--bv-radius-md);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-light);color:var(--primary-button-text-color);cursor:pointer;transition:border-color var(--bv-dur-short) var(--bv-ease-out),background-color var(--bv-dur-short) var(--bv-ease-out)}button:hover{border-color:var(--primary);background-color:var(--bg-lighter)}body.perf-no-will-change *{will-change:auto!important}:root{--bv-color-paper: #050606;--bv-color-paper: oklch(12% .004 200);--bv-color-paper-2: #0b0e0e;--bv-color-paper-2: oklch(16% .005 200);--bv-color-paper-3: #131717;--bv-color-paper-3: oklch(20% .006 200);--bv-color-scrim: rgba(1, 2, 2, .8);--bv-color-scrim: oklch(8% .003 200 / .8);--bv-color-ink: #eaf0f0;--bv-color-ink: oklch(95% .006 200);--bv-color-ink-2: #b9bfbf;--bv-color-ink-2: oklch(80% .007 200);--bv-color-muted: #8a9191;--bv-color-muted: oklch(65% .008 200);--bv-color-rule: #262a2a;--bv-color-rule: oklch(28% .005 200);--bv-color-rule-2: #5f6465;--bv-color-rule-2: oklch(50% .007 200);--bv-color-accent: #89c4c6;--bv-color-accent: oklch(78% .06 200);--bv-color-accent-hot: #9cd7da;--bv-color-accent-hot: oklch(84% .06 200);--bv-color-accent-dim: #629092;--bv-color-accent-dim: oklch(62% .05 200);--bv-color-accent-ink: #050606;--bv-color-accent-ink: oklch(12% .004 200);--bv-color-focus: #89dbdf;--bv-color-focus: oklch(84% .08 200);--bv-color-ember: #cf8b74;--bv-color-ember: oklch(70% .09 40);--bv-color-ember-ink: #0b0e0e;--bv-color-ember-ink: oklch(16% .005 200);--bv-color-success: #7d9b82;--bv-color-success: oklch(66% .05 150);--bv-color-warning: #c3b88c;--bv-color-warning: oklch(78% .06 95);--bv-color-danger: #a9645f;--bv-color-danger: oklch(58% .09 25);--bv-color-fx-group-amber: #f59e0b;--bv-color-fx-group-stone: #78716c;--bv-color-fx-group-violet: #a78bfa;--bv-color-fx-group-red: #ef4444;--bv-color-fx-group-cyan: #06b6d4;--bv-color-fx-group-pink: #ec4899;--bv-color-fx-group-green: #22c55e;--bv-color-fx-group-blue: #3b82f6;--bv-color-fx-group-lime: #84cc16;--bv-color-fx-group-orange: #f97316;--bv-color-fx-group-purple: #8b5cf6;--bv-color-knob-value: #22d3ee;--bv-color-knob-bake: #4ade80;--bv-color-knob-approx: #facc15;--bv-color-knob-preview: #f87171;--bv-waveform-hue: 200;--bv-color-waveform-a: #5f6465;--bv-color-waveform-a: oklch(50% .007 200);--bv-color-waveform-b: #8a9191;--bv-color-waveform-b: oklch(65% .008 200);--bv-color-waveform-c: #b9bfbf;--bv-color-waveform-c: oklch(80% .007 200);--bv-color-waveform-bg: #050606;--bv-color-waveform-bg: oklch(12% .004 200);--bv-color-waveform-center: #5f6465;--bv-color-waveform-center: oklch(50% .007 200);--bv-color-waveform-cursor: var(--bv-color-accent);--bv-color-waveform-armed: var(--bv-color-ember);--bv-grid-minor: rgba(249, 253, 253, .07);--bv-grid-minor: oklch(99% .004 200 / .07);--bv-grid-major: rgba(249, 253, 253, .14);--bv-grid-major: oklch(99% .004 200 / .14);--bv-bloom-accent: rgba(137, 196, 198, .07);--bv-bloom-accent: oklch(78% .06 200 / .07);--bv-bloom-ember: rgba(207, 139, 116, .05);--bv-bloom-ember: oklch(70% .09 40 / .05);--bv-color-dim-quiet: #404343;--bv-color-dim-quiet: oklch(38% .004 200);--bv-color-dim-medium: #2c2e2f;--bv-color-dim-medium: oklch(30% .004 200);--bv-color-dim-dark: #1b1d1e;--bv-color-dim-dark: oklch(23% .004 200);--bv-color-dim-aura: #090c0c;--bv-color-dim-aura: oklch(15% .004 200);--bv-shadow-1: 0 1px 2px rgba(1, 2, 2, .6);--bv-shadow-1: 0 1px 2px oklch(8% .008 200 / .6);--bv-shadow-2: 0 6px 24px rgba(1, 2, 2, .55);--bv-shadow-2: 0 6px 24px oklch(8% .008 200 / .55);--bv-glow-accent: 0 0 16px rgba(156, 215, 218, .22);--bv-glow-accent: 0 0 16px oklch(84% .06 200 / .22);--bv-glow-ember: 0 0 12px rgba(207, 139, 116, .3);--bv-glow-ember: 0 0 12px oklch(70% .09 40 / .3);--bv-font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bv-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bv-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bv-text-2xs: 10px;--bv-text-xs: 11px;--bv-text-sm: 12px;--bv-text-md: 13px;--bv-text-lg: 15px;--bv-text-xl: 18px;--bv-text-2xl: 22px;--bv-text-m-xs: .64rem;--bv-text-m-sm: .8rem;--bv-text-m-base: 1rem;--bv-text-m-md: 1.25rem;--bv-text-m-lg: 1.5625rem;--bv-text-m-xl: 1.9531rem;--bv-text-m-2xl: 2.4414rem;--bv-text-m-3xl: 3.0518rem;--bv-text-display-s: clamp(2rem, 3.5vw + 1rem, 3.5rem);--bv-text-display: clamp(2.75rem, 5vw + 1rem, 5rem);--bv-leading-display: 1.08;--bv-leading-ui: 1.3;--bv-leading-body: 1.55;--bv-tracking-display: -.02em;--bv-tracking-caps: .1em;--bv-space-3xs: .25rem;--bv-space-2xs: .5rem;--bv-space-xs: .75rem;--bv-space-sm: 1rem;--bv-space-md: 1.5rem;--bv-space-lg: 2rem;--bv-space-xl: 3rem;--bv-space-2xl: 4.5rem;--bv-space-3xl: 7rem;--bv-radius-sm: 4px;--bv-radius-md: 6px;--bv-radius-lg: 8px;--bv-radius-xl: 12px;--bv-radius-pill: 999px;--bv-dur-micro: .1s;--bv-dur-short: .16s;--bv-dur-med: .2s;--bv-dur-long: .32s;--bv-ease-out: cubic-bezier(.16, 1, .3, 1);--bv-ease-in: cubic-bezier(.7, 0, .84, 0);--bv-ease-in-out: cubic-bezier(.65, 0, .35, 1);--bv-motion-beat: 83ms;--bv-motion-breathe: .6s;--bv-z-base: 0;--bv-z-raised: 10;--bv-z-sticky: 100;--bv-z-header: 1000;--bv-z-overlay: 2000;--bv-z-toast: 2147483647}@media(prefers-reduced-motion:reduce){:root{--bv-dur-micro: 60ms;--bv-dur-short: .12s;--bv-dur-med: .15s;--bv-dur-long: .15s;--bv-motion-beat: 0s;--bv-motion-breathe: 0s}}html,body,#root{width:100%;height:100%;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#root{display:flex;flex-direction:column}body{background:var(--bv-color-paper);color:var(--bv-color-ink);font-family:var(--bv-font-body);margin:0;min-height:100vh}html.app-fixed,html.app-fixed body,html.app-fixed #root{overflow:hidden;position:fixed;top:0;left:0}html.page-scrollable,html.page-scrollable body,html.page-scrollable #root{overflow:visible;overflow-y:auto;position:static;height:auto;min-height:100vh}.app-dark{width:100%;height:100dvh;display:flex;flex-direction:column;background-color:var(--bv-color-paper);color:var(--bv-color-ink)}.app-header{padding:0 20px;background-color:var(--bv-color-paper-2);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--bv-color-rule);height:40px;min-height:40px;max-height:40px;flex-shrink:0;width:100%;z-index:1000;box-sizing:border-box}.app-header-left{display:flex;align-items:center;height:100%;width:var(--media-section-width, 420px);min-width:var(--media-section-width, 420px);flex-shrink:0;justify-content:flex-start;gap:8px;transition:width .05s ease-out,min-width .05s ease-out}.app-tabs{display:flex;gap:0;align-items:stretch;flex-shrink:0;height:100%}.app-tab{width:180px;min-width:180px;max-width:180px;text-align:center;box-sizing:border-box;background-color:transparent;color:var(--bv-color-muted);border:none;padding:.35rem .75rem;border-radius:var(--bv-radius-lg);cursor:pointer;transition:background-color var(--bv-dur-short) var(--bv-ease-out),color var(--bv-dur-short) var(--bv-ease-out);font-size:.875rem;font-weight:600;text-transform:lowercase;flex-shrink:0;flex-grow:0;display:flex;align-items:center;justify-content:center;height:100%;position:relative;outline:none;-webkit-tap-highlight-color:transparent}.app-tab:focus:not(:focus-visible){outline:none;box-shadow:none}.app-tab:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus-ring-color)}.tab-badge{display:inline-block;margin-left:6px;font-size:.75rem;font-weight:700;color:var(--bv-color-danger);opacity:.85;transition:opacity var(--bv-dur-med) var(--bv-ease-out)}.app-tab:hover .tab-badge{opacity:1}.generate-button-container{width:180px;min-width:180px;max-width:180px;display:inline-block;flex-shrink:0;position:relative}.generate-button{width:100%;min-width:180px;max-width:180px;text-align:center;box-sizing:border-box;background-color:transparent;color:var(--bv-color-muted);border:none;padding:.25rem .5rem;border-radius:var(--bv-radius-lg);cursor:pointer;transition:background-color var(--bv-dur-short) var(--bv-ease-out),color var(--bv-dur-short) var(--bv-ease-out);font-size:.875rem;font-weight:600;text-transform:lowercase;height:100%}.generate-button:hover:not(:disabled){background-color:var(--bv-color-paper-2)}.generate-button:disabled{opacity:.6;cursor:not-allowed}.generate-button:not(:disabled){background-color:transparent;color:var(--bv-color-ink-2)}.generate-button:not(:disabled):hover{background-color:var(--bv-color-paper-2);color:var(--bv-color-ink)}.app-tab:hover{background-color:var(--bv-color-paper-2)}.app-tab.active{background-color:var(--bv-color-paper);color:var(--bv-color-ink)}.app-main{flex:1;padding:0;position:relative;display:flex;flex-direction:column;width:100%;overflow-y:auto;overflow-x:visible;scrollbar-width:thin;scrollbar-color:var(--bv-color-rule) transparent}.app-main::-webkit-scrollbar{width:6px}.app-main::-webkit-scrollbar-track{background:transparent}.app-main::-webkit-scrollbar-thumb{background:var(--bv-color-rule);border-radius:3px}.app-main::-webkit-scrollbar-thumb:hover{background:var(--bv-color-rule-2)}.app-section{width:100%;min-height:100%;display:flex;flex-direction:column}.app-section-fade{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:visible;background:var(--bv-color-paper);transition:opacity .3s linear}.app-section-visible{opacity:1;z-index:10;pointer-events:auto}.app-section-hidden{opacity:0;z-index:0;pointer-events:none}.no-transition{transition:none!important}.generate-button-wrapper{height:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;position:relative}.generate-button-wrapper.hidden{visibility:hidden;pointer-events:none}.arrangement-random-button{width:44px;height:44px;min-width:44px;padding:0;border:none;background:transparent!important;color:var(--bv-color-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--bv-dur-short) var(--bv-ease-out),background var(--bv-dur-short) var(--bv-ease-out);position:relative;outline:none;border-radius:10px;-webkit-tap-highlight-color:transparent}.arrangement-random-button svg{transition:transform var(--bv-dur-med) var(--bv-ease-out)}.arrangement-random-button:focus:not(:focus-visible),.arrangement-random-button:active{background:transparent!important;outline:none;box-shadow:none}.arrangement-random-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus-ring-color)}.arrangement-random-button:not(:disabled):hover{color:var(--bv-color-ink);background:var(--bv-color-paper-3)!important}.arrangement-random-button:not(:disabled):hover svg{transform:rotate(-12deg) scale(1.1)}.arrangement-random-button:not(:disabled):active svg{animation:dice-roll-3d .6s var(--bv-ease-out)}.arrangement-random-button:disabled{opacity:.25;cursor:not-allowed}.arrangement-random-button:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--bv-color-accent);opacity:0;transform:scale(.5);pointer-events:none}.arrangement-random-button:not(:disabled):active:after{animation:ripple-ring .6s var(--bv-ease-out)}@keyframes dice-roll-3d{0%{transform:perspective(200px) rotateX(0) rotateY(0) scale(1)}25%{transform:perspective(200px) rotateX(180deg) rotateY(90deg) scale(1.2)}50%{transform:perspective(200px) rotateX(360deg) rotateY(180deg) scale(1.15)}75%{transform:perspective(200px) rotateX(270deg) rotateY(270deg) scale(1.1)}to{transform:perspective(200px) rotateX(360deg) rotateY(360deg) scale(1)}}@keyframes ripple-ring{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}.arrangement-clear-button{width:44px;height:44px;min-width:44px;padding:0;border:none;background:transparent!important;color:var(--bv-color-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--bv-dur-short) var(--bv-ease-out),background var(--bv-dur-short) var(--bv-ease-out);position:relative;outline:none;border-radius:10px;-webkit-tap-highlight-color:transparent}.arrangement-clear-button svg{transition:transform var(--bv-dur-short) var(--bv-ease-out)}.arrangement-clear-button:focus:not(:focus-visible),.arrangement-clear-button:active{background:transparent!important;outline:none;box-shadow:none}.arrangement-clear-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus-ring-color)}.arrangement-clear-button:not(:disabled):hover{color:var(--bv-color-danger);background:color-mix(in oklch,var(--bv-color-danger) 10%,transparent)!important}.arrangement-clear-button:not(:disabled):hover svg{transform:scale(1.1)}.arrangement-clear-button:not(:disabled):active svg{animation:trash-shake .4s ease-out}.arrangement-clear-button:disabled{opacity:.25;cursor:not-allowed}@keyframes trash-shake{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-8deg) scale(1.05)}40%{transform:rotate(8deg) scale(1.05)}60%{transform:rotate(-5deg) scale(1.02)}80%{transform:rotate(3deg) scale(1)}}.loading-spinner{display:flex;align-items:center;justify-content:center;height:100%;width:100%;color:var(--bv-color-ink);font-size:1rem;background:var(--bv-color-paper)}.loading-spinner:before{content:"";width:24px;height:24px;border:2px solid var(--bv-color-rule);border-top:2px solid var(--bv-color-accent);border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.demo-tour-btn{width:200px;min-width:200px;max-width:200px;height:36px;min-height:36px;max-height:36px;padding:8px 16px;border-radius:var(--bv-radius-md);border:1px solid var(--bv-color-rule-2);background:transparent;color:var(--bv-color-ink);font-weight:600;font-size:13px;cursor:pointer;transition:background var(--bv-dur-short) var(--bv-ease-out),color var(--bv-dur-short) var(--bv-ease-out),border-color var(--bv-dur-short) var(--bv-ease-out);display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;white-space:nowrap}.demo-tour-btn:hover{background:var(--bv-color-paper-2)}.demo-tour-btn.active{border-color:var(--bv-color-accent);color:var(--bv-color-accent)}.demo-tour-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus-ring-color)}.subscribe-btn{padding:8px 16px;background:var(--bv-color-accent);border:none;border-radius:var(--bv-radius-md);color:var(--bv-color-accent-ink);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--bv-dur-short) var(--bv-ease-out),box-shadow var(--bv-dur-short) var(--bv-ease-out),transform var(--bv-dur-micro) var(--bv-ease-in);white-space:nowrap}.subscribe-btn.sign-in{background:transparent;border:1px solid var(--bv-color-rule-2);color:var(--bv-color-ink-2);font-weight:500}.subscribe-btn:hover:not(:disabled){background:var(--bv-color-accent-hot);box-shadow:var(--bv-glow-accent)}.subscribe-btn:active:not(:disabled){transform:translateY(1px)}.subscribe-btn.sign-in:hover:not(:disabled),.subscribe-btn.manage:hover:not(:disabled){background:var(--bv-color-paper-2);box-shadow:none}.subscribe-btn.sign-in:hover:not(:disabled){color:var(--bv-color-ink)}.subscribe-btn:disabled{opacity:.55;cursor:not-allowed}.subscribe-btn.manage{background:transparent;border:1px solid var(--bv-color-rule-2);color:var(--bv-color-ink)}.watermark-lab-header-link{padding:8px 12px;margin-left:8px;background:transparent;border:1px solid var(--bv-color-rule-2);border-radius:var(--bv-radius-md);color:var(--bv-color-ink);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background var(--bv-dur-short) var(--bv-ease-out),border-color var(--bv-dur-short) var(--bv-ease-out),color var(--bv-dur-short) var(--bv-ease-out)}.watermark-lab-header-link:hover{background:var(--bv-color-paper-2)}.watermark-settings-header-link{padding:8px 12px;margin-left:8px;background:transparent;border:1px solid var(--bv-color-rule-2);border-radius:var(--bv-radius-md);color:var(--bv-color-ink);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background var(--bv-dur-short) var(--bv-ease-out),border-color var(--bv-dur-short) var(--bv-ease-out),color var(--bv-dur-short) var(--bv-ease-out)}.watermark-settings-header-link:hover{background:var(--bv-color-paper-2)}.login-overlay{position:fixed;inset:0;z-index:9999;overflow-y:auto;overflow-x:hidden}.demo-behind-login{position:fixed;inset:0;z-index:1;visibility:visible;opacity:0;pointer-events:none}.login-overlay-wrapper{position:fixed;inset:0;z-index:9999;transition:opacity .3s linear}[data-zoom-cursor=zoom-in]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 12H4m0 0l3-3m-3 3l3 3' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 12h5m0 0l-3-3m3 3l-3 3' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 12 12,zoom-in}[data-zoom-cursor=zoom-out]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 12h5m0 0L6 9m3 3L6 15' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 12h-5m0 0l3-3m-3 3l3 3' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 12 12,zoom-out}.main-app-container{width:100%;height:100%;display:contents}.main-app-container.hidden-behind-overlay{visibility:hidden;pointer-events:none}.public-page-overlay{position:fixed;inset:0;z-index:10000;background:var(--bv-color-paper);overflow-y:auto;overflow-x:hidden}@media(prefers-reduced-motion:reduce){.arrangement-random-button:not(:disabled):active svg{animation:none}.arrangement-random-button:not(:disabled):active:after{animation:none}.arrangement-clear-button:not(:disabled):active svg{animation:none}*,*:before,*:after{animation-iteration-count:1!important}.demo-guide-cursor,.demo-guide-cursor *,.demo-guide-cursor:before,.demo-guide-cursor:after{animation-iteration-count:infinite!important}}:root{--bv-dim-fill: var(--bv-color-dim-medium);--bv-dim-text: var(--bv-color-dim-quiet);--bv-dim-line: var(--bv-color-dim-dark);--dim-transition-duration: .8s;--dim-transition-easing: cubic-bezier(.33, 1, .68, 1)}[data-dimming-zone][data-dimming-zone][data-dimming-zone]{transform:translateZ(0);backface-visibility:hidden;opacity:1;transition:opacity .4s ease-out!important}.dimming-active{will-change:opacity}[data-dimming-zone][data-dimming-zone].dimming-active.dimmed{--bv-color-ink: var(--bv-dim-text);--bv-color-ink-2: var(--bv-dim-text);--bv-color-muted: var(--bv-dim-text);--bv-color-accent: var(--bv-dim-fill);--bv-color-accent-hot: var(--bv-dim-fill);--bv-color-accent-dim: var(--bv-dim-fill);--bv-color-focus: var(--bv-dim-fill);--bv-color-rule: var(--bv-dim-line);--bv-color-rule-2: var(--bv-dim-fill);--bv-color-ember: var(--bv-dim-fill);--bv-color-success: var(--bv-dim-text);--bv-color-warning: var(--bv-dim-text);--bv-color-danger: var(--bv-dim-text);opacity:1;pointer-events:none}.dimming-source-playbar-hover [data-dimming-zone=app-bar],.dimming-source-playbar-hover .beats-selector,.dimming-source-playbar-hover .make-unique-overlay,.dimming-source-pattern-drag [data-dimming-zone=app-bar],.dimming-source-pattern-drag .beats-selector,.dimming-source-pattern-drag .make-unique-overlay,.dimming-source-beat-drag [data-dimming-zone=app-bar],.dimming-source-beat-drag .beats-selector,.dimming-source-beat-drag .make-unique-overlay,.dimming-source-clip-drag [data-dimming-zone=app-bar],.dimming-source-clip-drag .beats-selector,.dimming-source-clip-drag .make-unique-overlay,body.demo-step-waveform-zoom-in [data-dimming-zone]:not([data-dimming-zone=waveform]),body.demo-step-waveform-zoom-out [data-dimming-zone]:not([data-dimming-zone=waveform]),.dimming-source-timeline-edit [data-dimming-zone]:not([data-dimming-zone=main-container]):not([data-dimming-zone=video-surface]):not([data-dimming-zone=clip-edit-controls]),.dimming-source-welcome-screen [data-dimming-zone=app-bar][data-dimming-zone].dimming-active.dimmed,.dimming-source-welcome-screen [data-dimming-zone=pattern-library][data-dimming-zone].dimming-active.dimmed{--bv-color-ink: var(--bv-dim-text);--bv-color-ink-2: var(--bv-dim-text);--bv-color-muted: var(--bv-dim-text);--bv-color-accent: var(--bv-dim-fill);--bv-color-accent-hot: var(--bv-dim-fill);--bv-color-accent-dim: var(--bv-dim-fill);--bv-color-focus: var(--bv-dim-fill);--bv-color-rule: var(--bv-dim-line);--bv-color-rule-2: var(--bv-dim-fill);--bv-color-ember: var(--bv-dim-fill);--bv-color-success: var(--bv-dim-text);--bv-color-warning: var(--bv-dim-text);--bv-color-danger: var(--bv-dim-text);pointer-events:none}.dimming-source-playbar-hover{--bv-dim-fill: var(--bv-color-dim-dark);--bv-dim-text: var(--bv-color-dim-medium);--bv-dim-line: var(--bv-color-dim-dark)}.dimming-source-breath-handle-drag,.dimming-source-pattern-drag,.dimming-source-beat-drag{--bv-dim-fill: var(--bv-color-dim-aura);--bv-dim-text: var(--bv-color-dim-dark);--bv-dim-line: var(--bv-color-dim-aura)}.dimming-source-clip-drag{--bv-dim-fill: var(--bv-color-dim-medium);--bv-dim-text: var(--bv-color-dim-quiet);--bv-dim-line: var(--bv-color-dim-medium)}.dimming-source-demo-step,.dimming-source-timeline-edit{--bv-dim-fill: var(--bv-color-dim-dark);--bv-dim-text: var(--bv-color-dim-medium);--bv-dim-line: var(--bv-color-dim-dark)}.dimming-source-welcome-screen{--bv-dim-fill: var(--bv-color-dim-aura);--bv-dim-text: var(--bv-color-dim-dark);--bv-dim-line: var(--bv-color-dim-aura)}.dimming-source-beat-handles-onboarding{--bv-dim-fill: var(--bv-color-dim-quiet);--bv-dim-text: var(--bv-color-dim-quiet);--bv-dim-line: var(--bv-color-dim-medium)}[data-dimming-zone][data-dimming-zone].dimming-active.not-dimmed{opacity:1;pointer-events:auto}[data-dimming-exclude=true],[data-dimming-exclude=true][data-dimming-zone],[data-dimming-zone][data-dimming-exclude=true],.dimming-active[data-dimming-exclude=true],[data-dimming-zone].dimming-active[data-dimming-exclude=true],[data-dimming-zone][data-dimming-zone].dimming-active[data-dimming-exclude=true]{opacity:1!important;pointer-events:auto!important}.waveform-welcome-hero[data-dimming-exclude=true],.waveform-welcome-hero[data-dimming-exclude=true] *{pointer-events:none!important}.video-preview.thumbnail-active,.thumbnail-active{opacity:1!important;filter:none!important;pointer-events:auto!important;position:relative}.dimming-source-pattern-drag .audio-controls-overlay,.dimming-source-beat-drag .audio-controls-overlay,.dimming-source-clip-drag .audio-controls-overlay{opacity:0!important;pointer-events:none!important;transition:opacity .15s ease-out!important}.dimming-source-demo-step [data-dimming-zone][data-dimming-zone].dimming-active.not-dimmed{box-shadow:0 0 0 1px var(--bv-color-accent),0 0 20px 2px var(--bv-color-accent),0 0 40px 4px var(--bv-color-accent);transition:opacity .4s ease-out,box-shadow .5s cubic-bezier(.22,1,.36,1)!important}@supports (color: color-mix(in srgb,red,blue)){.dimming-source-demo-step [data-dimming-zone][data-dimming-zone].dimming-active.not-dimmed{box-shadow:0 0 0 1px color-mix(in srgb,var(--bv-color-accent) 20%,transparent),0 0 20px 2px color-mix(in srgb,var(--bv-color-accent) 8%,transparent),0 0 40px 4px color-mix(in srgb,var(--bv-color-accent) 4%,transparent)}}.dimming-source-demo-step [data-dimming-zone=waveform].not-dimmed,.dimming-source-demo-step [data-dimming-zone=waveform].dimming-active.not-dimmed{pointer-events:auto!important;z-index:10001!important}.dimming-source-demo-step .full-song-waveform,.dimming-source-demo-step .waveform-section,.dimming-source-demo-step .waveform-view,.dimming-source-demo-step .preview-content-wrapper,.dimming-source-demo-step .waveform-container,.dimming-source-demo-step .waveform-content-dimmer{pointer-events:auto!important}body.demo-step-waveform-zoom-in .full-song-waveform,body.demo-step-waveform-zoom-in .waveform-section,body.demo-step-waveform-zoom-in .waveform-view,body.demo-step-waveform-zoom-in .preview-content-wrapper,body.demo-step-waveform-zoom-in .waveform-container,body.demo-step-waveform-zoom-in .waveform-content-dimmer,body.demo-step-waveform-zoom-in [data-dimming-zone=waveform],body.demo-step-waveform-zoom-in .section-highlight,body.demo-step-waveform-zoom-out .full-song-waveform,body.demo-step-waveform-zoom-out .waveform-section,body.demo-step-waveform-zoom-out .waveform-view,body.demo-step-waveform-zoom-out .preview-content-wrapper,body.demo-step-waveform-zoom-out .waveform-container,body.demo-step-waveform-zoom-out .waveform-content-dimmer,body.demo-step-waveform-zoom-out [data-dimming-zone=waveform],body.demo-step-waveform-zoom-out .section-highlight{pointer-events:auto!important;position:relative;z-index:10001}body.demo-step-waveform-zoom-in .app-dark>.app-bar,body.demo-step-waveform-zoom-in .app-dark>.app-bar *,body.demo-step-waveform-zoom-out .app-dark>.app-bar,body.demo-step-waveform-zoom-out .app-dark>.app-bar *{pointer-events:none!important}body[data-editor-chrome-unlocked=true]:not(.dimming-source-welcome-screen):not(.dimming-source-demo-step):not(.demo-step-waveform-zoom-in):not(.demo-step-waveform-zoom-out) .app-dark>.app-bar,body[data-editor-chrome-unlocked=true]:not(.dimming-source-welcome-screen):not(.dimming-source-demo-step):not(.demo-step-waveform-zoom-in):not(.demo-step-waveform-zoom-out) .app-dark>.app-bar *{pointer-events:auto!important}body[data-editor-chrome-unlocked=true]:not(.dimming-source-welcome-screen):not(.dimming-source-demo-step):not(.demo-step-waveform-zoom-in):not(.demo-step-waveform-zoom-out) .app-dark{opacity:1!important}body.demo-step-waveform-zoom-in .full-song-waveform,body.demo-step-waveform-zoom-in .full-song-waveform *,body.demo-step-waveform-zoom-in [data-dimming-zone=waveform],body.demo-step-waveform-zoom-in [data-dimming-zone=waveform] *,body.demo-step-waveform-zoom-out .full-song-waveform,body.demo-step-waveform-zoom-out .full-song-waveform *,body.demo-step-waveform-zoom-out [data-dimming-zone=waveform],body.demo-step-waveform-zoom-out [data-dimming-zone=waveform] *{pointer-events:auto!important}body.demo-step-waveform-zoom-in [data-dimming-zone=media-library] .media-library-tabs,body.demo-step-waveform-zoom-out [data-dimming-zone=media-library] .media-library-tabs,body.demo-step-waveform-zoom-in [data-dimming-zone=media-library] .media-library-tabs *,body.demo-step-waveform-zoom-out [data-dimming-zone=media-library] .media-library-tabs *{pointer-events:auto!important;opacity:1!important}.dimming-source-welcome-screen [data-dimming-zone=main-container]{opacity:1!important;filter:none!important;pointer-events:none!important}.dimming-source-welcome-screen .main-container-dim-layer{position:absolute;inset:0;background:var(--bv-color-paper);z-index:100;pointer-events:auto;transition:opacity .4s ease;contain:layout style paint}@supports (color: color-mix(in srgb,red,blue)){.dimming-source-welcome-screen .main-container-dim-layer{background:color-mix(in srgb,var(--bv-color-paper) 92%,transparent)}}.dimming-source-welcome-screen .main-container-welcome-overlay{position:absolute;inset:0;z-index:101;display:flex;align-items:center;justify-content:center;pointer-events:none;contain:layout style paint}.dimming-source-welcome-screen .main-container-welcome-overlay .welcome-content{pointer-events:auto}.dimming-source-welcome-screen [data-dimming-zone=media-library] .video-widget,.dimming-source-welcome-screen [data-dimming-zone=media-library] .audio-widget,.dimming-source-welcome-screen [data-dimming-zone=media-library] .video-grid,.dimming-source-welcome-screen [data-dimming-zone=media-library] .empty-videos,.dimming-source-welcome-screen [data-dimming-zone=media-library] .media-library-content{opacity:.15!important;transition:opacity .4s ease;transform:translateZ(0)}.dimming-source-welcome-screen [data-dimming-zone=media-library] .media-library-tabs{filter:none!important;opacity:1!important;position:relative;z-index:200!important;isolation:isolate}.dimming-source-welcome-screen [data-dimming-zone=media-library] .upload-plus-button,.dimming-source-welcome-screen [data-dimming-zone=media-library] .beat-handle-add{display:none!important}.audio-controls-overlay{transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1)!important}.login-overlay-visible .audio-controls-overlay,.audio-controls-overlay.marker-controls-hidden{opacity:0!important;pointer-events:none!important;visibility:hidden!important}@keyframes demo-controls-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.audio-controls-overlay.demo-fade-in{animation:demo-controls-fade-in .5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:.3s;opacity:0}.dimming-source-timeline-edit [data-dimming-zone=main-container]{opacity:1!important;pointer-events:none!important}.dimming-source-timeline-edit [data-dimming-zone=video-surface],.dimming-source-timeline-edit [data-dimming-zone=clip-edit-controls]{opacity:1!important;pointer-events:auto!important}.dimming-source-timeline-edit [data-dimming-zone=video-surface]{z-index:10001!important}.dimming-source-timeline-edit [data-dimming-zone=video-surface] *{pointer-events:auto!important}body.dimming-source-demo-step.dimming-source-demo-step .app-dark [data-dimming-zone=app-bar],body.dimming-source-demo-step.dimming-source-demo-step .app-dark [data-dimming-zone=app-bar] *{opacity:1!important;pointer-events:auto!important}[data-dimming-zone] .content-dim-layer{position:absolute;inset:0;z-index:var(--bv-z-raised);background:var(--bv-color-paper);opacity:0;contain:layout style paint;transition:opacity .4s ease-out;pointer-events:none!important}.dimming-source-breath-handle-drag [data-dimming-zone].dimming-active.dimmed .content-dim-layer,.dimming-source-pattern-drag [data-dimming-zone].dimming-active.dimmed .content-dim-layer,.dimming-source-beat-drag [data-dimming-zone].dimming-active.dimmed .content-dim-layer{opacity:.9}.dimming-source-clip-drag [data-dimming-zone].dimming-active.dimmed .content-dim-layer{opacity:.72}.dimming-source-playbar-hover [data-dimming-zone].dimming-active.dimmed .content-dim-layer,.dimming-source-demo-step [data-dimming-zone].dimming-active.dimmed .content-dim-layer{opacity:.85}.dimming-source-welcome-screen [data-dimming-zone] .content-dim-layer{opacity:0!important}.mobile-overlay{position:fixed;inset:0;z-index:2147483647!important;display:flex;align-items:center;justify-content:center;background:var(--bv-color-paper)}.mobile-overlay-content{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px;text-align:center}.mobile-overlay-brand{display:flex;align-items:center;gap:8px}.mobile-overlay-logo{font-size:2rem;font-weight:800;color:var(--bv-color-ink);letter-spacing:0}.mobile-overlay-dot{width:8px;height:8px;border-radius:50%;background:var(--bv-color-accent)}.mobile-overlay-message{font-size:20px;font-weight:700;color:var(--bv-color-ink);max-width:310px;line-height:1.4;letter-spacing:0}.mobile-overlay-subtitle{font-size:15px;color:var(--bv-color-muted);max-width:340px;line-height:1.5}.mobile-overlay-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:240px;margin-top:4px}.mobile-overlay-primary-btn,.mobile-overlay-secondary-btn,.mobile-overlay-about-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 18px;border-radius:8px;text-decoration:none;font-size:15px;font-weight:700;letter-spacing:.01em;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),filter .22s ease,border-color .22s ease,background-color .22s ease}.mobile-overlay-primary-btn{color:var(--bv-color-paper);background:var(--bv-color-ink);border:1px solid var(--bv-color-ink-2)}.mobile-overlay-primary-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px color-mix(in srgb,var(--bv-color-ink) 16%,transparent);filter:brightness(1.04)}.mobile-overlay-secondary-btn{color:var(--bv-color-ink);background:color-mix(in srgb,var(--bv-color-ink) 4%,transparent);border:1px solid var(--bv-color-rule)}.mobile-overlay-secondary-btn:hover,.mobile-overlay-about-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--bv-color-accent) 50%,transparent);background:color-mix(in srgb,var(--bv-color-accent) 8%,transparent);filter:brightness(1.04)}.mobile-overlay-about-btn{max-width:240px;color:var(--bv-color-ink-2);background:transparent;border:1px solid var(--bv-color-accent-dim)}.mobile-overlay-links{display:flex;align-items:center;gap:12px;margin-top:2px}.mobile-overlay-link{font-size:14px;color:var(--bv-color-accent);text-decoration:none;transition:color .2s}.mobile-overlay-link:hover{color:var(--bv-color-accent-hot)}.mobile-overlay-link-separator{width:3px;height:3px;border-radius:50%;background:color-mix(in srgb,var(--bv-color-ink) 20%,transparent)}