:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0c;--surface:#141416;--surface-soft:#1a1b1f;--border:#ffffff14;--border-strong:#ffffff24;--text:#f5f5f6;--muted:#f5f5f6ad;--accent:#f07a34;--accent-soft:#f07a341f;--error:#ff8f8f;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#root,.app-shell{min-height:100vh}.app-main{width:min(820px,100% - 24px);margin:0 auto;padding:32px 0 48px}.hero-section{margin-bottom:24px}.hero-kicker{color:var(--muted);margin:0 0 8px;font-size:.85rem;font-weight:600}.hero-section h1{margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1.05}.hero-description,.hero-note{color:var(--muted);margin:12px 0 0}.panel,.details-block{border:1px solid var(--border);background:var(--surface);border-radius:16px}.panel{padding:20px}.workbench-stack{gap:16px;display:grid}.section-head{margin-bottom:18px}.section-head-inline{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-head h2,.section-head-inline h2{margin:0;font-size:1.25rem}.section-head p,.section-head-inline p{color:var(--muted);margin:6px 0 0}.tts-form{flex-direction:column;gap:18px;display:flex}.field,.field-group{flex-direction:column;gap:10px;display:flex}.field-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field-label{font-weight:600}.field-meta{color:var(--muted);font-size:.86rem}.input-with-action{gap:10px;display:flex}.text-input,.text-area{border:1px solid var(--border);background:var(--surface-soft);width:100%;color:var(--text);border-radius:12px;padding:13px 14px;transition:border-color .16s,box-shadow .16s}.text-input::placeholder,.text-area::placeholder{color:#f5f5f657}.text-area{resize:vertical}.text-area-sm{min-height:110px}.text-area-lg{min-height:220px}.text-input:focus,.text-area:focus{border-color:#f07a3499;outline:none;box-shadow:0 0 0 3px #f07a341a}.style-chip-grid,.choice-row,.result-actions{flex-wrap:wrap;gap:10px;display:flex}.style-chip,.choice-button{border:1px solid var(--border);min-height:38px;color:var(--text);background:0 0;border-radius:999px;padding:0 14px;transition:border-color .16s,background-color .16s}.style-chip.is-active,.choice-button.is-selected{background:var(--accent-soft);border-color:#f07a3499}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;display:inline-flex}.button-primary{background:var(--accent);color:#140a05;font-weight:700}.button-secondary{border-color:var(--border);color:var(--text);background:0 0}.button-compact{min-height:42px;padding:0 14px}.button-large{min-width:148px}.submit-row{justify-content:flex-start;display:flex}.feedback-text{color:var(--muted);margin:0}.feedback-text.is-error{color:var(--error)}.result-panel{padding:20px}.text-button{color:var(--muted);background:0 0;border:0;padding:0}.state-card,.result-body{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.state-card strong{font-size:1rem}.state-card p,.result-meta,.result-file,.notes-list,.info-text p,.example-item span,.state-detail{color:var(--muted)}.state-card.is-error{background:#ff8f8f14;border-color:#ff8f8f40}.audio-player{width:100%}.result-actions{align-items:center}.result-file,.result-meta,.state-detail{font-size:.9rem}.details-block{overflow:hidden}.details-block summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none}.details-block summary::-webkit-details-marker{display:none}.details-block[open] summary{border-bottom:1px solid var(--border)}.details-body{padding:16px 18px 18px}.example-list{gap:10px;display:grid}.example-item{border:1px solid var(--border);background:var(--surface-soft);width:100%;color:var(--text);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:flex}.example-item strong{font-size:.95rem}.notes-list{margin:0;padding-left:18px}.notes-list li+li{margin-top:8px}.info-text p{margin:0}.info-text p+p{margin-top:10px}@media (width<=640px){.app-main{width:min(100% - 16px,820px);padding-top:24px;padding-bottom:32px}.input-with-action,.inline-fields,.section-head-inline,.result-actions{flex-direction:column;grid-template-columns:1fr}.button,.button-large,.button-compact{width:100%}}