.voice-studio{--voice-accent:#344f3e;--voice-accent-text:#fffdf9;--voice-tint:#edf2eb;--voice-record:#a9472c;--voice-record-tint:#fff2ec;padding:24px;overflow:hidden;min-width:0}
.voice-studio__heading{display:flex;align-items:center;gap:12px}.voice-studio__emblem{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;background:var(--voice-tint);color:var(--voice-accent);border:1px solid var(--border);border-radius:14px}.voice-studio__emblem .icon{width:25px;height:25px}.voice-studio h2{font-size:1.15rem;margin:3px 0 0;line-height:1.6}.voice-eyebrow{font-size:.62rem;color:var(--muted);line-height:1.8;display:block}.voice-studio__intro{color:var(--muted);font-size:.78rem;line-height:1.95;margin:14px 0 22px}.voice-section{padding-top:20px;border-top:1px solid var(--border);margin-top:20px}.voice-section>h3{display:flex;align-items:center;gap:9px;font-size:.89rem;margin:0 0 15px}.voice-step{font-family:var(--font-latin);font-size:.69rem;font-weight:400;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:9px;color:var(--muted);flex-shrink:0}.voice-player{border:1px solid var(--border);border-radius:15px;padding:15px;background:var(--voice-tint);min-width:0}.voice-player__heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 8px;font-size:.74rem;line-height:1.8;margin-bottom:15px;color:var(--ink)}.voice-player__caption{color:var(--muted);font-size:.62rem}.voice-player__main{display:flex;align-items:center;gap:12px;min-width:0}.voice-play{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;background:var(--voice-accent);color:var(--voice-accent-text);padding:11px;cursor:pointer}.voice-play .icon{display:block;width:21px;height:21px}.voice-play:hover{filter:brightness(1.1)}.voice-track{flex:1;min-width:0}.voice-studio input.voice-seek{display:block;width:100%;min-width:0;height:26px;margin:0;padding:0;border:0;box-shadow:none;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;direction:ltr}.voice-times{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.71rem;line-height:1;font-family:var(--font-latin);font-variant-numeric:tabular-nums;color:var(--muted)}.voice-player__tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--border);margin-top:15px;padding-top:10px}.voice-speed{display:flex;align-items:center;gap:8px;font-size:.68rem;color:var(--muted)}.voice-studio .voice-speed>span{font-size:.68rem;white-space:nowrap;flex-shrink:0}.voice-studio .voice-speed select{padding:3px 5px;min-height:34px;width:67px;max-width:67px;flex:0 0 67px;font-size:.76rem;direction:ltr;border:1px solid var(--border);border-radius:8px;background:var(--paper);color:var(--ink)}.voice-loop{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:5px 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-size:.69rem;cursor:pointer}.voice-loop .icon{width:17px;height:17px}.voice-loop[aria-pressed=true]{border-color:var(--voice-accent);background:var(--paper);color:var(--voice-accent)}.voice-player__status{font-size:.74rem;line-height:1.8;color:var(--voice-record);margin:10px 0 0}.voice-recorder{padding:16px;border:1px solid var(--border);border-radius:15px;background:var(--paper);transition:background .2s,border-color .2s}.voice-recorder__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;font-size:.68rem}.voice-state{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--muted)}.voice-state i{width:7px;height:7px;border-radius:50%;background:var(--sage);flex-shrink:0}.voice-record-time{font-family:var(--font-latin);font-variant-numeric:tabular-nums;font-size:.82rem;color:var(--ink)}.voice-time-limit{color:var(--muted);font-size:.68rem}.voice-wave{position:relative;height:74px;margin:15px 0 4px;color:var(--voice-accent)}.voice-wave canvas{display:block;width:100%;height:100%}.voice-wave__icon{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,var(--paper) 20%,transparent 64%);color:var(--voice-accent);pointer-events:none}.voice-wave__icon .icon{width:27px;height:27px}.voice-recorder__hint{font-size:.73rem;line-height:1.85;color:var(--muted);text-align:center;margin:8px 0 16px}.voice-record-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.voice-studio .voice-record-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;font-size:.78rem;padding:10px 8px;background:var(--clay-dark);border-color:var(--clay-dark);color:#fffdf9}.voice-record-button>.icon,.voice-record-button .icon{width:19px;height:19px;display:block}.voice-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:7px 10px;border:1px solid var(--border);border-radius:9px;color:var(--sage-dark);background:transparent;font-size:.7rem;cursor:pointer;text-decoration:none;line-height:1.7}.voice-secondary:hover{background:var(--voice-tint);color:var(--ink)}.voice-secondary .icon{width:16px;height:16px;flex-shrink:0}.voice-record-status{font-size:.73rem;line-height:1.85;margin:12px 0 0;color:var(--muted);text-align:center}.voice-record-status:empty{display:none}.voice-preview{margin-top:14px}.voice-preview__tools{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:12px}.voice-delete{color:var(--voice-record)}.voice-privacy{display:flex;gap:8px;align-items:flex-start;border-top:1px solid var(--border);padding-top:17px;margin:22px 0 0;color:var(--muted);font-size:.68rem;line-height:1.85}.voice-privacy .icon{flex:0 0 15px;width:15px;height:15px;margin-top:4px}.voice-empty{padding:16px;border:1px dashed var(--border-strong);border-radius:14px;text-align:center;background:var(--voice-tint)}.voice-empty>.icon{width:24px;height:24px;color:var(--sage-dark)}.voice-empty p{font-size:.74rem;color:var(--muted);line-height:1.9;margin:8px 0 0}.voice-empty .button{margin-top:14px;font-size:.7rem}.voice-studio button:disabled{opacity:.5;cursor:default}.voice-studio button:focus-visible,.voice-studio input:focus-visible,.voice-studio select:focus-visible,.voice-studio a:focus-visible{outline:3px solid var(--clay);outline-offset:3px}.voice-studio[data-record-state=recording] .voice-recorder{border-color:var(--voice-record);background:var(--voice-record-tint)}.voice-studio[data-record-state=recording] .voice-state{color:var(--voice-record)}.voice-studio[data-record-state=recording] .voice-state i{background:var(--voice-record);animation:voice-dot 1.4s ease-in-out infinite}.voice-studio[data-record-state=recording] .voice-wave{color:var(--voice-record)}.voice-studio[data-record-state=paused] .voice-state i{background:var(--gold)}.voice-studio[data-record-state=ready] .voice-state{color:var(--voice-accent)}.voice-studio[data-record-state=error] .voice-record-status{color:var(--voice-record)}.voice-studio[data-record-state=requesting] .voice-state i{animation:voice-dot 1s ease-in-out infinite}
@keyframes voice-dot{50%{opacity:.35}}
:root[data-theme=dark] .voice-studio{--voice-accent:#c5d9bd;--voice-accent-text:#19291d;--voice-tint:#25362b;--voice-record:#f0aa8c;--voice-record-tint:#382e27}:root[data-theme=dark] .voice-studio .voice-record-button{color:#17261b}
@media(max-width:600px){.voice-studio{padding:22px}.voice-studio__intro{font-size:.83rem}.voice-eyebrow{font-size:.67rem}.voice-section>h3{font-size:.96rem}.voice-player__heading{font-size:.81rem}.voice-player__caption{font-size:.68rem}.voice-recorder__hint,.voice-record-status{font-size:.79rem}.voice-studio .voice-record-button{font-size:.83rem}.voice-secondary{font-size:.76rem}.voice-privacy{font-size:.72rem}}
@media(max-width:360px){.voice-studio{padding:18px 14px}.voice-player,.voice-recorder{padding:13px}.voice-player__main{gap:9px}.voice-player__caption{width:100%}.voice-preview__tools .voice-secondary{flex:1;padding-inline:6px}}
@media(prefers-reduced-motion:reduce){.voice-recorder{transition:none}.voice-studio .voice-state i{animation:none!important}}

.voice-studio input.voice-seek::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(to right,var(--voice-accent) var(--voice-progress,0%),var(--border-strong) var(--voice-progress,0%))}.voice-studio input.voice-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:2px solid var(--paper);border-radius:50%;background:var(--voice-accent);box-shadow:0 0 0 1px var(--voice-accent);margin-top:-4.5px}.voice-studio input.voice-seek::-moz-range-track{height:5px;border-radius:5px;background:var(--border-strong)}.voice-studio input.voice-seek::-moz-range-progress{height:5px;border-radius:5px;background:var(--voice-accent)}.voice-studio input.voice-seek::-moz-range-thumb{width:11px;height:11px;border:2px solid var(--paper);border-radius:50%;background:var(--voice-accent);box-shadow:0 0 0 1px var(--voice-accent)}