.demo-walkthrough-layer{position:fixed;inset:0;pointer-events:none;z-index:9999}.demo-lockdown .demo-walkthrough-layer{will-change:opacity,transform}.demo-lockdown *{pointer-events:none!important}.demo-lockdown [data-dimming-zone=media-library],.demo-lockdown [data-dimming-zone=media-library] *,.demo-lockdown [data-dimming-zone=main-container],.demo-lockdown [data-dimming-zone=main-container] *,.demo-lockdown [data-dimming-zone=waveform],.demo-lockdown [data-dimming-zone=waveform] *,.demo-lockdown .full-song-waveform,.demo-lockdown .full-song-waveform *,.demo-lockdown .waveform-container,.demo-lockdown .waveform-container *,.demo-lockdown .demo-walkthrough-layer,.demo-lockdown .demo-walkthrough-layer *{pointer-events:auto!important}.demo-highlight-ring{position:fixed;border-radius:12px;pointer-events:none;z-index:2147483647;transition:top .4s cubic-bezier(.22,1,.36,1),left .4s cubic-bezier(.22,1,.36,1),width .4s cubic-bezier(.22,1,.36,1),height .4s cubic-bezier(.22,1,.36,1),opacity .3s ease-out;background:transparent;border:1.5px solid color-mix(in srgb,var(--bv-color-accent) 60%,transparent);box-shadow:0 0 8px 1px color-mix(in srgb,var(--bv-color-accent) 50%,transparent),0 0 20px 4px color-mix(in srgb,var(--bv-color-accent) 25%,transparent);opacity:0;animation:ring-entrance .5s cubic-bezier(.22,1,.36,1) .15s forwards}@keyframes ring-entrance{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.demo-highlight-ring:after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:2px solid color-mix(in srgb,var(--bv-color-accent) 50%,transparent);animation:ring-pulse 2.4s cubic-bezier(.37,0,.63,1) 25;pointer-events:none}@keyframes ring-pulse{0%,to{opacity:0}50%{opacity:.85}}.demo-correction-bubble{position:fixed;width:232px;padding:10px 12px;border-radius:9px;border:1px solid color-mix(in srgb,var(--bv-color-accent) 26%,transparent);border-left:2px solid color-mix(in srgb,var(--bv-color-accent) 92%,transparent);background:var(--bv-color-paper-3);box-shadow:0 16px 36px color-mix(in srgb,var(--bv-color-paper) 42%,transparent),0 0 18px color-mix(in srgb,var(--bv-color-accent) 14%,transparent);color:var(--bv-color-ink-2);pointer-events:none;z-index:2147483647;opacity:0;transform:translateY(5px);animation:demo-correction-in .2s cubic-bezier(.22,1,.36,1) forwards,demo-correction-out .24s ease 3.95s forwards}.demo-correction-bubble strong,.demo-correction-bubble span{display:block}.demo-correction-bubble strong{color:var(--bv-color-ink);font-size:12px;font-weight:850;line-height:1.18;letter-spacing:0}.demo-correction-bubble span{margin-top:3px;font-size:11px;font-weight:700;line-height:1.25;letter-spacing:0}@keyframes demo-correction-in{to{opacity:1;transform:translateY(0)}}@keyframes demo-correction-out{to{opacity:0;transform:translateY(-4px)}}body.user-dragging .demo-highlight-ring,body.user-dragging .demo-correction-bubble{opacity:0!important;pointer-events:none!important;visibility:hidden!important}body.dimming-source-demo-step:not(.demo-step-media-drag) .beat-handle-add,body.dimming-source-demo-step:not(.demo-step-media-drag) [data-help-key=VIDEO_QUICK_ADD]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.demo-step-progress-list{position:fixed;left:18px;bottom:18px;z-index:2147483647;display:flex;flex-direction:column;gap:4px;width:154px;margin:0;padding:10px 11px;list-style:none;pointer-events:none;border:1px solid var(--bv-color-rule);border-radius:10px;background:var(--bv-color-paper-3);box-shadow:0 18px 48px color-mix(in srgb,var(--bv-color-paper) 42%,transparent),inset 0 1px color-mix(in srgb,var(--bv-color-ink) 6%,transparent);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);transform:translateZ(0);contain:layout style}.demo-step-progress-item{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:8px;min-height:21px;color:var(--bv-color-muted);font-size:10.5px;font-weight:760;line-height:1.1;letter-spacing:0;text-shadow:0 1px 8px color-mix(in srgb,var(--bv-color-paper) 74%,transparent);opacity:.78;transform:translateZ(0)}.demo-step-progress-index{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;border:1px solid var(--bv-color-rule);background:var(--bv-color-paper-2);color:var(--bv-color-muted);font-size:9.5px;font-weight:860}.demo-step-progress-item.is-complete{color:color-mix(in srgb,var(--bv-color-accent) 64%,transparent)}.demo-step-progress-item.is-complete .demo-step-progress-index{border-color:color-mix(in srgb,var(--bv-color-accent) 34%,transparent);color:color-mix(in srgb,var(--bv-color-accent) 78%,transparent)}.demo-step-progress-item.is-active{color:var(--bv-color-ink);opacity:1}.demo-step-progress-item.is-active .demo-step-progress-index{border-color:color-mix(in srgb,var(--bv-color-accent) 72%,transparent);background:color-mix(in srgb,var(--bv-color-accent) 35%,transparent);color:var(--bv-color-ink);box-shadow:0 0 14px color-mix(in srgb,var(--bv-color-accent) 26%,transparent)}.demo-step-progress-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-step-skip{position:fixed;left:184px;bottom:18px;z-index:2147483647;padding:7px 14px;border:1px solid var(--bv-color-rule-2);border-radius:10px;background:var(--bv-color-paper-3);color:var(--bv-color-ink-2);font:inherit;font-size:12px;line-height:1;cursor:pointer;pointer-events:auto;transition:color .15s ease-out,border-color .15s ease-out}.demo-step-skip:hover{color:var(--bv-color-accent);border-color:var(--bv-color-accent)}.demo-step-skip:focus-visible{outline:2px solid var(--bv-color-focus);outline-offset:2px}.demo-guide-cursor{position:fixed;width:48px;height:48px;pointer-events:none;z-index:99999;transform-origin:center center;will-change:transform,opacity;transition:left .55s cubic-bezier(.22,1,.36,1),top .55s cubic-bezier(.22,1,.36,1)}.demo-guide-cursor.is-click{animation:demo-guide-tap 1.6s ease-in-out infinite}.demo-guide-cursor.is-hover-click{--cursor-sweep: 60px;animation:demo-guide-hover-click 3.6s ease-in-out infinite}.demo-guide-cursor.is-drag{animation:demo-guide-drag-move 3.25s ease-in-out infinite;transition:none}.demo-guide-cursor-icon{position:absolute;top:3px;left:4px;color:var(--bv-color-ink);fill:color-mix(in srgb,var(--bv-color-paper) 72%,transparent);z-index:2}.demo-guide-click-pulse{position:absolute;left:8px;top:9px;width:16px;height:16px;border-radius:50%;border:1px solid color-mix(in srgb,var(--bv-color-accent) 84%,transparent);background:color-mix(in srgb,var(--bv-color-accent) 22%,transparent);animation:demo-guide-click-pulse 1.6s cubic-bezier(.22,1,.36,1) infinite;will-change:transform,opacity}.is-hover-click .demo-guide-click-pulse{animation:demo-guide-hover-pulse 3.6s cubic-bezier(.22,1,.36,1) infinite}@keyframes demo-guide-tap{0%,to{transform:translateZ(0) scale(1);opacity:.92}40%{transform:translateZ(0) scale(1);opacity:1}50%{transform:translate3d(0,2px,0) scale(.86);opacity:1}62%{transform:translateZ(0) scale(1.02);opacity:1}74%{transform:translateZ(0) scale(1);opacity:.96}}@keyframes demo-guide-hover-click{0%{transform:translate3d(calc(var(--cursor-sweep, 60px) * -1),-8px,0) scale(1);opacity:.35}12%{transform:translateZ(0) scale(1);opacity:1}24%{transform:translateZ(0) scale(1);opacity:1}29%{transform:translate3d(0,2px,0) scale(.86);opacity:1}34%{transform:translateZ(0) scale(1.02);opacity:1}42%{transform:translateZ(0) scale(1);opacity:1}47%{transform:translate3d(0,2px,0) scale(.86);opacity:1}52%{transform:translateZ(0) scale(1.02);opacity:1}62%{transform:translateZ(0) scale(1);opacity:.95}78%{transform:translate3d(calc(var(--cursor-sweep, 60px) * -.4),-4px,0) scale(1);opacity:.65}to{transform:translate3d(calc(var(--cursor-sweep, 60px) * -1),-8px,0) scale(1);opacity:.35}}@keyframes demo-guide-click-pulse{0%,38%{opacity:0;transform:scale(.55)}52%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes demo-guide-hover-pulse{0%,24%{opacity:0;transform:scale(.55)}29%{opacity:.95;transform:scale(1)}39%{opacity:0;transform:scale(2.6)}42%{opacity:0;transform:scale(.55)}47%{opacity:.95;transform:scale(1)}57%,to{opacity:0;transform:scale(2.6)}}@keyframes demo-guide-drag-move{0%{transform:translateZ(0) scale(1);opacity:.92}12%{transform:translateZ(0) scale(1.04) rotate(-2deg);opacity:1}20%{transform:translateZ(0) scale(.98) rotate(-2deg)}62%{transform:translate3d(var(--cursor-dx),var(--cursor-dy),0) scale(1);opacity:1}76%{transform:translate3d(var(--cursor-dx),var(--cursor-dy),0) scale(.94);opacity:1}86%{transform:translate3d(var(--cursor-dx),var(--cursor-dy),0) scale(.98);opacity:.88}to{transform:translateZ(0) scale(1);opacity:.92}}.demo-loading-screen{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;background:var(--bv-color-paper);isolation:isolate}.demo-loading-screen:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,var(--bv-bloom-accent) 0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--bv-bloom-ember) 0%,transparent 50%)}.demo-loading-screen.demo-loading-exit{animation:loading-exit .6s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes loading-exit{0%{opacity:1}to{opacity:0;visibility:hidden}}.demo-loading-content{display:flex;flex-direction:column;align-items:center;gap:48px;position:relative;z-index:1}.demo-loading-logo{display:flex;align-items:center;gap:12px}.demo-loading-logo-text{font-family:var(--bv-font-display);font-size:56px;font-weight:700;color:var(--bv-color-ink);letter-spacing:var(--bv-tracking-display)}.demo-loading-logo-dot{width:12px;height:12px;border-radius:50%;background:var(--bv-color-accent);animation:dot-breathe 2s ease-in-out 4}@keyframes dot-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.demo-loading-spinner{width:40px;height:40px;border:3px solid var(--bv-color-rule);border-top-color:var(--bv-color-accent);border-radius:50%;animation:spin .8s linear infinite;will-change:transform}@keyframes spin{to{transform:rotate(360deg)}}