:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f2e9;color:#18201f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,textarea,input{font:inherit}.app-shell{min-height:100vh;padding:28px;background:linear-gradient(135deg,rgba(12,104,112,.12),transparent 38%),linear-gradient(315deg,rgba(178,58,72,.14),transparent 42%),#f6f2e9}.studio{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(320px,1.22fr);gap:28px;width:min(1180px,100%);margin:0 auto;align-items:stretch}.brand-column,.workspace{border:1px solid rgba(24,32,31,.14);border-radius:8px;box-shadow:0 24px 60px #1a24221f}.brand-column{min-height:calc(100vh - 56px);padding:clamp(28px,4vw,46px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;color:#f7f4ea;background:linear-gradient(145deg,#074046f5,#264837f0),radial-gradient(circle at top right,rgba(255,220,128,.26),transparent 36%)}.brand-mark{display:flex;gap:7px;align-items:center;height:54px;margin-bottom:42px}.brand-mark span{width:9px;border-radius:99px;background:#f2c14e}.brand-mark span:nth-child(1){height:26px}.brand-mark span:nth-child(2){height:46px;background:#e85d75}.brand-mark span:nth-child(3){height:34px;background:#8bd0c7}.brand-mark span:nth-child(4){height:20px;background:#fff}.eyebrow{margin:0 0 12px;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase;color:#b9475d}.brand-column .eyebrow{color:#f2c14e}h1,h2,h3{margin:0;letter-spacing:0;line-height:1.04}h1{max-width:11ch;font-size:clamp(2.9rem,8vw,5.7rem)}h2{font-size:clamp(1.8rem,4vw,2.7rem)}h3{font-size:1.1rem}.lede{max-width:36rem;margin:24px 0 34px;color:#f7f4ead1;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.signal-strip{display:flex;gap:12px;align-items:end;height:92px;margin:auto 0 32px}.signal-bar{width:100%;max-width:46px;height:62px;border-radius:8px 8px 0 0;background:#8bd0c7d1}.signal-bar.tall{height:90px;background:#f2c14eeb}.signal-bar.mid{height:72px;background:#e85d75d1}.signal-bar.short{height:38px;background:#ffffffc2}.language-route{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#f7f4eae6;font-weight:800}.route-line{width:42px;height:2px;background:#f7f4ea61}.workspace{padding:clamp(22px,4vw,38px);background:#fffdf8eb}.workspace-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:28px}.status-pill{flex:0 0 auto;min-width:88px;padding:8px 12px;border-radius:999px;text-align:center;font-size:.78rem;font-weight:800;background:#ece7dc;color:#3a403d}.status-pill.generating{background:#f2c14e;color:#28210f}.status-pill.ready{background:#c9eadf;color:#073f45}.field-label,legend{display:block;margin-bottom:10px;font-size:.86rem;font-weight:850;color:#2b3432}textarea{width:100%;resize:vertical;min-height:210px;padding:16px;border:1px solid rgba(24,32,31,.2);border-radius:8px;outline:none;color:#18201f;background:#fffdfa;line-height:1.55}textarea:focus,.generate-button:focus-visible,.language-option:focus-within,.voice-option:focus-within{outline:3px solid rgba(12,104,112,.28);outline-offset:2px}.input-meta{display:flex;justify-content:space-between;gap:12px;margin:9px 0 22px;color:#65706d;font-size:.82rem}.language-picker,.voice-picker{margin:0 0 22px;padding:0;border:0}.language-grid,.voice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.language-option,.voice-option{position:relative;display:flex;gap:12px;min-height:78px;align-items:center;padding:14px;border:1px solid rgba(24,32,31,.18);border-radius:8px;background:#fffdfa;cursor:pointer}.language-option.selected,.voice-option.selected{border-color:#0c6870;background:#e8f4f1}.language-option input,.voice-option input{width:18px;height:18px;accent-color:#0c6870}.language-option strong,.language-option small,.voice-option strong,.voice-option small,.voice-option em{display:block}.language-option small,.voice-option small{margin-top:5px;color:#65706d}.voice-option{align-items:flex-start}.voice-option em{margin-top:7px;color:#3f4a47;font-size:.82rem;font-style:normal;line-height:1.35}.error-message{margin:0 0 14px;color:#a6293d;font-weight:800}.generate-button{width:100%;min-height:52px;border:0;border-radius:8px;cursor:pointer;color:#fffdfa;background:#0c6870;font-weight:900;transition:transform .16s ease,background .16s ease}.generate-button:hover:not(:disabled){transform:translateY(-1px);background:#084f55}.generate-button:disabled{cursor:progress;opacity:.68}.result-panel{margin-top:22px;padding-top:22px;border-top:1px solid rgba(24,32,31,.14)}.result-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.result-header span{color:#65706d;font-size:.82rem;font-weight:800}.translated-text,.empty-state,.audio-placeholder{border:1px solid rgba(24,32,31,.14);border-radius:8px;background:#fffdfa}.translated-text{min-height:118px;padding:16px;white-space:pre-wrap;line-height:1.7}.empty-state,.audio-placeholder{padding:22px;color:#65706d}.audio-player{width:100%;margin-top:16px}@media(max-width:860px){.app-shell{padding:14px}.studio{grid-template-columns:1fr}.brand-column{min-height:auto}h1{max-width:12ch}}@media(max-width:560px){.workspace-header,.input-meta{flex-direction:column;align-items:stretch}.language-grid,.voice-grid{grid-template-columns:1fr}.status-pill{width:fit-content}}