@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}.drop-zone-icon{animation:float 3s var(--ease-out) infinite}.waveform-upload:hover .drop-zone-icon,.waveform-upload.drag-over .drop-zone-icon{animation:none;transform:translateY(-3px)}.controls-bar button:active:not(:disabled),.tools-grid button:active:not(:disabled),.btn-export:active:not(:disabled),.btn-apply:active,.btn-secondary:active,.btn-preview:active,.zoom-btn:active:not(:disabled),.btn-new:active:not(:disabled){transform:scale(.95)}.controls-bar button:active:not(:disabled){transform:scale(.92)}.tool-panel{opacity:0;transition:max-height var(--duration-slow) ease,opacity var(--duration-normal)}.tool-panel.open{opacity:1}.modal-content{transform:translateY(var(--space-lg));opacity:0;transition:transform var(--duration-slow) var(--ease-out),opacity var(--duration-normal)}.export-modal.open .modal-content{transform:translateY(0);opacity:1}.modal-backdrop{opacity:0;transition:opacity var(--duration-normal)}.export-modal.open .modal-backdrop{opacity:1}.processing-overlay{display:none;position:absolute;inset:0;z-index:100;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);background:#fffc;pointer-events:all}.processing-overlay.active{display:flex}.processing-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;animation:spin .6s linear infinite}.processing-text{font-size:13px;color:var(--color-text-secondary, #666);user-select:none}.btn-export.loading{pointer-events:none;position:relative}.btn-export.loading:after{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-surface);border-radius:50%;animation:spin .6s linear infinite;display:inline-block;margin-left:var(--space-sm);vertical-align:middle}