@import url('https://fonts.googleapis.com/css2?family=Anton&family=Bangers&family=Fredoka:wght@600;700;800&family=Luckiest+Guy&family=Montserrat:wght@800;900&family=Outfit:wght@700;800;900&family=Titan+One&display=swap');.editor-header{margin-bottom:2rem;text-align:center}.page-title{font-size:2.25rem;font-weight:800;letter-spacing:-0.03em;margin-bottom:0.65rem;color:var(--text-primary)}.page-subtitle{font-size:1.02rem;color:var(--text-secondary);max-width:720px;margin:0 auto;line-height:1.6}.drop-zone{background:var(--bg-card);border:2px dashed var(--border-strong);border-radius:var(--radius-xl);padding:4.5rem 2rem;text-align:center;cursor:pointer;transition:var(--transition);position:relative;max-width:820px;margin:0 auto 3rem}.drop-zone:hover,.drop-zone.dragover{border-color:var(--dev-blue);background:rgba(13,82,247,0.04);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.drop-zone-icon-box{width:76px;height:76px;background:rgba(13,82,247,0.1);border:1px solid rgba(13,82,247,0.25);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--dev-blue-400);transition:var(--transition)}.drop-zone:hover .drop-zone-icon-box{transform:scale(1.08);background:var(--dev-blue);color:#FFFFFF}.drop-zone-icon-box svg{width:36px;height:36px}.drop-zone-title{font-size:1.35rem;font-weight:700;margin-bottom:0.5rem;color:var(--text-primary)}.drop-zone-subtitle{font-size:0.95rem;color:var(--text-muted);margin-bottom:1.5rem}.drop-zone-actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.75rem;flex-wrap:wrap}.file-badges{display:flex;justify-content:center;gap:0.75rem;flex-wrap:wrap}.file-badge{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);padding:0.35rem 0.85rem;border-radius:var(--radius-full);font-size:0.78rem;font-weight:600;color:var(--text-secondary)}.hidden-input{display:none}.studio-workspace{display:flex;flex-direction:column;gap:1.75rem}.workspace-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:0.9rem 1.4rem}.topbar-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.file-icon-badge{width:40px;height:40px;border-radius:var(--radius-md);background:rgba(13,82,247,0.1);border:1px solid rgba(13,82,247,0.2);display:flex;align-items:center;justify-content:center;color:var(--dev-blue-400)}.file-icon-badge svg{width:20px;height:20px}.topbar-meta{display:flex;flex-direction:column}.topbar-filename{font-size:0.95rem;font-weight:700;color:var(--text-primary);max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-details{font-size:0.78rem;color:var(--text-muted);display:flex;gap:0.75rem}.topbar-actions{display:flex;align-items:center;gap:0.75rem}.workspace-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:1.75rem;align-items:start}@media (max-width:1024px){.workspace-grid{grid-template-columns:1fr}}.video-stage-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:90px}.stage-aspect-bar{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.aspect-label{font-size:0.8rem;font-weight:600;color:var(--text-muted)}.aspect-options{display:flex;gap:0.35rem;background:var(--bg-surface);padding:0.25rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.aspect-btn{background:transparent;border:none;padding:0.35rem 0.75rem;border-radius:var(--radius-sm);font-size:0.78rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.aspect-btn:hover{color:var(--text-primary)}.aspect-btn.active{background:var(--dev-blue);color:#FFFFFF}.video-viewport-wrapper{position:relative;width:100%;background:#000000;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 36px rgba(0,0,0,0.55);min-height:380px;max-height:600px}.video-viewport-wrapper.ratio-9-16{aspect-ratio:9 / 16;max-width:340px;margin:0 auto}.video-viewport-wrapper.ratio-16-9{aspect-ratio:16 / 9;width:100%}.video-viewport-wrapper.ratio-1-1{aspect-ratio:1 / 1;max-width:440px;margin:0 auto}.video-viewport-wrapper.ratio-4-5{aspect-ratio:4 / 5;max-width:380px;margin:0 auto}#mainVideo{width:100%;height:100%;object-fit:contain;background:#000000;display:block}.subtitle-overlay-container{position:absolute;left:50%;top:75%;transform:translate(-50%,-50%);pointer-events:auto;cursor:grab;display:flex;justify-content:center;align-items:center;padding:0.2rem 0.6rem;z-index:10;user-select:none;max-width:95%;box-sizing:border-box;transition:box-shadow 0.15s ease}.subtitle-overlay-container:active{cursor:grabbing}.subtitle-overlay-container.is-dragging{cursor:grabbing;outline:2px dashed var(--dev-blue);outline-offset:4px;border-radius:var(--radius-sm);background:rgba(30,58,138,0.2)}.subtitle-badge-text{display:inline-block;text-align:center;line-height:1.22;word-break:break-word;white-space:pre-wrap;user-select:none;max-width:100%;paint-order:stroke fill;-webkit-font-smoothing:antialiased}@keyframes subAnimBounce{0%{transform:scale(0.82);opacity:0}55%{transform:scale(1.12);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes subAnimSlideUp{0%{transform:translateY(14px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes subAnimZoom{0%{transform:scale(0.5);opacity:0}80%{transform:scale(1.06);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes subAnimPulse{0%{filter:brightness(1) drop-shadow(0 0 0 rgba(0,240,255,0))}50%{filter:brightness(1.35) drop-shadow(0 0 12px rgba(0,240,255,0.9))}100%{filter:brightness(1) drop-shadow(0 0 4px rgba(0,240,255,0.5))}}.anim-bounce{animation:subAnimBounce 0.28s cubic-bezier(0.34,1.56,0.64,1) forwards}.anim-slide{animation:subAnimSlideUp 0.24s cubic-bezier(0.16,1,0.3,1) forwards}.anim-zoom{animation:subAnimZoom 0.25s cubic-bezier(0.2,0.9,0.3,1) forwards}.anim-pulse{animation:subAnimPulse 0.35s ease-out forwards}.anim-none{animation:none}.subtitle-badge-text.style-badaboom{font-family:'Bangers',cursive;color:#FFE600;-webkit-text-stroke:4px #000000;text-shadow:3px 3px 0 #000000,5px 5px 0 #000000,0 8px 16px rgba(0,0,0,0.8);letter-spacing:0.04em;text-transform:uppercase}.subtitle-badge-text.style-mrbeast{font-family:'Luckiest Guy',cursive;color:#FFFFFF;background-color:rgba(0,0,0,0.92);-webkit-text-stroke:3.5px #000000;padding:0.45rem 1rem;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,0.7);letter-spacing:0.03em;text-transform:uppercase}.subtitle-badge-text.style-tiktok{font-family:'Luckiest Guy',cursive;color:#FFE600;-webkit-text-stroke:4px #000000;text-shadow:0 4px 14px rgba(0,0,0,0.9);letter-spacing:0.02em;text-transform:uppercase}.subtitle-badge-text.style-fuego{font-family:'Bangers',cursive;color:#FF3D00;-webkit-text-stroke:4px #000000;text-shadow:2px 2px 0 #FFE600,4px 4px 0 #000000,0 8px 16px rgba(0,0,0,0.85);letter-spacing:0.04em;text-transform:uppercase}.subtitle-badge-text.style-neon{font-family:'Outfit',sans-serif;font-weight:900;color:#00F0FF;-webkit-text-stroke:2.5px #050814;text-shadow:0 0 12px #00F0FF,0 0 24px #00F0FF,0 2px 8px rgba(0,0,0,0.9);letter-spacing:0.04em;text-transform:uppercase}.subtitle-badge-text.style-kawaii{font-family:'Titan One',cursive;color:#A3E635;-webkit-text-stroke:4px #000000;text-shadow:3px 3px 0 #000000,0 6px 14px rgba(0,0,0,0.7);letter-spacing:0.02em;text-transform:uppercase}.stage-controls-hud{display:flex;flex-direction:column;gap:0.85rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1rem 1.25rem}.progress-scrubber-row{display:flex;align-items:center;gap:1rem}.video-scrubber{flex-grow:1;-webkit-appearance:none;appearance:none;height:6px;background:var(--border-strong);border-radius:var(--radius-full);outline:none;cursor:pointer;transition:background 0.2s}.video-scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--dev-blue);border:2px solid #FFFFFF;cursor:pointer;box-shadow:0 0 8px var(--dev-blue-glow);transition:transform 0.15s ease}.video-scrubber::-webkit-slider-thumb:hover{transform:scale(1.25)}.timestamp-display{font-family:var(--font-mono);font-size:0.78rem;font-weight:600;color:var(--text-secondary);min-width:105px;text-align:right}.playback-buttons-row{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;flex-wrap:wrap}.btn-icon-hud{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.btn-icon-hud:hover{color:var(--text-primary);border-color:var(--dev-blue);background:var(--bg-surface-elevated)}.btn-icon-hud svg{width:18px;height:18px}.btn-play-pause{background:var(--dev-blue);color:#FFFFFF;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px var(--dev-blue-glow);transition:var(--transition)}.btn-play-pause:hover{background:var(--dev-blue-hover);transform:scale(1.06)}.btn-play-pause svg{width:20px;height:20px}.hud-speed-select{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-sm);padding:0.35rem 0.65rem;font-size:0.78rem;font-weight:600;font-family:var(--font-sans);cursor:pointer}.inspector-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden}.inspector-tabs-nav{display:flex;border-bottom:1px solid var(--border-subtle);background:var(--dev-blue-50)}[data-theme="dark"] .inspector-tabs-nav{background:rgba(13,82,247,0.08)}.inspector-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:1rem 0.75rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:0.85rem;font-weight:700;cursor:pointer;transition:var(--transition)}.inspector-tab-btn svg{width:17px;height:17px}.inspector-tab-btn:hover{color:var(--dev-blue);background:rgba(13,82,247,0.04)}.inspector-tab-btn.active{color:var(--dev-blue);border-bottom-color:var(--dev-blue);background:var(--bg-surface)}[data-theme="light"] .inspector-tab-btn.active{background:#FFFFFF;color:var(--dev-blue)}.tab-badge-count{background:rgba(13,82,247,0.12);color:var(--dev-blue);padding:0.15rem 0.5rem;border-radius:var(--radius-full);font-size:0.7rem;font-weight:800;border:1px solid rgba(13,82,247,0.18)}.inspector-tab-pane{padding:1.5rem;display:none}.inspector-tab-pane.active{display:block}.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.timeline-tools-group{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}.subtitles-blocks-container{display:flex;flex-direction:column;gap:0.85rem;max-height:520px;overflow-y:auto;padding-right:0.35rem}.sub-block-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1rem;display:flex;flex-direction:column;gap:0.75rem;transition:var(--transition);position:relative}.sub-block-card:hover{border-color:var(--border-strong)}.sub-block-card.active-in-video{border-color:var(--dev-blue);background:rgba(13,82,247,0.06);box-shadow:0 0 16px rgba(13,82,247,0.15)}.sub-block-header{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.sub-block-number{font-family:var(--font-mono);font-size:0.72rem;font-weight:700;color:var(--text-muted)}.sub-time-inputs{display:flex;align-items:center;gap:0.4rem}.time-input-field{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:0.75rem;font-weight:600;padding:0.3rem 0.5rem;width:82px;text-align:center;outline:none;transition:border-color 0.2s}.time-input-field:focus{border-color:var(--dev-blue)}.time-arrow-separator{color:var(--text-muted);font-size:0.75rem}.sub-block-actions{display:flex;align-items:center;gap:0.35rem}.btn-block-action{background:transparent;border:none;color:var(--text-muted);padding:0.25rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.btn-block-action svg{width:15px;height:15px}.btn-block-action:hover{color:var(--text-primary);background:var(--bg-surface-elevated)}.btn-block-action.delete-action:hover{color:var(--accent-rose);background:rgba(239,68,68,0.12)}.btn-sub-pos{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:0.68rem;font-weight:600;padding:0.2rem 0.45rem;cursor:pointer;display:inline-flex;align-items:center;gap:0.25rem;transition:var(--transition)}.btn-sub-pos:hover{color:var(--dev-blue);border-color:var(--dev-blue)}.btn-sub-pos.has-custom-pos{background:rgba(13,82,247,0.12);border-color:var(--dev-blue);color:var(--dev-blue)}.sub-textarea{width:100%;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:0.88rem;line-height:1.45;padding:0.65rem 0.85rem;resize:vertical;min-height:54px;outline:none;transition:border-color 0.2s}.sub-textarea:focus{border-color:var(--dev-blue)}.speech-recog-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 0.85rem;border-radius:var(--radius-full);font-size:0.78rem;font-weight:600;background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.3);color:#EF4444}.speech-pulse-dot{width:8px;height:8px;border-radius:50%;background:#EF4444;animation:speechPulse 1.2s infinite}@keyframes speechPulse{0%{transform:scale(0.9);opacity:0.7}50%{transform:scale(1.3);opacity:1}100%{transform:scale(0.9);opacity:0.7}}.styles-section-title{font-size:0.88rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.85rem}.presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0.75rem;margin-bottom:2rem}.preset-card{background:var(--bg-surface);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1rem 0.75rem;text-align:center;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:0.6rem}.preset-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.preset-card.active{border-color:var(--dev-blue);background:rgba(13,82,247,0.06);box-shadow:0 0 16px rgba(13,82,247,0.2)}.preset-preview-box{width:100%;height:52px;border-radius:var(--radius-sm);background:linear-gradient(145deg,#0d1527,#070a14);border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0.35rem}.preset-preview-box span{paint-order:stroke fill;user-select:none;line-height:1}.preset-card-name{font-size:0.8rem;font-weight:700;color:var(--text-primary)}.style-controls-group{display:flex;flex-direction:column;gap:1.25rem}.control-row{display:flex;flex-direction:column;gap:0.45rem}.control-label-wrapper{display:flex;align-items:center;justify-content:space-between}.control-label{font-size:0.82rem;font-weight:600;color:var(--text-secondary)}.control-val-badge{font-family:var(--font-mono);font-size:0.75rem;font-weight:600;color:var(--dev-blue-400)}.custom-range{width:100%;-webkit-appearance:none;appearance:none;height:6px;background:var(--border-strong);border-radius:var(--radius-full);outline:none;cursor:pointer}.custom-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--dev-blue);border:2px solid #FFFFFF;cursor:pointer;box-shadow:0 0 8px var(--dev-blue-glow)}.colors-palette-row{display:flex;align-items:center;gap:0.65rem;flex-wrap:wrap}.color-swatch-btn{width:28px;height:28px;border-radius:50%;border:2px solid var(--border-strong);cursor:pointer;transition:transform 0.15s ease}.color-swatch-btn:hover{transform:scale(1.15)}.color-swatch-btn.active{border-color:#FFFFFF;box-shadow:0 0 10px rgba(255,255,255,0.6)}.native-color-picker{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:transparent;cursor:pointer;padding:0}.pill-options-group{display:flex;gap:0.45rem;flex-wrap:wrap}.pill-option-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:0.45rem 0.85rem;font-size:0.78rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.pill-option-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.pill-option-btn.active{background:var(--dev-blue);color:#FFFFFF;border-color:var(--dev-blue)}.export-cards-list{display:flex;flex-direction:column;gap:1.25rem}.export-card-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;transition:var(--transition)}.export-card-item:hover{border-color:var(--border-strong);background:var(--bg-surface-elevated)}.export-card-info{display:flex;align-items:flex-start;gap:1rem;max-width:420px}.export-card-icon{width:44px;height:44px;border-radius:var(--radius-md);background:rgba(13,82,247,0.1);border:1px solid rgba(13,82,247,0.2);display:flex;align-items:center;justify-content:center;color:var(--dev-blue-400);flex-shrink:0}.export-card-icon svg{width:22px;height:22px}.export-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:0.25rem}.export-desc{font-size:0.82rem;color:var(--text-muted);line-height:1.45}.render-progress-box{margin-top:1rem;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.2rem;display:none}.render-progress-box.active{display:block}.render-progress-bar-bg{width:100%;height:8px;background:var(--border-strong);border-radius:var(--radius-full);overflow:hidden;margin:0.75rem 0}.render-progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--dev-blue) 0%,#60A5FA 100%);border-radius:var(--radius-full);transition:width 0.15s ease}.render-status-row{display:flex;justify-content:space-between;font-size:0.8rem;color:var(--text-secondary)}.studio-toast{position:fixed;bottom:2rem;right:2rem;background:var(--bg-surface-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:0.85rem 1.35rem;display:flex;align-items:center;gap:0.75rem;box-shadow:0 12px 32px rgba(0,0,0,0.45);z-index:1000;transform:translateY(100px);opacity:0;transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}.studio-toast.show{transform:translateY(0);opacity:1}.studio-toast-icon{color:var(--accent-emerald)}.studio-toast-icon svg{width:20px;height:20px}.studio-toast-text{font-size:0.85rem;font-weight:600;color:var(--text-primary)}.ai-transcribe-box{background:var(--dev-blue-50);border:1px solid var(--dev-blue-100);border-radius:var(--radius-lg);padding:1.15rem;margin-bottom:1.25rem;box-shadow:0 4px 16px rgba(13,82,247,0.06);animation:fadeInSlide 0.3s ease-out}[data-theme="dark"] .ai-transcribe-box{background:linear-gradient(135deg,rgba(13,82,247,0.12) 0%,rgba(15,26,58,0.85) 100%);border-color:rgba(13,82,247,0.35)}@keyframes fadeInSlide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ai-transcribe-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.4rem}.ai-transcribe-status-group{display:flex;align-items:center;gap:0.55rem}.ai-pulse-dot{width:9px;height:9px;background:var(--dev-blue);border-radius:50%;box-shadow:0 0 10px var(--dev-blue-glow);animation:aiPulse 1.4s infinite ease-in-out}@keyframes aiPulse{0%,100%{transform:scale(0.9);opacity:0.7}50%{transform:scale(1.35);opacity:1;box-shadow:0 0 16px var(--dev-blue-glow)}}.ai-transcribe-title{font-size:0.88rem;font-weight:700;color:var(--text-primary)}.ai-transcribe-percent{font-family:var(--font-mono);font-size:0.85rem;font-weight:700;color:var(--dev-blue)}.ai-transcribe-details{font-size:0.78rem;color:var(--text-secondary);margin-bottom:0.75rem;line-height:1.4}.ai-transcribe-progress-bar{width:100%;height:6px;background:rgba(13,82,247,0.12);border-radius:var(--radius-full);overflow:hidden;margin-bottom:0.75rem}.ai-transcribe-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--dev-blue) 0%,#3B82F6 100%);border-radius:var(--radius-full);transition:width 0.25s ease}.ai-transcribe-footer{display:flex;align-items:center;justify-content:space-between;gap:0.75rem}.ai-transcribe-hint{font-size:0.7rem;color:var(--text-muted)}.subtitles-empty-state{text-align:center;padding:2.5rem 1.5rem;background:rgba(15,23,42,0.4);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:1rem}.empty-state-icon{width:44px;height:44px;margin:0 auto 0.75rem auto;color:var(--dev-blue-400);opacity:0.8}.empty-state-icon svg{width:100%;height:100%}.empty-state-title{font-size:0.92rem;font-weight:700;color:var(--text-primary);margin-bottom:0.35rem}.empty-state-desc{font-size:0.78rem;color:var(--text-secondary);max-width:340px;margin:0 auto;line-height:1.45}.audio-visualizer-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}