.voicetype{max-width:44rem;margin:0 auto;padding:var(--mk-space-8) var(--mk-space-6) var(--fs-space-16);display:flex;flex-direction:column;gap:var(--mk-space-7)}.voicetype-head h1{font-size:var(--fs-text-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--mk-space-4)}.voicetype-head p{color:var(--mk-text-2);margin:0}.voicetype-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mk-space-6)}.voicetype-record{display:inline-flex;align-items:center;gap:var(--mk-space-5);padding:var(--mk-space-6) var(--mk-space-8);font-size:var(--fs-text-lg);font-weight:var(--font-weight-semibold);color:var(--mk-text-inverse);background:var(--mk-primary);border:2px solid transparent;border-radius:var(--mk-radius-full);cursor:pointer}.voicetype-record:hover:not(:disabled){background:var(--mk-primary-hover)}.voicetype-record:disabled{opacity:.6;cursor:progress}.voicetype-record:focus-visible{outline:3px solid var(--fs-border-focus);outline-offset:3px}.voicetype-record.is-recording{background:var(--mk-danger)}.voicetype-dot{width:.85rem;height:.85rem;border-radius:var(--mk-radius-full);background:currentColor}.voicetype-record.is-recording .voicetype-dot{animation:voicetype-pulse 1s ease-in-out infinite}@keyframes voicetype-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}@media(prefers-reduced-motion:reduce){.voicetype-record.is-recording .voicetype-dot{animation:none}}.voicetype-elapsed{font-family:var(--font-family-mono);font-size:var(--fs-text-xl);font-variant-numeric:tabular-nums;color:var(--mk-text-2)}.voicetype-elapsed.is-near-limit{color:var(--mk-danger);font-weight:var(--font-weight-bold)}.voicetype-lang{margin-left:auto;display:inline-flex;align-items:center;gap:var(--mk-space-4);color:var(--mk-text-2);font-size:var(--fs-text-sm)}.voicetype-lang select{padding:var(--mk-space-4) var(--mk-space-5);border:1px solid var(--mk-border-strong);border-radius:var(--mk-radius-md);background:var(--mk-bg);color:var(--mk-text);font-size:var(--fs-text-sm)}.voicetype-status{min-height:1.5rem;color:var(--mk-text-2);font-size:var(--fs-text-sm)}.voicetype-status.is-error{color:var(--mk-danger);font-weight:var(--font-weight-medium)}.voicetype-transcript{width:100%;min-height:16rem;padding:var(--mk-space-6);font-family:var(--font-family-sans);font-size:var(--fs-text-lg);line-height:var(--line-height-relaxed);color:var(--mk-text);background:var(--mk-bg);border:1px solid var(--mk-border-strong);border-radius:var(--mk-radius-lg);resize:vertical}.voicetype-transcript:focus-visible{outline:2px solid var(--fs-border-focus);outline-offset:1px}.voicetype-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mk-space-5)}.voicetype-copy{padding:var(--mk-space-5) var(--mk-space-7);font-size:var(--fs-text-base);font-weight:var(--font-weight-semibold);color:var(--mk-text-inverse);background:var(--mk-primary);border:2px solid transparent;border-radius:var(--mk-radius-lg);cursor:pointer}.voicetype-copy:disabled{opacity:.5;cursor:not-allowed}.voicetype-copy.is-copied{background:var(--mk-success)}.voicetype-copy:focus-visible,.voicetype-clear:focus-visible{outline:3px solid var(--fs-border-focus);outline-offset:2px}.voicetype-clear{padding:var(--mk-space-5) var(--mk-space-6);font-size:var(--fs-text-base);color:var(--mk-text-2);background:transparent;border:1px solid var(--mk-border-strong);border-radius:var(--mk-radius-lg);cursor:pointer}.voicetype-clear:disabled{opacity:.5;cursor:not-allowed}.voicetype-hint{color:var(--mk-text-3);font-size:var(--fs-text-sm);margin:0}.voicetype-hint kbd{font-family:var(--font-family-mono);font-size:var(--fs-text-xs);padding:.1rem .35rem;border:1px solid var(--mk-border-strong);border-bottom-width:2px;border-radius:var(--mk-radius-sm);background:var(--mk-bg-3);color:var(--mk-text-2)}.voicetype-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}