.vd-layout{flex-direction:column;gap:1.25rem;display:flex}.vd-card{background:var(--surface-card,#fff);border:1px solid var(--border-subtle,#e2e8f0);border-radius:var(--radius-lg,12px);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.vd-top-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.vd-record-banner{background:var(--surface-subtle,#f8fafc);border:1px solid var(--border-subtle,#e2e8f0);border-radius:var(--radius-md,8px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.vd-record-banner.is-listening{background:#ef44440d;border-color:#ef44444d}.vd-status-group{align-items:center;gap:.75rem;display:flex}.vd-mic-btn{cursor:pointer;background:var(--primary,#6366f1);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f14d}.vd-mic-btn.is-active{background:#ef4444;animation:1.8s infinite vd-pulse;box-shadow:0 0 0 6px #ef444433}@keyframes vd-pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 14px #ef444400}to{box-shadow:0 0 #ef444400}}.vd-status-text{flex-direction:column;display:flex}.vd-status-title{color:var(--text-primary,#0f172a);font-size:1rem;font-weight:600}.vd-status-sub{color:var(--text-secondary,#64748b);font-size:.85rem}.vd-wave-canvas{background:0 0;width:140px;height:38px;display:block}.vd-transcript-area{border-radius:var(--radius-md,8px);border:1px solid var(--border-subtle,#cbd5e1);background:var(--surface-bg,#fff);min-height:220px;color:var(--text-primary,#0f172a);white-space:pre-wrap;outline:none;max-height:480px;padding:1.25rem;font-size:1rem;line-height:1.6;overflow-y:auto}.vd-transcript-area:focus{border-color:var(--primary,#6366f1)}.vd-interim{color:#94a3b8;font-style:italic}.vd-placeholder{color:#94a3b8}.vd-stats-bar{color:var(--text-secondary,#64748b);border-top:1px solid var(--border-subtle,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.5rem;font-size:.85rem;display:flex}.vd-stats-group{gap:1.25rem;display:flex}.vd-actions{flex-wrap:wrap;gap:.5rem;display:flex}.vd-tips{background:var(--surface-subtle,#f8fafc);border:1px solid var(--border-subtle,#e2e8f0);border-radius:var(--radius-md,8px);color:var(--text-secondary,#475569);padding:1rem;font-size:.85rem}.vd-tips h4{color:var(--text-primary,#0f172a);margin:0 0 .5rem;font-size:.9rem}.vd-tips-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem;display:grid}.vd-tip-cmd{background:#0000000d;border-radius:4px;padding:.1rem .35rem;font-family:monospace}