.floating-waveform-pill{pointer-events:auto;max-width:48rem;margin:0 auto;width:100%;display:flex;align-items:center;gap:.75rem;padding:0 .75rem 0 1.75rem;min-height:64px;border-radius:9999px;border:1px solid var(--border);background:color-mix(in oklch,var(--muted) 40%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}@media (min-width:640px){.floating-waveform-pill{min-height:80px}}.floating-waveform-timer-section{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;min-width:72px}.floating-waveform-timer{font-size:1.125rem;line-height:1.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600;font-variant-numeric:tabular-nums;color:var(--foreground)}.floating-waveform-max-hint{font-size:.75rem;line-height:1rem;color:color-mix(in oklch,var(--muted-foreground) 70%,transparent)}.floating-waveform-bars{flex:1;display:flex;align-items:center;justify-content:center;gap:.25rem;height:2.5rem}.floating-waveform-bar{width:.375rem;background:var(--primary);border-radius:9999px;transition:height 80ms ease-out}.floating-waveform-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.floating-waveform-pause-btn{border-radius:9999px;width:3rem;height:3rem;padding:0;background-color:oklch(from var(--primary) l c h/.15);color:var(--primary);border-color:oklch(from var(--primary) l c h/.3)}.floating-waveform-pause-btn:hover{background-color:oklch(from var(--primary) l c h/.25)}.floating-waveform-done-btn{border-radius:9999px;padding:0 1.5rem;height:3rem;font-size:1rem;line-height:1.5rem;font-weight:600}.floating-waveform-cancel-btn{border-radius:9999px;width:2.5rem;height:2.5rem;padding:0}.floating-waveform--paused .floating-waveform-bar{height:15%!important;transition:opacity .3s ease-out;opacity:.35}.floating-waveform--paused .floating-waveform-timer{color:var(--muted-foreground)}