.tts-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:18px;align-items:start}.tts-form,.tts-result-panel{padding:24px}.tts-form-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.tts-form-head>div{display:flex;align-items:center;gap:10px}.tts-form-head h2{margin:0;font-size:16px}.tts-form-head>span{color:#718096;font-size:9px;direction:ltr}.tts-step{display:grid;place-items:center;width:32px;height:32px;border:1px solid #5f4a9d;border-radius:9px;background:#21193b;color:#bca8ff;font:9px ui-monospace,monospace}.tts-form label{display:block;margin:0 0 17px;color:#aeb7c7;font-size:11px}.tts-form input,.tts-form textarea,.tts-form select{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #30394a;border-radius:9px;outline:0;background:#0d121b;color:#eef2f8}.tts-form textarea{min-height:260px;resize:vertical;line-height:2;font-size:13px}.tts-form input:focus,.tts-form textarea:focus,.tts-form select:focus{border-color:#7656d3;box-shadow:0 0 0 3px #7656d322}.tts-text-label{position:relative}.tts-text-meta{display:flex;align-items:center;justify-content:space-between;margin-top:7px;color:#737f92}.tts-text-meta small.limit{color:#f5b95f}.tts-text-meta button{padding:3px;background:transparent;color:#9c84e6;font-size:9px}.tts-options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.tts-estimate{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:3px 0 18px;padding:13px;border:1px solid #2b3648;border-radius:10px;background:#0f151f}.tts-estimate>div{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-radius:7px;background:#151c28}.tts-estimate span{color:#7d899b;font-size:9px}.tts-estimate strong{color:#d9d1f5;font-size:11px}.tts-estimate>small{grid-column:1/-1;color:#667286;font-size:8px;line-height:1.8}.tts-generate{display:flex;width:100%;align-items:center;justify-content:space-between;padding:13px 16px}.tts-generate i{font-style:normal;font-size:17px}.tts-generate.busy{cursor:wait;opacity:.72}.tts-error{margin:13px 0 0;padding:10px 12px;border:1px solid #72364a;border-radius:8px;background:#321a23;color:#ff9db0;font-size:10px;line-height:1.8}.tts-result-panel{position:sticky;top:100px;min-height:510px}.tts-result-empty{display:grid;place-items:center;min-height:460px;padding:34px;text-align:center}.tts-orb{display:grid;place-items:center;width:74px;height:74px;margin-bottom:18px;border:1px solid #6248a5;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6e50c8,#251b45 68%);box-shadow:0 0 0 12px #6d4dc515,0 18px 50px #0007;color:#fff;font-size:29px}.tts-result-empty h2{margin:0 0 10px;font-size:15px}.tts-result-empty p{max-width:340px;margin:0;color:#778397;font-size:10px;line-height:2}.tts-result-badge{display:inline-flex;padding:6px 9px;border-radius:6px;background:#12362c;color:#64dfac;font-size:9px}.tts-result h2{margin:18px 0 7px;font-size:19px}.tts-result>p{margin:0;color:#7e899c;font-size:10px}.tts-player{display:flex;align-items:center;gap:13px;margin:24px 0;padding:14px;border:1px solid #344258;border-radius:13px;background:#0c121c;direction:ltr}.tts-player>button{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;padding:0;border:1px solid #9275e0;border-radius:50%;background:#6c4bc3;color:#fff}.tts-player>div{min-width:0;flex:1}.tts-player canvas{display:block;width:100%;height:90px;border-radius:7px;cursor:pointer}.tts-player audio{display:none}.tts-time{display:flex;justify-content:space-between;margin-top:5px;color:#68758a;font:8px ui-monospace,monospace}.tts-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tts-result-actions a,.tts-result-actions button{text-align:center;text-decoration:none;font-size:10px}.tts-result-actions #ttsNew{grid-column:1/-1}.service-card.tts-service-card .service-symbol{background:#183549;color:#80dff1}.nav-item[data-view=tts] span{color:#8bd9e8}@media(min-width:1180px){#overview .service-cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:980px){.tts-layout{grid-template-columns:1fr}.tts-result-panel{position:static;min-height:400px}.tts-result-empty{min-height:350px}}@media(max-width:600px){.tts-form,.tts-result-panel{padding:17px}.tts-options,.tts-estimate{grid-template-columns:1fr}.tts-estimate>small{grid-column:auto}.tts-form textarea{min-height:220px}.tts-result-actions{grid-template-columns:1fr}.tts-result-actions #ttsNew{grid-column:auto}}
/* Match the TTS action button to the compact generation controls. */
.tts-actions{display:flex;align-items:center;justify-content:flex-start;gap:10px}
.tts-actions .tts-generate{width:auto;min-width:220px}
@media(max-width:600px){.tts-actions{align-items:stretch;flex-direction:column}.tts-actions .tts-generate,.tts-actions .tts-cancel{width:100%;min-width:0}}