.record-panel{backdrop-filter:blur(6px)}.recorder-waveform{position:relative;border-radius:12px;border:1px solid hsl(var(--border));background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(30,64,175,.08));padding:16px 16px 24px;overflow:hidden}.recorder-waveform--recording{box-shadow:0 0 0 1px rgba(239,68,68,.4),0 10px 40px rgba(14,165,233,.15)}.recorder-waveform__canvas{position:relative;width:100%;height:148px}.recorder-waveform__overlay{position:absolute;inset:auto 16px 8px;display:flex;align-items:center;gap:8px;font-size:12px}.status-dot{display:inline-flex;width:10px;height:10px;border-radius:9999px;background:rgba(148,163,184,.7);box-shadow:0 0 0 0 rgba(14,165,233,.4);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.status-dot--active{background:hsl(var(--primary));box-shadow:0 0 0 6px rgba(14,165,233,.25);transform:scale(1.05)}.status-dot--recording{background:hsl(var(--destructive));animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.25);opacity:1}}kbd.shortcut{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:4px;border:1px solid hsl(var(--border));background:rgba(148,163,184,.15);font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase}