:root{--ink:#20362f;--green:#266b4e;--muted:#768079;--paper:#f7f8f3;--line:#e0e5dc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Inter,Arial,sans-serif}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,#drop:focus-visible{outline:3px solid #d1af40;outline-offset:4px}[hidden]{display:none!important}header{height:86px;max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 32px}.brand{font-size:26px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:var(--ink)}.logo{display:inline-grid;place-items:center;background:var(--green);color:white;border-radius:10px;width:35px;height:35px;margin-right:10px}.dot{color:#77a06e}.local{font-size:12px;color:#68776d}.local i{display:inline-block;width:7px;height:7px;background:#6e9f63;border-radius:50%;margin-right:8px}.tabs{display:flex;justify-content:center;border-block:1px solid var(--line);background:#fff9;gap:28px}.tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:19px 14px;color:#7d857f;font-size:14px}.tabs button.active{border-color:var(--green);color:var(--green);font-weight:700}main{max-width:1120px;margin:auto;padding:0 32px}.hero{text-align:center;padding:48px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--green)}h1{font-size:45px;line-height:1.18;letter-spacing:-1.8px;margin:17px 0}h1 span{color:#78917b}.hero p{color:#7a827b;font-size:14px;line-height:1.8}.workspace{border:1px solid var(--line);border-radius:18px;background:white;box-shadow:0 14px 45px #223e2d05;overflow:hidden}.categories{display:flex;padding:12px 18px;gap:6px;border-bottom:1px solid var(--line);background:#fcfdf9}.categories button{flex:1;white-space:nowrap;border:0;background:none;border-radius:8px;padding:12px 8px;color:#747e76;font-size:13px}.categories button.selected{background:#eaf2e6;color:var(--green);font-weight:bold}.categories small{font-size:8px;padding:3px;border-radius:3px;background:#eee9d9;margin-left:3px}#convertBody{padding:25px 30px 0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}h2{font-size:20px;letter-spacing:-.4px;margin:0 0 4px}.panel-head p{margin:0;color:var(--muted);font-size:12px}.pill{font-size:9px;letter-spacing:1px;font-weight:700;background:#f1f4df;color:#718344;padding:5px 10px;border-radius:4px}#drop{border:1.5px dashed #bdcdb5;border-radius:12px;background:#f8fbf5;text-align:center;padding:26px 15px;cursor:pointer}#drop.drag{background:#e5f1dc;border-color:var(--green)}.file-art{margin:0 auto 10px;border:1px solid #c6d5b9;background:#fff;width:45px;height:53px;border-radius:5px;position:relative;display:grid;place-items:center;transform:rotate(-7deg)}.file-art span{font-size:11px;font-weight:800;color:#6a875a}.file-art b{position:absolute;right:-12px;bottom:-3px;background:#deedcf;border:2px solid #f8fbf5;border-radius:50%;width:24px;height:24px;line-height:20px}h3{font-size:17px;margin:12px 0 4px}#drop p{font-size:12px;color:var(--muted);margin:0 0 15px}.primary{background:var(--green);color:white;border:0;border-radius:7px;padding:11px 21px;font-size:13px;font-weight:600}.primary:hover{background:#185337}#formats{display:block;font-size:10px;color:#8a9487;margin-top:14px}.panel-foot{display:flex;justify-content:space-between;border-top:1px solid #edf0e9;padding:15px 0;margin-top:20px;color:#899181;font-size:10px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding:40px 12px}.benefits article span{font-size:9px;letter-spacing:1.4px;color:#8a9780}.benefits h3{font-size:15px}.benefits p{font-size:12px;color:#7c857b;line-height:1.8}.help{max-width:760px;margin:12px auto 45px}.help h2{text-align:center;margin-bottom:20px;font-size:19px}details{border-bottom:1px solid var(--line);padding:14px 0;font-size:13px}summary{cursor:pointer}details p{color:var(--muted);font-size:12px}footer{padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#899182}footer .brand{font-size:20px}#actions{display:flex;justify-content:space-between;align-items:center;padding:20px 0 0;gap:12px}select{margin-left:8px;border:1px solid var(--line);padding:8px;border-radius:6px;background:white}.quiet{border:0;background:none;color:#75806f;padding:10px}.row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.row .name{flex:1;overflow-wrap:anywhere}.row small{display:block;color:var(--muted)}.row a{color:var(--green);font-weight:bold}.row button{border:0;background:none;color:#8c9586}.status{font-size:11px;color:#687a5f}#message{font-size:12px;color:#8a5635}#ocrBody{padding:60px 30px;min-height:370px;text-align:center}#ocrBody h2{font-size:28px;margin-top:18px}#ocrBody p{color:var(--muted)}.ocr-note{background:#f6f7f0;padding:20px;border-radius:10px;max-width:440px;margin:25px auto;color:#82886e;font-size:13px}@media(max-width:700px){header{height:70px;padding:0 18px}.local{font-size:9px}.tabs{gap:0}.tabs button{font-size:11px;padding:13px 9px;width:50%}main{padding:0 14px}h1{font-size:34px}.hero{padding-top:35px}.categories{overflow:auto;justify-content:flex-start;padding:8px}.categories button{flex:none;padding:10px}.categories small{display:none}#convertBody{padding:20px 17px 0}.panel-head p{max-width:230px;font-size:11px}.benefits{grid-template-columns:1fr;gap:12px;padding:28px 6px}.benefits p{margin-top:4px}.panel-foot{font-size:9px}#actions{flex-wrap:wrap;font-size:12px}footer{gap:18px}footer>span:nth-child(2){display:none}.row{flex-wrap:wrap}}

.categories button{flex:none;padding-inline:22px}.batch-hint{font-size:12px;color:var(--muted)}.format-choice{white-space:nowrap;color:#748271}.format-choice select{min-width:90px;font-size:12px;margin-left:0}.row .name{min-width:150px}.row .status{max-width:260px;overflow-wrap:anywhere}@media(max-width:700px){.categories button{padding-inline:10px;font-size:11px}.row .name{flex-basis:55%}.row .status{flex-basis:70%;max-width:none}}

.row{flex-wrap:wrap}.progress-box{flex-basis:100%;order:10;padding:3px 0 5px}.progress-label{font-size:11px;color:var(--green);margin-bottom:5px}progress{display:block;width:100%;height:9px;border:0;border-radius:9px;overflow:hidden;accent-color:var(--green)}progress::-webkit-progress-bar{background:#e8eee3;border-radius:9px}progress::-webkit-progress-value{background:var(--green);border-radius:9px}progress:indeterminate{background:linear-gradient(90deg,#e8eee3,#87ab79,#e8eee3);background-size:200% 100%;animation:working 1.4s linear infinite}@keyframes working{to{background-position:-200% 0}}

.row a.download-link{display:inline-block;background:var(--green);color:#fff;padding:10px 16px;border-radius:7px;text-decoration:underline;font-weight:700;cursor:pointer}.row a.download-link:hover{background:#185337}

.google-login{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#202020;color:#fff;border:1px solid #353535;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:500;white-space:nowrap;margin-left:auto}.google-login:hover{background:#303030;border-color:#555}.google-login svg{flex-shrink:0}.login-dialog{border:1px solid var(--line);border-radius:14px;padding:26px;max-width:420px;width:calc(100% - 36px);color:var(--ink)}.login-dialog::backdrop{background:#0006}.login-dialog p{font-size:14px}.login-dialog form{text-align:right}@media(max-width:480px){.google-login{font-size:12px;padding:9px 10px;gap:8px}.google-login svg{width:19px;height:19px}header{gap:12px}.brand{font-size:23px}}

/* VieVoice unified navigation */
header{max-width:1440px;min-height:96px;height:auto;display:flex;gap:28px;padding:18px 32px;border-bottom:1px solid var(--line)}
.vievoice-brand{display:inline-flex;align-items:baseline;flex-shrink:0;font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:35px;font-weight:900;letter-spacing:-1.8px;line-height:1.1;text-decoration:none}.vievoice-brand .vie{color:#203e34}.vievoice-brand .voice{color:#328860;letter-spacing:-2px}.vievoice-brand .voice::after{content:"";display:block;height:3px;margin:3px 2px 0 4px;border-radius:4px;background:linear-gradient(90deg,#328860,#a5c57b)}
header .tabs{flex:1;align-self:stretch;align-items:center;justify-content:center;gap:12px;border:0;background:transparent;min-width:0}header .tabs button{width:auto;padding:17px 10px;font-size:13px;line-height:1.4;white-space:normal;border-radius:6px 6px 0 0}header .google-login{margin-left:0;flex-shrink:0;font-size:13px;padding:11px 14px}
@media(min-width:1250px){header .tabs button{font-size:14px;white-space:nowrap}}
@media(max-width:1050px){header{gap:16px;padding:16px 24px}.vievoice-brand{font-size:30px}header .tabs{gap:2px}header .tabs button{font-size:12px;padding:12px 6px}header .google-login{font-size:12px;gap:8px;padding:10px}}
@media(max-width:760px){header{flex-wrap:wrap;padding:16px 18px 0;gap:12px}.vievoice-brand{font-size:31px}header .google-login{margin-left:auto}header .tabs{order:3;flex:1 0 100%;gap:10px}header .tabs button{flex:1;font-size:12px;padding:12px 4px}footer .vievoice-brand{font-size:23px}}

header #homeLink{align-self:stretch;align-items:center;padding:10px 14px;margin-left:-14px;border-radius:10px;cursor:pointer}header #homeLink:hover{background:#3288600d}#tts{min-height:calc(100vh - 100px)}

#converter .hero{padding:22px 0 20px}#converter .hero h1{margin:0}@media(max-width:700px){#converter .hero{padding:18px 0 16px}}

/* Dark blue palette inspired by the supplied blue logo. */
:root{color-scheme:dark;--ink:#e9f2ff;--green:#78b6f5;--muted:#a6b6cc;--paper:#0d1420;--line:#2a3b53}
body{background:var(--paper);color:var(--ink)}
a{color:#90c6ff}header{background:#101a29}
.vievoice-brand .vie{color:#e0efff}.vievoice-brand .voice{color:#71b2f2}.vievoice-brand .voice::after{background:linear-gradient(90deg,#397ed0,#9ed2ff)}header #homeLink:hover{background:#71b2f212}
header .tabs{gap:12px}header .tabs button{flex:1;display:flex;justify-content:center;align-items:center;text-align:center;text-transform:uppercase;font-size:12px;font-weight:750;letter-spacing:.4px;line-height:1.5;white-space:normal;color:#b9c9df;padding:16px 12px;min-width:0}header .tabs button.active{color:#a2d0ff;background:#182a42;border-color:#79b9ff}
.categories{justify-content:center;background:#142034;gap:12px;padding:12px}.categories button{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;text-align:center;text-transform:uppercase;font-size:13.5px;font-weight:750;letter-spacing:.4px;white-space:normal;color:#bdcee4;padding:16px 12px}.categories button.selected{background:#253f61;color:#b9ddff}.categories small{background:#31445f;color:#c9d8eb;font-size:10px}
.workspace{background:#141f30;border-color:var(--line);box-shadow:0 16px 48px #0003}h1 span{color:#86baf0}.hero p,.benefits p,.help p,.panel-head p,#drop p,#ocrBody p,.row small{color:var(--muted)}.benefits article span{color:#92b7dd}
#drop{background:#101c2d;border-color:#456c97}#drop.drag{background:#203d60;border-color:#9aceff}.file-art{background:#223c5b;border-color:#648ab4}.file-art span{color:#d3e9ff}.file-art b{background:#477eb4;border-color:#101c2d;color:#fff}
.primary,.row a.download-link{background:#356eb3;color:#fff}.primary:hover,.row a.download-link:hover{background:#4382cd}.pill{background:#223c5b;color:#b4daff}
select,input{background:#0e1929;color:#e9f2ff;border:1px solid #46607e;border-radius:6px}input{padding:9px}input::placeholder{color:#91a5bd}option{background:#142034;color:#e9f2ff}
.quiet,.row button,.format-choice{color:#b5c9e0}.status{color:#9dccff}#message{color:#ffd296}#formats,.panel-foot,footer{color:#a2b5cc}.panel-foot{border-color:var(--line)}.ocr-note{background:#1b2d44;color:#bdd0e6}
.google-login{background:#1a273a;border-color:#40526a}.google-login:hover{background:#243850;border-color:#80b9ef}.login-dialog{background:#172438;color:var(--ink)}.login-dialog::backdrop{background:#030811b3}
progress::-webkit-progress-bar{background:#23364e}progress:indeterminate{background:linear-gradient(90deg,#23364e,#5f9ee2,#23364e);background-size:200% 100%}button:focus-visible,a:focus-visible,summary:focus-visible,#drop:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a5d4ff;outline-offset:4px}
@media(max-width:1100px){header .tabs button{font-size:11.25px;padding:12px 8px}.categories button{font-size:12.75px}}
@media(max-width:760px){header .tabs button{font-size:10.5px;padding:14px 8px}.categories{overflow:visible}.categories button{font-size:11.25px;padding:14px 8px;flex:1;min-width:0}.categories small{display:none}}

/* Text-to-speech workspace */
#tts{max-width:none;width:100%;padding:32px;min-height:calc(100vh - 100px)}.tts-editor{width:40vw;max-width:100%;color:var(--ink)}.tts-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.tts-editor-heading label{font-size:16px;font-weight:700}.tts-editor-heading span{font-size:12px;color:var(--muted);white-space:nowrap}.tts-text{display:block;width:100%;height:297px;min-height:180px;resize:vertical;padding:20px;border:1px solid #395575;border-radius:12px;background:#121f31;color:#edf5ff;font:16px/1.75 "Segoe UI",Arial,sans-serif;box-shadow:0 8px 30px #0002}.tts-text::placeholder{color:#8fa6c2}.tts-text:focus{outline:2px solid #78b6f5;outline-offset:2px;border-color:#78b6f5}.tts-controls{display:flex;align-items:flex-end;gap:16px;margin-top:18px}.tts-voice{flex:0 0 calc(50% - 8px);min-width:0}.tts-voice label{display:block;font-size:13px;color:#bbcee6;font-weight:600;margin-bottom:8px}#ttsVoice{display:block;width:100%;margin:0;height:48px;padding:0 14px;font-size:14px;border-radius:8px}#ttsRecord{flex:1;min-width:0;height:48px;border-radius:8px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px}.tts-status{font-size:12px;color:var(--muted);margin:12px 0 0;line-height:1.6}@media(max-width:900px){#tts{padding:24px}.tts-editor{width:65vw}}@media(max-width:600px){#tts{padding:22px 16px}.tts-editor{width:100%}.tts-text{height:243px;padding:16px}.tts-controls{gap:10px}.tts-voice{flex-basis:calc(50% - 5px)}#ttsRecord{min-width:0;padding-inline:14px}}

.tts-block{position:relative;margin-bottom:18px}.tts-block .tts-text{padding-bottom:42px}.tts-block-count{position:absolute;right:18px;bottom:10px;font-size:12px;color:var(--muted);background:#121f31;padding:2px 4px;pointer-events:none}.tts-editor-heading{flex-wrap:wrap}#ttsLimitStatus:empty{display:none}

/* Text editor controls match the navy surface. */
.tts-block .tts-text{padding-top:20px;padding-right:52px;scrollbar-width:thin;scrollbar-color:#486582 #121f31;scrollbar-gutter:stable}
.tts-text::-webkit-scrollbar{width:8px;height:8px}
.tts-text::-webkit-scrollbar-track{background:#121f31;border-radius:12px}
.tts-text::-webkit-scrollbar-thumb{background:#486582;border:2px solid #121f31;border-radius:12px}
.tts-text::-webkit-scrollbar-thumb:hover{background:#78b6f5}
.tts-text::-webkit-scrollbar-button{display:none;width:0;height:0}
.tts-text::-webkit-scrollbar-corner,.tts-text::-webkit-resizer{background:#121f31}
.tts-close{position:absolute;top:7px;right:17px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid #395575;border-radius:7px;background:#182b42;color:#a6b6cc;font:22px/1 Arial,sans-serif;cursor:pointer}
.tts-close:hover{background:#294461;color:#fff;border-color:#78b6f5}
.tts-close:focus-visible{outline:2px solid #78b6f5;outline-offset:2px}

/* Number each text block outside its left edge, vertically centered. */
#ttsBlocks{counter-reset:tts-part}
.tts-block{counter-increment:tts-part}
.tts-block::before{content:counter(tts-part);position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:24px;text-align:center;color:#78b6f5;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none}
@media(max-width:900px){.tts-editor{margin-left:8px;max-width:calc(100% - 8px)}}
@media(max-width:600px){.tts-editor{margin-left:16px;max-width:calc(100% - 16px)}}

/* TTS input and voice demos share the available width in a 40/60 ratio. */
#tts{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:28px;align-items:start}
#tts[hidden]{display:none}
#tts .tts-editor{width:100%;max-width:100%;margin-left:0;min-width:0}
.voice-demo-panel{min-width:0;border:1px solid #2f4763;border-radius:12px;background:#121f31;overflow:hidden}
.voice-demo-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}
.voice-demo-table th,.voice-demo-table td{padding:20px 18px;border-bottom:1px solid #293d55;vertical-align:middle}
.voice-demo-table thead th{background:#1a2d44;color:#b9ddff;font-size:14px;font-weight:700}
.voice-demo-table th:first-child{width:26%}
.voice-demo-table tbody th{color:#edf5ff;font-size:15px;font-weight:650}
.voice-demo-table tbody tr:last-child>*{border-bottom:0}
.demo-buttons{display:flex;flex-wrap:wrap;gap:9px}
.demo-play{border:1px solid #42678c;border-radius:7px;background:#203a55;color:#d4e9ff;font-size:12px;padding:9px 11px;line-height:1.35;cursor:pointer}
.demo-play:hover:not(:disabled),.demo-play[aria-pressed="true"]{background:#356eb3;border-color:#87bcf0;color:white}
.demo-play:disabled{opacity:.55;cursor:not-allowed}
.voice-demo-panel .tts-status{padding:0 18px 16px;margin-top:12px}
#voiceDemoAudio{width:calc(100% - 36px);margin:16px 18px 0;height:40px}
@media(max-width:1000px){#tts{grid-template-columns:minmax(0,1fr);gap:24px}#tts .tts-editor{margin-left:8px;max-width:calc(100% - 8px)}}
@media(max-width:600px){#tts .tts-editor{margin-left:16px;max-width:calc(100% - 16px)}.voice-demo-table th,.voice-demo-table td{padding:14px 10px}.voice-demo-table th:first-child{width:29%}.voice-demo-table thead th{font-size:12px}.voice-demo-table tbody th{font-size:13px}.demo-play{padding:8px;font-size:11px}}

/* Responsive TTS: retain the editor first; bring compact demos into view. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,svg,video{max-width:100%}
.demo-mobile-picker{display:none}
.demo-play{min-height:44px}
.tts-close{width:32px;height:32px}
.voice-demo-table th,.voice-demo-table td{overflow-wrap:anywhere}
@media(min-width:1001px){#tts{gap:clamp(16px,2vw,32px)}.tts-text{font-size:16px}}
@media(max-width:1000px){
  header{height:auto!important;min-height:0;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px 16px!important}
  header .brand{grid-column:1;grid-row:1;font-size:27px}
  header .google-login{grid-column:2;grid-row:1;font-size:12px;padding:8px;min-height:40px;max-width:100%}
  header .tabs{grid-column:1/-1;grid-row:2;width:100%;min-width:0;margin:0;gap:4px}
  header .tabs button{font-size:10px;padding:8px 5px;line-height:1.4;min-height:48px;letter-spacing:0}
  #tts{display:flex;flex-direction:column;gap:10px;padding:14px 16px 24px;min-height:0}
  #tts .tts-editor,#ttsForm{display:contents}
  #tts .tts-editor-heading{order:1;margin:0;width:100%}
  #ttsBlocks{order:2;width:100%;max-height:230px;max-height:clamp(150px,29svh,230px);overflow-y:auto;overscroll-behavior-y:contain;padding:4px 4px 4px 24px;scrollbar-width:thin;scrollbar-color:#486582 #0d1420}
  #tts .tts-block{margin-bottom:12px}
  #tts .tts-block:last-child{margin-bottom:0}
  #tts .tts-block::before{left:-25px;width:22px;font-size:12px}
  #tts .tts-text{height:214px;height:clamp(134px,26svh,214px);min-height:120px;resize:vertical;font-size:16px;padding-top:14px}
  #tts .voice-demo-panel{order:3;width:100%;border-radius:10px}
  #tts .tts-controls{order:4;width:100%;margin:0;gap:12px}
  #tts .tts-voice{flex-basis:calc(50% - 6px)}
  #ttsLimitStatus{order:5;width:100%;margin:0}
  #ttsStatus{order:6;width:100%;margin:0}
  .demo-mobile-picker{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:#1a2d44}
  .demo-mobile-picker label{font-size:13px;font-weight:700;white-space:nowrap;color:#b9ddff}
  #demoVoicePicker{min-width:0;width:55%;height:38px;margin:0;padding:4px 8px;font-size:16px}
  .voice-demo-table thead,.voice-demo-table tbody th{display:none}
  .voice-demo-table tbody tr{display:none}
  .voice-demo-table tbody tr.demo-selected{display:table-row}
  .voice-demo-table td{padding:8px 10px;border:0}
  .demo-buttons{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin;scrollbar-color:#486582 #121f31;-webkit-overflow-scrolling:touch}
  .demo-play{flex:0 0 auto;min-height:44px;padding:8px 12px;font-size:12px;white-space:nowrap}
  .voice-demo-panel .tts-status{font-size:11px;line-height:1.4;margin:0;padding:0 10px 8px}
  #voiceDemoAudio{width:calc(100% - 20px);margin:4px 10px 8px;height:36px}
  #ttsVoice{font-size:16px}
  #ttsRecord{min-height:48px}
}
@media(max-width:380px){header .brand{font-size:24px}header .google-login{font-size:11px;gap:5px}header .google-login svg{width:18px}#tts{padding-inline:10px}.demo-mobile-picker label{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

#ttsOpenFile{border:1px solid #42678c;border-radius:7px;padding:7px 12px;font-size:13px;background:#182b42;color:#c4e0ff;min-height:36px}#ttsLimitStatus{overflow-wrap:anywhere}@media(max-width:1000px){#ttsLimitStatus{order:1}}

.text-preview-button{display:block;margin:6px 0 0;padding:7px 10px;font-size:12px;border:1px solid #42678c;border-radius:6px;background:#182b42;color:#c4e0ff}
.text-preview{width:min(800px,calc(100vw - 24px));max-height:90vh;max-height:90svh;box-sizing:border-box;overflow:auto;background:#111e2e;color:#dce9f8;border:1px solid #42678c;border-radius:12px;padding:20px}.text-preview::backdrop{background:#030a13bd}.text-preview h2{font-size:18px;overflow-wrap:anywhere;margin:0 0 10px}.text-preview p{font-size:13px;color:#afc4db;line-height:1.5}.text-preview textarea{width:100%;box-sizing:border-box;height:45vh;resize:vertical;background:#0d1420;color:#e3ecf8;border:1px solid #42678c;border-radius:8px;padding:12px;font:16px/1.65 system-ui,sans-serif;white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:#486582 #0d1420}.text-preview form{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.text-preview form button{min-height:44px}@media(max-width:1000px){.text-preview{padding:14px}}

.tts-editor-heading{flex-wrap:wrap}.cleanup-review{font-size:12px;min-height:36px;padding:6px 10px;border:1px solid #42678c;border-radius:7px;background:#182b42;color:#c4e0ff}#textPreviewCleanup{margin-top:12px;border-top:1px solid #334e6c;padding-top:10px}#textPreviewCleanup summary{cursor:pointer;font-size:13px;color:#b9dfff;min-height:36px}#textPreviewCleanupContent{height:25vh}

.text-quality-warning{color:#ffd99b!important;background:#30271a;border:1px solid #8a6739;border-radius:7px;padding:9px 11px;line-height:1.5;overflow-wrap:anywhere}

/* Keep browser scroll anchoring from bypassing the explicit editor animation. */
html,body,#tts,#ttsBlocks{overflow-anchor:none}

.tts-draft-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;font-size:12px;color:#afc4db;flex-wrap:wrap}.tts-draft-tools .quiet{font-size:12px;padding:5px 8px}#ttsImportStop{color:#ffd99b;border:1px solid #8a6739;border-radius:7px;padding:7px 10px}.tts-editor-heading{flex-wrap:wrap}@media(max-width:1000px){.tts-draft-tools{order:1;width:100%}}