:root{--bg: oklch(.985 .006 70);--bg-soft: oklch(.965 .008 70);--surface: rgba(255, 255, 255, .45);--surface-hover: rgba(255, 255, 255, .7);--card-bg: rgba(255, 255, 255, .55);--rule: oklch(.92 .006 70);--rule-strong: oklch(.85 .01 70);--ink: oklch(.18 .012 70);--ink-soft: oklch(.38 .012 70);--ink-dim: oklch(.55 .01 70);--accent: oklch(.68 .165 45);--accent-light: oklch(.74 .14 45);--accent-soft: oklch(.82 .1 45);--accent-tint: oklch(.965 .03 45);--accent-ink: oklch(.4 .13 45);--accent-grad: linear-gradient(135deg, oklch(.68 .165 45) 0%, oklch(.75 .14 75) 100%);--accent-glow: rgba(230, 115, 80, .2);--border-color: rgba(255, 255, 255, .5);--border-card: rgba(255, 255, 255, .45);--ok: oklch(.65 .14 145);--warn: oklch(.72 .15 80);--danger: oklch(.6 .18 25);--s-1: 4px;--s-2: 8px;--s-3: 16px;--s-4: 24px;--s-5: 40px;--s-6: 64px;--max-w: 860px;--max-w-wide: 960px;--r-sm: 8px;--r-md: 16px;--r-lg: 24px;--r-pill: 999px;--sans: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Inter Tight", "Segoe UI", Roboto, "Noto Sans KR", system-ui, sans-serif;--serif: "Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", "Iowan Old Style", "Charter", "Noto Serif KR", Georgia, serif;--mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;--t-xs: .85rem;--t-sm: .95rem;--t-base: 1.06rem;--t-md: 1.22rem;--t-lg: 1.5rem;--t-xl: 1.9rem;--t-2xl: 2.45rem;--t-3xl: 3rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--transition-smooth: all .3s cubic-bezier(.16, 1, .3, 1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 30px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .08)}@media (prefers-color-scheme: dark){:root{--bg: oklch(.14 .008 70);--bg-soft: oklch(.17 .01 70);--surface: rgba(30, 30, 35, .45);--surface-hover: rgba(40, 40, 45, .6);--card-bg: rgba(26, 26, 30, .65);--rule: oklch(.24 .01 70);--rule-strong: oklch(.32 .012 70);--ink: oklch(.95 .006 70);--ink-soft: oklch(.8 .008 70);--ink-dim: oklch(.55 .008 70);--accent: oklch(.73 .145 45);--accent-light: oklch(.79 .12 45);--accent-soft: oklch(.32 .07 45);--accent-tint: oklch(.22 .04 45);--accent-ink: oklch(.88 .1 45);--accent-glow: rgba(230, 115, 80, .15);--border-color: rgba(255, 255, 255, .04);--border-card: rgba(255, 255, 255, .06);--shadow-md: 0 10px 40px rgba(0, 0, 0, .25);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .45)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--t-base);line-height:1.6;font-feature-settings:"ss06","kern";overflow-x:hidden;position:relative;min-height:100vh}body:before{content:"";position:fixed;top:-15%;left:-15%;width:60%;height:60%;background:radial-gradient(circle,rgba(230,115,80,.12) 0%,transparent 70%);z-index:-2;pointer-events:none;filter:blur(120px)}body:after{content:"";position:fixed;bottom:-20%;right:-20%;width:70%;height:70%;background:radial-gradient(circle,rgba(246,201,14,.07) 0%,transparent 75%);z-index:-2;pointer-events:none;filter:blur(140px)}@media (prefers-color-scheme: dark){body:before{background:radial-gradient(circle,rgba(230,115,80,.07) 0%,transparent 70%)}body:after{background:radial-gradient(circle,rgba(246,201,14,.03) 0%,transparent 75%)}}.text-xs{font-size:var(--t-xs)}.text-sm{font-size:var(--t-sm)}.text-base{font-size:var(--t-base)}.text-md{font-size:var(--t-md)}.text-lg{font-size:var(--t-lg)}.text-xl{font-size:var(--t-xl)}a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition-smooth)}a:hover{color:var(--accent-light);border-bottom-color:currentColor}button{font-family:inherit;cursor:pointer;font-size:inherit;color:inherit;outline:none}.glass-card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-card);border-radius:var(--r-md);box-shadow:var(--shadow-md);padding:var(--s-4);transition:var(--transition-smooth)}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:#fff9}@media (prefers-color-scheme: dark){.glass-card:hover{border-color:#ffffff1a}}.topbar{display:flex;justify-content:space-between;align-items:center;padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--border-color);background:#fff6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;transition:var(--transition-smooth)}@media (prefers-color-scheme: dark){.topbar{background:#14141873}}.brand{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-md);font-weight:800;letter-spacing:-.02em}.brand-mark{font-family:var(--mono);font-size:.76rem;font-weight:700;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;background:var(--accent-tint);padding:4px 10px;border-radius:var(--r-pill);border:1px solid rgba(230,115,80,.15)}.topbar-meta{display:flex;align-items:center;gap:var(--s-3);font-size:var(--t-xs);color:var(--ink-soft);font-family:var(--sans);font-weight:600}.topbar-meta .badge{font-family:var(--mono);font-weight:600;text-transform:uppercase;font-size:.76rem;letter-spacing:.05em;padding:4px 10px;border-radius:var(--r-pill);background:var(--bg-soft);border:1px solid var(--rule);color:var(--ink-dim);display:inline-flex;align-items:center;gap:6px;transition:var(--transition-smooth)}.topbar-meta .badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ink-dim)}.topbar-meta .badge.is-ready{background:var(--accent-tint);border-color:#e6735033;color:var(--accent-ink)}.topbar-meta .badge.is-ready:before{background:var(--accent);box-shadow:0 0 8px var(--accent)}.topbar-meta .link-git{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink-soft);border-bottom:none}.topbar-meta .link-git svg{transition:transform .3s ease}.topbar-meta .link-git:hover svg{transform:rotate(8deg) scale(1.1)}.locale-toggle{display:inline-flex;align-items:center;background:var(--bg-soft);border:1px solid var(--rule);border-radius:var(--r-pill);padding:3px;overflow:hidden;box-shadow:inset 0 2px 4px #00000005}.locale-opt{border:none;background:transparent;padding:5px 12px;min-height:26px;font-family:var(--sans);font-size:var(--t-xs);font-weight:700;color:var(--ink-dim);border-radius:var(--r-pill);transition:var(--transition-smooth);letter-spacing:.02em}.locale-opt:hover{color:var(--ink)}.locale-opt.is-active{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-sm)}.page{max-width:var(--max-w);margin:0 auto;padding:var(--s-5) var(--s-4) var(--s-6);display:flex;flex-direction:column;gap:var(--s-4)}.hero{max-width:780px;text-align:center;margin:var(--s-3) auto var(--s-4) auto;display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.hero h1{font-family:var(--serif);font-size:clamp(1.8rem,5vw,var(--t-3xl));font-weight:800;line-height:1.15;letter-spacing:-.03em;margin:0;color:var(--ink);word-break:keep-all}.hero h1 em{font-style:normal;color:var(--accent);font-weight:800;background:var(--accent-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:0 .02em}.hero-sub{font-size:var(--t-base);line-height:1.6;color:var(--ink-soft);margin:0;max-width:58ch;word-break:keep-all}.loader{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3) var(--s-4);background:#e673500a;border:1px dashed rgba(230,115,80,.2);border-radius:var(--r-md);margin-bottom:var(--s-2);transition:var(--transition-smooth)}.loader.is-done{opacity:0;height:0;padding:0;margin:0;border:none;pointer-events:none;overflow:hidden}.loader-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--sans);font-size:var(--t-sm);font-weight:600;color:var(--accent-ink)}.loader-pct{color:var(--accent);font-family:var(--mono);font-size:var(--t-base);font-weight:700}.loader-bar{height:6px;background:var(--rule);overflow:hidden;border-radius:var(--r-pill);position:relative}.loader-fill{height:100%;width:0%;background:var(--accent-grad);border-radius:var(--r-pill);box-shadow:0 0 10px #e673504d;transition:width .4s cubic-bezier(.1,.8,.2,1)}.section{display:flex;flex-direction:column;gap:var(--s-2)}.section-label{font-family:var(--sans);font-size:var(--t-sm);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);display:flex;align-items:center;gap:8px;margin-bottom:2px}.section-label svg{color:var(--accent)}.section-label .label-hint{font-family:var(--sans);font-size:var(--t-xs);font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-dim);margin-left:auto}.lang-row{display:flex;gap:var(--s-2);background:var(--bg-soft);padding:4px;border-radius:var(--r-pill);border:1px solid var(--rule);align-self:flex-start;box-shadow:inset 0 2px 4px #00000005}@media (prefers-color-scheme: dark){.lang-row{background:#0003}}.lang-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;min-height:36px;background:transparent;border:none;color:var(--ink-soft);font-size:var(--t-sm);font-weight:700;border-radius:var(--r-pill);transition:var(--transition-smooth)}.lang-pill:hover{color:var(--ink)}.lang-pill.is-active{background:var(--surface-hover);color:var(--accent-ink);box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.8)}@media (prefers-color-scheme: dark){.lang-pill.is-active{background:var(--surface);border:1px solid rgba(255,255,255,.05)}}.lang-pill.is-active .lang-code{color:var(--accent);background:#e673501a}.lang-code{font-family:var(--mono);font-size:.72rem;font-weight:700;color:var(--ink-dim);letter-spacing:.02em;text-transform:uppercase;background:var(--rule);padding:2px 6px;border-radius:var(--r-sm);transition:var(--transition-smooth)}.voice-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--s-3)}.voice-chip{display:flex;align-items:center;justify-content:space-between;padding:14px var(--s-3);min-height:64px;background:var(--surface);border:1px solid var(--border-card);border-radius:var(--r-md);font-size:var(--t-base);color:var(--ink-soft);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);position:relative;overflow:hidden}.voice-chip:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:var(--transition-smooth)}.voice-chip:hover{border-color:var(--rule-strong);background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 6px 16px #0000000a}.voice-chip.is-active{border-color:var(--accent);color:var(--ink);background:var(--surface-hover);box-shadow:0 8px 24px var(--accent-glow)}.voice-chip.is-active:before{background:var(--accent-grad)}.voice-info{display:flex;flex-direction:column;gap:4px}.voice-name-row{display:flex;align-items:center;gap:8px}.voice-name{font-weight:700;color:var(--ink)}.voice-meta{font-family:var(--sans);font-size:var(--t-xs);font-weight:700;padding:1px 6px;border-radius:4px;text-transform:uppercase;color:var(--ink-dim);background:var(--bg-soft);border:1px solid var(--rule)}.voice-chip.is-active .voice-meta{color:var(--accent-ink);background:var(--accent-tint);border-color:#e6735033}.voice-subtext{font-size:var(--t-xs);color:var(--ink-dim)}.voice-chip.is-active .voice-subtext{color:var(--ink-soft)}.voice-preview{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;background:var(--bg-soft);border-radius:50%;color:var(--ink-soft);transition:var(--transition-smooth);box-shadow:var(--shadow-sm);position:relative;z-index:2}.voice-chip.is-active .voice-preview{background:var(--accent-tint);color:var(--accent)}.voice-preview:hover{background:var(--accent);color:var(--bg);transform:scale(1.1)}.voice-chip.is-active .voice-preview:hover{background:var(--accent);color:var(--bg)}.voice-preview.is-playing svg,.voice-preview.is-loading svg{display:none}.voice-preview.is-playing:after{content:"";display:flex;align-items:flex-end;justify-content:space-between;width:12px;height:12px;background:linear-gradient(currentColor,currentColor) 0% 100% / 2px 40%,linear-gradient(currentColor,currentColor) 50% 100% / 2px 80%,linear-gradient(currentColor,currentColor) 100% 100% / 2px 60%;background-repeat:no-repeat;animation:voice-playing-equalizer .8s infinite alternate ease-in-out}@keyframes voice-playing-equalizer{0%{background-size:2px 20%,2px 40%,2px 30%}50%{background-size:2px 80%,2px 30%,2px 90%}to{background-size:2px 40%,2px 90%,2px 50%}}.voice-preview.is-loading:after{content:"";width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:voice-preview-loading .8s linear infinite}@keyframes voice-preview-loading{to{transform:rotate(360deg)}}.presets{display:flex;flex-wrap:wrap;gap:var(--s-1);margin-bottom:var(--s-2)}.preset-chip{padding:6px 14px;font-family:var(--sans);font-size:var(--t-xs);font-weight:700;border-radius:var(--r-pill);border:1px solid var(--border-card);background:var(--surface);color:var(--ink-soft);box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.preset-chip:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.text-wrap{position:relative;border-radius:var(--r-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-smooth)}.text-input{width:100%;min-height:180px;padding:var(--s-4);background:var(--surface);border:1px solid var(--border-card);border-radius:var(--r-md);color:var(--ink);font-family:var(--sans);font-size:var(--t-base);line-height:1.7;resize:vertical;outline:none;transition:var(--transition-smooth);word-break:keep-all}.text-input:focus{border-color:var(--accent);background:var(--surface-hover);box-shadow:0 0 0 4px var(--accent-glow)}.text-input::placeholder{color:var(--ink-dim);opacity:.75}.text-wrap.is-dragover .text-input{border-color:var(--accent);background:var(--accent-tint)}.dragover-hint{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#e6735014;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px dashed var(--accent);border-radius:var(--r-md);color:var(--accent-ink);font-family:var(--sans);font-size:var(--t-base);font-weight:700;pointer-events:none;animation:dragover-pulse 1.5s infinite alternate}@keyframes dragover-pulse{0%{background-color:#e673500a}to{background-color:#e673501f}}.text-wrap.is-dragover .dragover-hint{display:flex}.text-tools{display:flex;align-items:center;justify-content:space-between;margin-top:4px;gap:var(--s-3);font-size:var(--t-xs);color:var(--ink-dim)}.file-pick{cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft);font-weight:700;transition:var(--transition-smooth)}.file-pick:hover{color:var(--accent)}.file-pick svg{color:var(--accent)}.file-pick-link{border-bottom:1px solid transparent}.file-pick:hover .file-pick-link{border-bottom-color:currentColor}.file-name{font-family:var(--mono);font-size:var(--t-xs);background:var(--bg-soft);padding:2px 8px;border-radius:4px;border:1px solid var(--rule);color:var(--ink-soft);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-meta{font-family:var(--mono);font-weight:700;color:var(--ink-dim);font-variant-numeric:tabular-nums;background:var(--bg-soft);padding:3px 10px;border-radius:var(--r-sm)}.advanced{border-top:1px dashed var(--rule);padding-top:var(--s-3);margin-top:var(--s-3)}.advanced summary{cursor:pointer;font-family:var(--sans);font-size:var(--t-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);user-select:none;list-style:none;display:inline-flex;align-items:center;gap:6px;transition:var(--transition-smooth)}.advanced summary:hover{color:var(--accent)}.advanced summary::-webkit-details-marker{display:none}.advanced summary:after{content:"";display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .3s var(--ease-out)}.advanced[open] summary:after{transform:rotate(-180deg)}.advanced-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3) var(--s-5);margin-top:var(--s-3)}.advanced-grid label{display:flex;flex-direction:column;gap:12px;font-family:var(--sans);font-size:var(--t-xs);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim)}.slider-label-row{display:flex;justify-content:space-between;align-items:center}.slider-value-display{font-family:var(--mono);font-size:var(--t-xs);font-weight:700;color:var(--accent);background:var(--accent-tint);padding:2px 8px;border-radius:4px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;background:transparent;outline:none;margin:8px 0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;background:var(--rule-strong);border-radius:var(--r-pill);transition:var(--transition-smooth)}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--accent-soft)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:18px;width:18px;border-radius:50%;background:var(--accent);cursor:pointer;margin-top:-6px;box-shadow:0 2px 6px #0003;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),background-color .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25);background:var(--accent-light)}input[type=range]::-moz-range-track{width:100%;height:6px;background:var(--rule-strong);border-radius:var(--r-pill)}input[type=range]::-moz-range-thumb{height:18px;width:18px;border:none;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 2px 6px #0003;transition:transform .15s ease,background-color .15s ease}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);background:var(--accent-light)}.action-row{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-2);margin-top:4px}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 36px;min-height:54px;background:var(--ink);color:var(--bg);border:1px solid transparent;border-radius:var(--r-md);font-family:var(--sans);font-size:var(--t-sm);font-weight:800;letter-spacing:-.01em;box-shadow:var(--shadow-md);transition:var(--transition-smooth);position:relative;overflow:hidden}.primary-btn:hover:not(:disabled){background:var(--accent-grad);border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 12px 30px var(--accent-glow)}.primary-btn:active:not(:disabled){transform:translateY(0)}.primary-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.primary-btn.is-busy{background:var(--bg-soft);color:var(--ink-soft);border:1px solid var(--rule);cursor:wait}.primary-btn kbd{font-family:var(--mono);font-size:var(--t-xs);padding:3px 8px;background:#ffffff26;border-radius:4px;letter-spacing:.02em;opacity:.85}@media (prefers-color-scheme: dark){.primary-btn kbd{background:#0000004d}}.primary-btn.is-busy kbd{display:none}.btn-spinner{display:none;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spinner-spin .8s linear infinite}.primary-btn.is-busy .btn-spinner{display:inline-block}@keyframes spinner-spin{to{transform:rotate(360deg)}}.error-msg{color:var(--danger);font-size:var(--t-sm);font-weight:700;margin:0;min-height:1.2em;display:flex;align-items:center;gap:6px}.output{display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--rule);animation:slide-up .5s var(--ease-out)}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.output-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}.output-title-row{display:flex;align-items:center;gap:8px}.output-title-row svg{color:var(--accent)}.output-title{font-family:var(--serif);font-size:var(--t-md);font-weight:800;margin:0;letter-spacing:-.01em}.output-stats{font-family:var(--mono);font-size:var(--t-xs);font-weight:700;letter-spacing:.02em;color:var(--ink-dim);font-variant-numeric:tabular-nums;display:flex;gap:var(--s-2);align-items:center}.output-stats .sep{color:var(--rule-strong)}.audio-player-container{display:flex;flex-direction:column;gap:12px;background:var(--bg-soft);padding:var(--s-3);border-radius:var(--r-md);border:1px solid var(--rule)}@media (prefers-color-scheme: dark){.audio-player-container{background:#00000026}}.output audio{width:100%;height:40px;border-radius:var(--r-sm);outline:none}.output-actions{display:flex;gap:var(--s-2);flex-wrap:wrap}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;min-height:42px;background:var(--surface);color:var(--ink-soft);border:1px solid var(--border-card);border-radius:var(--r-sm);font-family:var(--sans);font-size:var(--t-sm);font-weight:700;box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.ghost-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--surface-hover);transform:translateY(-1px)}.ghost-btn svg{transition:transform .2s ease}.ghost-btn:hover svg{transform:translateY(1px)}.transcript{font-size:var(--t-sm);margin-top:4px}.transcript summary{cursor:pointer;font-family:var(--sans);font-size:var(--t-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);list-style:none;display:inline-flex;align-items:center;gap:6px;transition:var(--transition-smooth)}.transcript summary:hover{color:var(--accent)}.transcript summary::-webkit-details-marker{display:none}.transcript summary:after{content:"";display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .3s var(--ease-out)}.transcript[open] summary:after{transform:rotate(-180deg)}.transcript-body{margin:var(--s-2) 0 0;padding:var(--s-3) var(--s-4);background:var(--bg-soft);color:var(--ink);font-family:var(--sans);font-size:var(--t-sm);line-height:1.7;white-space:pre-wrap;word-break:keep-all;border-left:3px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0}@media (prefers-color-scheme: dark){.transcript-body{background:#00000026}}.footer{max-width:var(--max-w);margin:0 auto;padding:var(--s-4) var(--s-4) var(--s-5);color:var(--ink-dim);font-size:var(--t-xs);font-family:var(--sans);font-weight:500;letter-spacing:.01em;border-top:1px solid var(--rule);text-align:center;word-break:keep-all;line-height:1.6}:focus-visible{outline:3px solid var(--accent-light);outline-offset:2px;border-radius:var(--r-sm)}@media (min-width: 1101px){:root{--max-w: var(--max-w-wide)}.page{padding:var(--s-5) var(--s-5) var(--s-6)}.text-input{font-size:1.15rem;min-height:200px}}@media (min-width: 1600px){:root{--max-w: 1020px}}@media (max-width: 780px){.topbar{padding:var(--s-3) var(--s-4)}.page{padding:var(--s-4) var(--s-3) var(--s-5);gap:var(--s-4)}.voice-row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s-2)}}@media (max-width: 560px){.topbar{padding:12px var(--s-3);flex-wrap:wrap;gap:var(--s-2)}.topbar-meta{width:100%;justify-content:space-between}.page{padding:var(--s-3) var(--s-2) var(--s-4);gap:var(--s-3)}.hero{margin:var(--s-2) auto var(--s-3) auto}.hero h1{font-size:clamp(1.5rem,7vw,2rem)}.hero-sub{font-size:var(--t-sm)}.advanced-grid{grid-template-columns:1fr;gap:var(--s-3)}.voice-row{grid-template-columns:1fr}.primary-btn{width:100%;padding:15px 20px}.action-row{align-items:stretch}.output-actions .ghost-btn{flex:1 1 auto}}@media (max-width: 380px){.lang-row{width:100%;overflow-x:auto}.lang-pill{flex:1 0 auto;padding:6px 14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.hidden{display:none!important}