.diyai-speech { --speech-ink:var(--studio-ink,#073b2c); --speech-mint:var(--studio-mint,#93e9be); --speech-border:var(--studio-line,#c8ded5); color:var(--speech-ink); width:100%; max-width:none; margin:0; min-width:0; font-size:1rem; line-height:1.55; }
.diyai-studio-page .diyai-speech :is(h2,h3) { color:var(--studio-ink,#062e21) !important; }
.diyai-combiner-inputs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:12px 0; }
.diyai-combiner-inputs > * { min-width:0; border:1px solid #c8ded5; border-radius:10px; padding:6px; background:#f5fbf8; }
.diyai-combiner-inputs img { width:100%; height:90px; object-fit:contain; }
.diyai-combiner-inputs button { padding:6px; font-size:.8rem; max-width:100%; }
.diyai-creative-result { margin:18px 0; border:1px solid #c8ded5; border-radius:14px; padding:14px; }
.diyai-creative-result :is(img,audio), [data-creative-reference] { display:block; width:100%; margin-bottom:12px; border-radius:10px; }
.diyai-creative-result a { display:inline-block; color:#075c3c; padding:10px; margin-right:10px; }
.diyai-speech *, .diyai-speech *::before, .diyai-speech *::after { box-sizing:border-box; }
.diyai-speech [hidden] { display:none !important; }
.diyai-speech-notice { display:grid; gap:.4rem; padding:1rem 1.25rem; border:1px solid #cfc292; border-radius:12px; background:#faf6e8; margin-bottom:1rem; }
.diyai-speech-nav { display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:1.5rem; }
.diyai-speech-nav a { padding:.75rem 1.1rem; border:1px solid var(--speech-border); border-radius:10px; color:var(--speech-ink); background:#fff; font-weight:750; text-decoration:none; }
.diyai-speech-nav a[aria-current="page"] { background:var(--speech-ink); color:#fff; }
.diyai-speech-grid { display:grid; grid-template-columns:minmax(320px,440px) minmax(0,1fr); align-items:start; gap:clamp(18px,2vw,30px); }
.diyai-speech-controls, .diyai-speech-results { min-width:0; padding:clamp(1rem,2.3vw,2rem); border:1px solid var(--speech-border); border-radius:20px; background:#fff; box-shadow:0 8px 28px #073b2c0a; }
.diyai-speech-heading > span, .diyai-speech-results-head > div > span { color:#5a746a; font-size:.8rem; text-transform:uppercase; letter-spacing:.07em; font-weight:700; }
.diyai-speech h1, .diyai-speech h2 { line-height:1.2; margin:.35rem 0 1.2rem; }
.diyai-speech h3 { font-size:1.1rem; margin:0; }
.diyai-speech p { margin:.75rem 0 1rem; }
.diyai-speech-field { display:grid; gap:.45rem; margin:1rem 0; font-weight:650; }
.diyai-speech textarea, .diyai-speech select, .diyai-speech input[type="file"], .diyai-speech input[type="text"] { width:100%; min-width:0; max-width:100%; border:1px solid #b5d0c3; border-radius:10px; padding:.8rem; color:var(--speech-ink); background:#fbfdfc; font:inherit; font-weight:400; }
.diyai-studio-route-speech { --studio-site-header:28px !important; }
.diyai-voice-upload { border:2px dashed #a6d2be; border-radius:14px; padding:1.2rem; background:#f4fbf7; text-align:center; }
.diyai-studio-access { margin:0 0 20px; padding:24px; border:1px solid #c8ded5; border-radius:16px; background:#e6f8ee; }
.diyai-studio-access a { display:inline-block; margin:8px 12px 0 0; font-weight:700; }
.diyai-studio-page .diyai-studio-access :is(h2,h3) { color:var(--studio-ink,#062e21) !important; font-size:1.2rem; }
.diyai-studio-page .diyai-studio-access a { display:inline-flex; align-items:center; min-height:41px; padding:0 16px; border:1px solid #0b6844; border-radius:9px; color:#fff !important; background:#075537; font-size:.85rem; font-weight:900; text-decoration:none; }
.diyai-studio-page .diyai-studio-access a + a { color:#075537 !important; background:#fff; }
.diyai-tool-fields { border:0; margin:0; padding:0; min-width:0; }
.diyai-speech textarea { resize:vertical; min-height:160px; }
.diyai-speech .diyai-speech-help { font-size:.85rem; line-height:1.6; color:#5a746a; overflow-wrap:anywhere; }
.diyai-speech-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.diyai-speech-consent { display:flex; align-items:flex-start; gap:.65rem; padding:1rem; background:#edf8f2; border-radius:10px; margin:1.1rem 0; font-size:.9rem; }
.diyai-speech-consent input, .diyai-speech-voice input { accent-color:#0b6546; flex:none; margin-top:.3rem; }
.diyai-speech button, .diyai-speech-download { cursor:pointer; font:inherit; line-height:1.4; font-weight:700; border-radius:9px; padding:.7rem 1rem; transition:background .15s; }
.diyai-speech-primary { width:100%; min-height:52px; background:var(--speech-ink); color:#fff; border:1px solid var(--speech-ink); }
.diyai-speech-primary:hover:not(:disabled) { background:#0b6546; }
.diyai-speech button:disabled { cursor:not-allowed; opacity:.55; }
.diyai-speech-secondary, .diyai-speech-download { background:#fff; color:var(--speech-ink); border:1px solid var(--speech-border); text-decoration:none; }
.diyai-speech a.diyai-speech-secondary { display:inline-flex; padding:12px 18px; border-radius:10px; font-weight:700; margin-top:12px; }
.diyai-speech .diyai-voice-privacy { margin:12px 0; font-size:.9rem; line-height:1.5; color:var(--speech-muted); }
.diyai-speech :focus-visible { outline:3px solid #137956; outline-offset:3px; }
.diyai-speech-status { font-size:.9rem; min-height:1.5em; overflow-wrap:anywhere; }
.diyai-speech-status.is-error { color:#96352b; }
.diyai-speech-upload { display:grid; gap:.65rem; padding:1.5rem 1rem; border:2px dashed #a6d2be; border-radius:12px; background:#f4fbf7; text-align:center; }
.diyai-speech-upload input { padding:.45rem; font-size:.85rem; }
.diyai-speech-voices { margin:1.3rem 0; border:0; padding:0; min-width:0; }
.diyai-speech-voices legend { font-weight:700; margin-bottom:.6rem; }
.diyai-speech-voices > div { display:grid; gap:.5rem; max-height:280px; overflow:auto; padding:3px; }
.diyai-speech-voice { display:flex; gap:.6rem; align-items:flex-start; padding:.8rem; border:1px solid var(--speech-border); border-radius:10px; cursor:pointer; }
.diyai-speech-voice:has(input:checked) { background:#e7f8ef; border-color:#177d56; }
.diyai-speech-voice span { display:grid; min-width:0; overflow-wrap:anywhere; }
.diyai-speech-voice small { color:#5a746a; }
.diyai-speech-results-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.75rem; }
.diyai-speech-results-head h2 { margin-bottom:0; }
.diyai-speech-results-head { padding-bottom:1.2rem; border-bottom:1px solid var(--speech-border); }
.diyai-speech-history-filter { font-size:.85rem; }
.diyai-studio-page .diyai-speech h1 { text-align:left; }
.diyai-studio-page .diyai-speech :is(h1,h2,h3) { color:var(--speech-ink) !important; }
.diyai-studio-page .diyai-speech-controls, .diyai-studio-page .diyai-speech-results { border-radius:18px; box-shadow:0 16px 32px #062e2112; }
.diyai-studio-page .diyai-speech-notice { font-size:.82rem; }
.diyai-speech-result { border:1px solid var(--speech-border); border-radius:14px; padding:1.1rem; margin-top:1rem; overflow-wrap:anywhere; }
.diyai-speech-result audio { display:block; width:100%; max-width:100%; margin:1rem 0; }
.diyai-speech-result .diyai-speech-help { margin:.35rem 0 .8rem; }
.diyai-speech-result-actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.8rem; }
.diyai-studio-page .diyai-studio .diyai-speech :is(.diyai-speech-result,.diyai-creative-result) { padding:20px !important; margin-top:18px !important; }
.diyai-studio-page .diyai-studio .diyai-speech :is(.diyai-speech-result,.diyai-creative-result) h3 { font-weight:800; }
.diyai-speech-result-actions button, .diyai-speech-download { font-size:.85rem; }
.diyai-speech-segments { max-height:260px; overflow:auto; padding-left:1.4rem; }
.diyai-speech-segments li { padding:.3rem 0; }
.diyai-speech-segments button { text-align:left; background:#f2faf6; border:1px solid var(--speech-border); font-size:.85rem; padding:.3rem .6rem; margin-right:.5rem; }
@media (max-width:1150px) { .diyai-speech-grid { grid-template-columns:1fr; } }
@media (max-width:480px) { .diyai-speech-nav { display:grid; grid-template-columns:1fr; } .diyai-speech-nav a { text-align:center; } .diyai-speech-options { grid-template-columns:1fr; gap:0; } .diyai-speech-result-actions > * { flex:1 1 45%; text-align:center; } }