@charset "UTF-8";:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f8f9fb;font-synthesis:none;--red: #e63946;--muted: #6b7280;--line: #e5e8ee;--ink: #172033}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e6394670;outline-offset:4px}button[hidden],[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}main{max-width:1240px;margin:0 auto;padding:39px 0 12px}.heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px;gap:24px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:750;color:var(--red);margin:0 0 10px}h1{font-size:36px;font-weight:650;line-height:1.17;letter-spacing:-1.3px;margin:0}.intro{color:var(--muted);font-size:16px;margin:0 3px 5px;line-height:1.7}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 335px;background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 4px 18px #14203c04}.editor-panel{min-width:0;padding:27px 30px 0;display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:16px;font-weight:650;margin:0}.button{border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;text-decoration:none;font-weight:600;font-size:14px;transition:background .15s}.subtle{background:#f5f6f8;color:#4e596b;padding:8px 12px}.button:hover{filter:brightness(.97)}.secondary{background:#fff;border-color:#dce0e7;color:var(--ink)}.editor-wrap{position:relative;flex:1;min-height:382px;display:flex;margin:14px -12px 10px}textarea{background:transparent;border:1px solid transparent;border-radius:12px;resize:vertical;min-height:382px;width:100%;padding:16px 12px 20px;outline:none;font-size:19px;line-height:1.8;color:#303a4e;caret-color:var(--red);transition:border-color .18s,box-shadow .18s,background .18s}textarea:focus{outline:none;border-color:#8999ad;box-shadow:0 0 0 3px #536b8a0d;background:#fcfdff}textarea::selection{background:#e639461a}textarea::placeholder{color:#a2a8b3}.empty-hint{position:absolute;left:13px;right:13px;bottom:40px;pointer-events:none;display:flex;gap:10px;flex-wrap:wrap}.empty-hint>span{width:100%;font-size:13px;color:#9198a5;margin-bottom:3px}.sample{pointer-events:auto;border:1px solid var(--line);background:#fff;border-radius:7px;font-size:13px;padding:9px 11px;color:#576174}.sample span{padding-left:8px;color:#9aa1ae}.editor-meta{border-top:1px solid #eef0f3;padding:18px 0;display:flex;justify-content:space-between;gap:12px;color:#89909d;font-size:12px}.editor-meta>div{display:flex;gap:16px;align-items:center}.text-button{border:0;background:none;color:#667085;font-size:12px;padding:3px 0;text-decoration:underline;text-underline-offset:3px}.text-button:hover{color:var(--red)}.settings-panel{border-left:1px solid var(--line);padding:27px 24px;background:#fefefe}.setting-title{margin-bottom:20px}.setting-title h2{font-size:16px;margin-bottom:5px}.step-label{font-size:10px;color:#9aa1ae;letter-spacing:1.4px;font-weight:650}.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.voice-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 5px 9px;cursor:pointer;border:1px solid #e9ebf0;border-radius:9px;background:#fff;font-size:12px;color:#5f6776}.voice-card input{position:absolute;opacity:0;width:1px;height:1px}.voice-card:has(input:checked){border-color:var(--red);box-shadow:0 0 0 1px var(--red);background:#fff8f8;color:#af2732}.voice-card:focus-within{outline:3px solid #e6394670;outline-offset:2px}.voice-avatar{display:block;flex-shrink:0;object-fit:contain;width:36px;height:36px;border-radius:50%}.preview-button{width:100%;background:transparent;font-size:12px;font-weight:500;color:#6b7280;padding:12px;margin-bottom:9px}.preview-button span{font-size:18px}.language-setting label,.speed-heading label,.advanced label{font-size:13px;font-weight:600;display:block}select{width:100%;border:1px solid #dfe3e9;border-radius:7px;padding:9px 30px 9px 11px;color:#384153;background:#fff;font-size:14px;margin-top:8px}.small{color:#88909d;font-size:12px;margin:8px 0;line-height:1.6}.speed-heading{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.speed-heading output{font-size:12px;background:#f0f2f5;padding:3px 7px;border-radius:4px;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--red);height:5px;margin:19px 0 8px}.range-labels{display:flex;justify-content:space-between;color:#939ba8;font-size:11px}.advanced{border-top:1px solid var(--line);margin-top:19px;padding-top:15px}.advanced summary{font-size:12px;color:#737c8b;cursor:pointer}.advanced label{margin-top:15px}.generate-area{padding-top:22px}.primary{background:var(--red);color:#fff;width:100%;font-size:15px;padding:13px;box-shadow:0 3px 7px #e6394620}.generate-area .secondary{width:100%;margin-top:8px}.centered{text-align:center;margin-bottom:0;font-size:11px}.engine-panel{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);background:#fffffffa;box-shadow:0 4px 16px #14203c05;backdrop-filter:blur(16px)}.engine-inner{max-width:1304px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:16px 32px}.engine-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border:1px solid #e5e8ee;background:#fafbfc;border-radius:11px;font-size:23px;color:#646e80}.engine-copy{flex:1;min-width:0}.engine-copy p{margin:4px 0;color:#7c8492;font-size:12px}.engine-panel[data-state=ready] #cache-detail{display:none}.engine-panel[data-state=ready] .engine-icon{color:#247452;background:#f0f8f4;border-color:#dcece3}.engine-panel:is([data-state=checking],[data-state=downloading],[data-state=loading],[data-state=generating]) .engine-icon{font-size:0}.engine-panel:is([data-state=checking],[data-state=downloading],[data-state=loading],[data-state=generating]) .engine-icon:after{content:"";width:18px;height:18px;border:2px solid #e8ebf0;border-top-color:var(--red);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){textarea{transition:none}.engine-icon:after{animation:none!important}}.engine-actions{display:flex;flex-direction:column;align-items:center;gap:6px}.engine-actions .button{font-size:12px;white-space:nowrap}.progress-row{display:flex;align-items:center;gap:14px;margin-top:8px;font-size:12px;color:#626c7d}progress{appearance:none;width:100%;height:5px;border:none;border-radius:8px;overflow:hidden;background:#edf0f4;accent-color:var(--red)}progress::-webkit-progress-bar{background:#edf0f4;border-radius:8px}progress::-webkit-progress-value{background:var(--red);border-radius:8px}progress::-moz-progress-bar{background:var(--red);border-radius:8px}#progress-label{min-width:120px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.status{font-size:12px;color:#9098a5;text-align:center;margin:18px 0 0}.error{padding:12px 18px;border:1px solid #f3c6ca;background:#fff2f3;border-radius:8px;font-size:14px;color:#b12433}.output-panel{border-top:1px solid var(--line);padding:24px 0}.output-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.output-heading .eyebrow{margin-bottom:4px;font-size:10px}h3{font-size:16px;margin:0}.output-panel audio{width:100%;height:44px}.output-panel .button{font-size:12px}.output-panel .small{margin-top:12px}.over-limit{color:var(--red)!important}@media (min-width: 1500px){main{padding-top:50px}.heading{margin-bottom:38px}h1{font-size:40px}.editor-wrap,textarea{min-height:430px}}@media (max-width: 1300px){main{margin-left:32px;margin-right:32px}}@media (max-width: 800px){main{margin:0;padding:25px 18px 12px}.heading{margin-bottom:22px}.heading h1{font-size:29px}.intro{display:none}.workspace{grid-template-columns:1fr}.editor-panel{padding:20px 20px 0}.panel-heading{align-items:flex-start}.panel-heading h2{font-size:14px;padding-top:7px}.editor-wrap,textarea{min-height:310px}textarea{font-size:17px}.empty-hint{bottom:25px}.sample{font-size:12px}.editor-meta{flex-wrap:wrap;row-gap:8px}.settings-panel{border-left:0;border-top:1px solid var(--line);padding:22px}.voice-grid{grid-template-columns:repeat(6,1fr)}.voice-card{font-size:11px}.voice-avatar{width:36px;height:36px}.engine-inner{padding:12px 18px;gap:12px;flex-wrap:wrap}.engine-icon{display:none}.engine-copy{flex-basis:100%}.engine-actions{width:100%;flex-direction:row;justify-content:flex-end;gap:16px}.engine-panel[data-state=ready] .engine-inner{row-gap:4px}.engine-copy #cache-detail{display:none}.engine-actions .button{padding:6px 12px}.engine-actions .text-button{align-self:center}.output-heading{flex-wrap:wrap}}@media (max-width: 420px){.voice-grid{grid-template-columns:repeat(3,1fr)}.empty-hint{gap:7px}.sample{padding:7px 8px}.editor-meta{font-size:11px}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important}}.site-header{height:72px}main{padding-top:25px}.heading{margin-bottom:24px}h1{font-size:34px}.settings-panel{padding:20px 24px}.setting-title{margin-bottom:13px}.setting-title .step-label{display:none}.voice-card{padding:7px 5px;gap:3px;font-size:14px}.voice-avatar{width:36px;height:36px}.preview-button{font-size:14px;padding:7px;margin-bottom:6px}.language-setting label,.speed-heading label,.advanced label{font-size:14px}.speed-heading{margin-top:15px}.advanced{margin-top:12px;padding-top:10px}.advanced summary{font-size:14px}.generate-area{padding-top:14px}.voice-grid{gap:8px}.small{font-size:12px}.text-button{font-size:13px}.sample{font-size:14px}.editor-meta{font-size:13px}.engine-copy h2{font-size:16px}.engine-copy p,.engine-actions .button{font-size:14px}.engine-copy #cache-detail{font-size:12px}.status{font-size:13px}.empty-hint>span{font-size:14px}.range-labels{font-size:12px}.editor-wrap,textarea{min-height:335px}.editor-panel{padding-top:20px}.primary{padding:11px}@media (max-width: 800px){main{padding-top:22px}.heading h1{font-size:28px}.settings-panel{padding:20px}.voice-card{font-size:14px}.editor-wrap,textarea{min-height:310px}.editor-meta{font-size:12px}.sample{font-size:13px}}main{padding-top:18px}.heading{margin-bottom:18px}.panel-heading .subtle{white-space:nowrap;flex-shrink:0}@media (min-width: 801px) and (max-height: 800px){.engine-inner{padding-top:10px;padding-bottom:10px}.engine-copy #cache-detail{display:none}main{padding-top:12px}.heading{margin-bottom:14px}.heading .eyebrow{display:none}.heading h1{font-size:28px}.settings-panel{padding:18px 24px}.setting-title{margin-bottom:12px}.voice-card{padding-top:8px;padding-bottom:7px;gap:4px}.voice-avatar{width:24px;height:24px}.preview-button{padding:6px;margin-bottom:4px}.speed-heading{margin-top:14px}input[type=range]{margin-top:12px}.advanced{margin-top:12px;padding-top:10px}.generate-area{padding-top:12px}}:root{--brand-red: #E63946;--brand-ink: #0F172A;--brand-bg: #FFFFFF;--brand-muted: #64748B;--brand-line: #E2E8F0;--brand-soft: #F8FAFC;--container: 1080px;--header-height: 73px;--red: var(--brand-red);--ink: var(--brand-ink);--muted: var(--brand-muted);--line: var(--brand-line);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,Inter,system-ui,sans-serif;color:var(--brand-ink);background:#fff}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.brand{text-decoration:none}.store-badges{display:flex;flex-wrap:wrap;align-items:center;gap:12px}#download{scroll-margin-top:96px}.store-badges-center{justify-content:center}.store-badge-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;transition:transform .15s ease}.store-badge-link:hover{transform:translateY(-2px);text-decoration:none}.store-badge-link:focus-visible{outline:3px solid var(--brand-red);outline-offset:3px}.store-badge{display:block;width:auto;max-width:none}.store-badge-apple{height:50px}.store-badge-google{height:75px;margin:-10px -13px}#main,#get-app{scroll-margin-top:calc(var(--header-height) + 180px)}.engine-panel{top:var(--header-height);z-index:40;background:#f8fafcf5}.engine-inner{max-width:1080px;padding:12px 24px}.engine-copy h2{font-size:14px}.engine-copy p{font-size:12px;color:#5b687a}.engine-panel[data-state=ready] .engine-inner{padding-top:10px;padding-bottom:10px}.engine-panel[data-state=ready] .engine-icon{width:32px;height:32px;font-size:18px;border-radius:50%}.engine-panel[data-state=ready] #engine-detail{display:none}.engine-panel[data-state=ready] .engine-actions{flex-direction:row}main{max-width:1080px;margin:0 auto;padding:28px 24px 64px}.heading{margin:0 0 24px}.heading h1{font-size:clamp(30px,3.5vw,40px);font-weight:750;letter-spacing:-.03em}.heading .intro{display:block;max-width:790px;color:var(--muted);font-size:15px;line-height:1.6;margin:12px 0 10px}.tool-benefits{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;font-size:12px;color:#596779}.tool-benefits span{display:inline-flex;gap:7px;align-items:center}.tool-benefits span:before{content:"✓";color:#b72836;font-weight:700}.workspace{grid-template-columns:minmax(0,1fr) 300px;border-radius:16px}.editor-panel{padding-left:24px;padding-right:24px}.settings-panel{padding:20px}.panel-heading h2{font-size:15px}textarea{font-size:18px}.editor-meta{color:#657287;font-size:12px}.small,.range-labels,.status,.empty-hint>span{color:#657287}.small.centered{font-size:11px}.no-script{background:#fff4e5;padding:16px;border-radius:8px}.help-section{padding-top:72px}.section-heading h2,.app-download h2{font-size:clamp(25px,3vw,32px);font-weight:700;line-height:1.25;letter-spacing:-.025em}.section-heading>p:not(.eyebrow){color:var(--muted);margin:14px 0 0;font-size:15px}.section-heading a,.tool-faq a{color:#bd2534;text-underline-offset:3px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;margin:28px 0 0;padding:0}.step-number{display:grid;place-items:center;width:34px;height:34px;margin-bottom:18px;background:#fff0f1;border-radius:10px;color:#bd2534;font-size:14px;font-weight:700}.how-grid h3{font-size:18px;color:var(--ink)}.how-grid p{font-size:15px;line-height:1.7;color:var(--muted);margin:10px 0 0}.faq-section{display:grid;grid-template-columns:.9fr 1.3fr;gap:60px}.tool-faq details{border-bottom:1px solid var(--line)}.tool-faq details:first-child{border-top:1px solid var(--line)}.tool-faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;font-size:15px;font-weight:600;cursor:pointer;list-style:none}.tool-faq summary::-webkit-details-marker{display:none}.tool-faq summary:after{content:"+";font-size:20px;font-weight:400;color:#68788c}.tool-faq details[open] summary:after{content:"−"}.tool-faq p{margin:0 0 20px;font-size:14px;line-height:1.8;color:#596779}.app-download{margin-top:72px;padding:48px 28px;border-radius:22px;background:#f8fafc;border:1px solid var(--line);text-align:center}.app-download>p:not(.eyebrow){max-width:600px;margin:16px auto 24px;color:var(--muted);font-size:16px}.app-download>p.app-note{font-size:12px;max-width:480px;margin-bottom:0}.store-badge{object-fit:contain}@media (min-width: 801px) and (max-height: 800px){main{padding-top:18px}.heading{margin-bottom:18px}.heading h1{font-size:30px}.heading .intro{max-width:none;margin:8px 0;font-size:14px}.voice-card{flex-direction:row;justify-content:center;padding:7px 4px;gap:6px;font-size:12px}.voice-avatar{width:24px;height:24px}}@media (max-width: 800px){.engine-inner{padding:10px 20px}.engine-copy{flex-basis:auto}.engine-actions{width:auto;margin-left:auto}.engine-panel[data-state=ready] .engine-copy{flex:1}main{padding:24px 20px 48px}.heading h1{font-size:32px}.heading .intro{font-size:14px}.workspace{grid-template-columns:1fr}.editor-panel{padding-left:20px;padding-right:20px}.tool-benefits{gap:6px 12px;font-size:11px}.help-section{padding-top:48px}.how-grid{grid-template-columns:1fr;gap:24px}.how-grid li{position:relative;padding-left:52px}.step-number{position:absolute;top:0;left:0}.how-grid p{margin-top:5px}.faq-section{grid-template-columns:1fr;gap:24px}.app-download{margin-top:48px;padding:32px 20px}}@media (max-height: 500px){.engine-panel{position:static}}.site-header{line-height:1.5}.site-header a,.brand{text-decoration:none}.brand img{display:block}.site-header{height:auto;position:sticky;top:0;z-index:50;background:#ffffffd9;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--brand-line)}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--brand-ink);font-weight:700;font-size:20px;letter-spacing:-.02em}.brand:hover{text-decoration:none}.brand-mark{display:inline-block;flex:0 0 32px;width:32px;height:32px;border-radius:8px;object-fit:cover}.nav-links{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.nav-links a{color:var(--brand-ink);font-weight:500;font-size:15px}.nav-links a:hover{color:var(--brand-red);text-decoration:none}.nav-cta{display:inline-flex;align-items:center;padding:10px 18px;background:var(--brand-red);color:#fff!important;border-radius:999px;font-weight:600;font-size:15px;transition:transform .15s ease}.nav-cta:hover{transform:translateY(-1px);text-decoration:none}.nav-toggle{display:none;min-width:44px;min-height:44px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--brand-line);border-radius:8px;padding:8px 10px;cursor:pointer}@media (max-width: 800px){.nav-ready .nav-links{display:none}.nav-ready .nav-toggle{display:inline-flex}.nav-ready .nav-links.is-open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 20px;background:#fff;border-bottom:1px solid var(--brand-line)}.nav-links.is-open li{padding:12px 0;border-bottom:1px solid var(--brand-soft)}.nav-links.is-open .nav-cta{justify-content:center;margin-top:12px}}.site-footer{padding:48px 0 40px;border-top:1px solid var(--brand-line);color:var(--brand-muted);font-size:14px}.footer-inner{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:32px;border-bottom:1px solid var(--brand-line)}.footer-col h3{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-ink);margin:0 0 14px}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin:0 0 8px}.footer-col a{color:var(--brand-muted)}.footer-col a:hover{color:var(--brand-red);text-decoration:none}.footer-brand p{margin:12px 0 0}.footer-bottom{padding:24px 0 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}@media (max-width: 720px){.footer-inner{grid-template-columns:1fr 1fr}}.nav-links a{text-decoration:none}.nav-dropdown{position:relative}.nav-dropdown>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;font-size:15px;font-weight:500;padding:10px 0}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary:after{content:"";width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);margin:-3px 2px 0}.nav-dropdown[open]>summary:after{transform:rotate(225deg);margin-top:3px}.nav-dropdown.current-section>summary{color:var(--brand-red)}.nav-menu{position:absolute;top:calc(100% + 8px);left:-16px;min-width:200px;list-style:none;margin:0;padding:8px;background:#fff;border:1px solid var(--brand-line);border-radius:12px;box-shadow:0 12px 32px #0f172a12}.nav-menu li{margin:0}.nav-menu a{display:flex;justify-content:space-between;gap:18px;border-radius:6px;padding:10px 12px}.nav-menu a:hover,.nav-menu a[aria-current]{background:#fff2f3;color:#bd2534}.footer-inner{grid-template-columns:1.35fr 1fr 1fr 1fr 1.15fr;gap:28px}.site-footer{line-height:1.6;background:#fff}.site-footer a{text-decoration:none}.footer-brand p{max-width:220px}.footer-bottom a{color:var(--brand-muted)}.nav-links a[aria-current],.nav-dropdown.current-section>summary{color:var(--brand-red)}.nav-dropdown>summary{font-family:inherit}.nav-toggle{font:inherit}.site-header :is(a,button,summary):focus-visible,.site-footer a:focus-visible{outline:3px solid #e6394670;outline-offset:4px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px 20px;border-radius:8px;background:#fff;color:var(--brand-ink)}.skip-link:focus{top:10px}#main:focus{outline:none}#main{scroll-margin-top:calc(var(--header-height, 73px) + 16px)}@media (max-width: 800px){.nav{flex-wrap:wrap}.site-header:not(.nav-ready) .nav-links{flex-wrap:wrap}.nav-ready .nav-links.is-open{max-height:calc(100dvh - var(--header-height, 73px));overflow:auto}.nav-ready .nav-links.is-open .nav-menu li{padding:0;border:0}.nav-dropdown>summary{padding:4px 0;justify-content:space-between}.nav-menu{position:static;border:0;box-shadow:none;padding:10px 0 0}.nav-menu a{padding:10px 12px}.nav-links{width:100%;flex-wrap:wrap}.footer-inner{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1 / -1}.site-footer{padding-top:32px}}@media (prefers-reduced-motion: reduce){.site-header *,.site-footer *{transition:none;scroll-behavior:auto}}.preview-banner{padding:10px 24px;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:13px}.preview-banner>div{max-width:1032px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-banner strong{color:#0f172a}.preview-banner details{max-width:65%;text-align:right;overflow-wrap:anywhere}.preview-banner summary{cursor:pointer}.loading-details{margin:20px 0 0;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;padding:12px 16px}.loading-details>summary{cursor:pointer;color:#64748b;min-height:24px}#prepare-timing{width:100%!important;margin:12px 0 0!important;max-width:none!important;border:0!important;padding:0!important}#progress-label{min-width:4ch;text-align:right;font-variant-numeric:tabular-nums}select{max-width:100%}.engine-actions .button{min-height:44px}@media (max-width: 800px){.preview-banner{padding:8px 20px;font-size:12px}.engine-panel{position:static}.engine-inner{padding:16px 20px;gap:12px}.engine-copy{flex:1 1 100%}.engine-copy h2{font-size:16px}.engine-copy p{font-size:14px;line-height:1.5}.engine-actions{width:100%;margin:0;justify-content:stretch}.engine-actions .button{min-height:44px;flex:1;padding:10px 16px}.engine-panel[data-state=ready] .engine-inner{padding:12px 20px}.engine-panel[data-state=ready] .engine-actions:has(>button:not([hidden])){width:100%}#cache-detail{display:none}main{padding:24px 20px 48px}#main{scroll-margin-top:88px}.heading h1{font-size:clamp(28px,7.5vw,34px);line-height:1.2}.heading .intro{font-size:15px;line-height:1.6}.workspace{border-radius:14px}.editor-panel{padding:18px 16px 0}.panel-heading{flex-wrap:wrap;align-items:center;gap:8px}.panel-heading h2{padding:0;font-size:16px}.editor-wrap,textarea{min-height:clamp(220px,35svh,340px)}textarea{font-size:17px;line-height:1.6;padding:14px}.settings-panel{padding:20px 16px}.voice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.voice-card{min-height:70px;font-size:13px;padding:10px 4px}.button,select,.advanced>summary{min-height:44px}select{font-size:16px;width:100%}.sample{min-height:40px}.empty-hint{left:12px;right:12px}.editor-meta{font-size:12px}.output-heading .button{width:100%}.small{font-size:13px}.status{font-size:14px;overflow-wrap:anywhere}.loading-details{padding:12px}.loading-details>summary{min-height:32px}.loading-details button{width:100%;white-space:normal}}@media (max-width: 360px){main{padding-left:12px;padding-right:12px}.preview-banner,.engine-inner,.editor-panel,.settings-panel{padding-left:12px;padding-right:12px}}#generate.is-generating{display:inline-flex;align-items:center;justify-content:center;gap:10px;opacity:1;cursor:progress}#generate.is-generating:before{content:"";width:18px;height:18px;flex:0 0 18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:speech-spin .8s linear infinite}@keyframes speech-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){#generate.is-generating:before{animation:none}}.engine-panel{width:calc(100% - 48px);max-width:1032px;margin:16px auto 0;border:1px solid var(--brand-line);border-radius:14px;box-shadow:none;top:calc(var(--header-height) + 12px)}.engine-inner{padding:12px 16px}.engine-actions:not(:has(>button:not([hidden]))){display:none}@media (max-width: 800px){.engine-panel{width:calc(100% - 40px);margin-top:12px}.engine-inner,.engine-panel[data-state=ready] .engine-inner{padding:12px 16px}}@media (max-width: 360px){.engine-panel{width:calc(100% - 24px)}}.engine-copy #engine-title{margin:0;font-size:14px;font-weight:700;line-height:1.5;color:var(--brand-ink)}.tool-breadcrumb{margin:0 0 12px;font-size:13px;color:var(--brand-muted)}.tool-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none}.tool-breadcrumb li{display:inline-flex;align-items:center;gap:8px}.tool-breadcrumb a{display:inline-flex;align-items:center;min-height:32px;text-underline-offset:3px}.tool-breadcrumb a:hover{color:var(--brand-ink)}@media (max-width: 800px){.engine-copy #engine-title{font-size:16px}}