@font-face{font-family:"DM Sans";src:url('/newsTTS/static/fonts/dm-sans-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:"Noto Serif Devanagari";src:url('/newsTTS/static/fonts/noto-serif-devanagari.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{color-scheme:light;--ink:#1f2b28;--muted:#66706b;--paper:#f7f4ec;--line:#d9d8cc;--accent:#a7352e;--accent-hover:#852720;--room-art:url('/newsTTS/static/art/final-to-use-shruti.webp');--room-focus:68% center;--room-mobile-focus:right center}
*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;min-width:320px;color:var(--ink);background:#263c35;font-family:"DM Sans",Arial,sans-serif;font-size:15px;line-height:1.5}
body[data-room=book]{--room-art:url('/newsTTS/static/art/newsroom-final-shruti.webp');--room-focus:66% center;--room-mobile-focus:right center;--accent:#355c51;--accent-hover:#27483f}
button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button,a{touch-action:manipulation}a{color:inherit;text-underline-position:from-font}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #e7a84c;outline-offset:3px}[hidden]{display:none!important}
.room-art,.room-shade{position:absolute;top:76px;bottom:0;left:0;width:calc(100% - clamp(510px,39vw,660px));pointer-events:none}
.room-art{background-image:var(--room-art);background-size:cover;background-position:var(--room-focus)}
.room-shade{background:linear-gradient(90deg,#101426b8 0%,#10142673 48%,transparent 88%),linear-gradient(180deg,#10142628 0%,transparent 57%,#10142644 100%)}
body[data-room=book] .room-shade{background:linear-gradient(90deg,#1a1627b8 0%,#1a162773 48%,transparent 88%),linear-gradient(180deg,#1a162728 0%,transparent 57%,#1a162744 100%)}
.site-header{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:0 40px;background:#18352e;color:#f9f4e6;position:relative;z-index:2}
.wordmark{text-decoration:none;font-size:25px;font-weight:700;letter-spacing:-1.6px;white-space:nowrap;line-height:1}.wordmark span{margin-left:6px;font-size:10px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}.wordmark i{font-size:8px;font-style:normal;vertical-align:top;margin-left:2px;letter-spacing:0}
.room-switch{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #d6dfd354;border-radius:100px}.room-switch button{border:0;background:transparent;color:#e2e9df;padding:10px 17px;border-radius:100px;font-size:13px;font-weight:600;white-space:nowrap}.room-switch button.active{background:#f9f4e6;color:#18352e}.room-switch button:hover:not(.active){background:#ffffff17}
.location{justify-self:end;display:flex;align-items:center;gap:8px;font-size:12px;color:#dce8d9;white-space:nowrap}.live-dot{height:7px;width:7px;background:#dfb063;border-radius:50%}#clock{font-variant-numeric:tabular-nums;margin-left:4px}
main{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(510px,39vw,660px);min-height:calc(100vh - 76px)}
.atmosphere{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;min-height:760px;padding:62px clamp(32px,5vw,86px) 42px;color:#fff9e9;overflow:hidden}
.room-heading{max-width:650px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.02em;margin:0 0 18px;color:#f3d7a8}.room-heading h1{font-family:"Noto Serif Devanagari",serif;font-weight:700;font-size:clamp(55px,6.1vw,98px);line-height:1.35;letter-spacing:-.045em;margin:0;max-width:680px;text-wrap:balance;text-shadow:0 4px 22px #132c265c}.room-heading h1 span{display:block;font-family:"DM Sans",Arial,sans-serif;font-size:clamp(28px,3.05vw,45px);font-weight:500;line-height:1.15;letter-spacing:-.045em;margin-top:0;color:#f4e5cb}
.room-description{margin:30px 0 0;font-size:19px;line-height:1.55;max-width:410px;text-wrap:pretty;text-shadow:0 2px 12px #1028248c}.room-caption{font-size:13px;line-height:1.5;max-width:340px;color:#f8e9d1;text-shadow:0 2px 10px #102824a0}
.studio-panel{position:relative;z-index:1;background:var(--paper);padding:46px clamp(34px,3.7vw,70px) 38px;min-width:0;box-shadow:-12px 0 40px #172a251c}
.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.studio-number{color:var(--muted);font-size:13px;font-weight:700}.record-light{font-size:12px;font-weight:700;color:#4c7660;white-space:nowrap}.record-light.working{color:var(--accent);animation:pulse 1.4s ease-in-out infinite}
.studio-panel h2{font-size:clamp(31px,2.5vw,40px);line-height:1.12;font-weight:700;letter-spacing:-.045em;margin:0 0 10px;text-wrap:balance}.panel-intro{font-size:16px;line-height:1.5;color:var(--muted);margin:0 0 28px;max-width:42ch;text-wrap:pretty}.panel-intro br{display:none}
.voice-fieldset{border:0;padding:0;margin:0 0 26px;min-width:0}.voice-fieldset legend,.text-label{display:flex;align-items:center;gap:8px;width:100%;margin:0 0 12px;color:var(--ink);font-size:14px;font-weight:700}.voice-fieldset legend>span,.text-label>span:first-child{display:contents}.voices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.voice{display:flex;align-items:center;gap:12px;min-height:82px;padding:9px;text-align:left;background:#fffdf7;border:1.5px solid #d5d7cb;border-radius:11px;color:var(--ink);transition:border-color .15s,background .15s;min-width:0}.voice:hover{border-color:#8b9f91}.voice[aria-pressed=true]{border-color:var(--accent);background:#fff8f1;box-shadow:inset 0 0 0 .5px var(--accent)}.voice img{width:58px;height:62px;flex:0 0 58px;object-fit:cover;object-position:center 13%;border-radius:6px;background:#e6dac1}.voice span{font-size:14px;font-weight:700;line-height:1.25;overflow-wrap:break-word}.voice[aria-pressed=true] span{color:var(--accent)}
.pronunciation-fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}
.pronunciation-fieldset legend{margin:0 0 10px;color:var(--ink);font-size:14px;font-weight:700}
.pronunciation-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.pronunciation-choices label{position:relative;display:block;cursor:pointer}
.pronunciation-choices input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.pronunciation-choices span{display:block;padding:10px 12px;border:1.5px solid #cfd4c8;border-radius:9px;background:#fffdf8;color:var(--ink);font-size:14px;font-weight:700;text-align:center;transition:border-color .15s,background .15s}
.pronunciation-choices input:checked+span{border-color:var(--accent);background:#fff8f1;color:var(--accent)}
.pronunciation-choices input:focus-visible+span{outline:3px solid #e7a84c;outline-offset:2px}
.pronunciation-choices input:disabled+span{opacity:.6;cursor:wait}
.pronunciation-fieldset p{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.text-label{margin:0 0 11px}#count{margin-left:auto;color:var(--muted);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}
textarea{display:block;width:100%;min-height:151px;max-height:420px;resize:vertical;background:#fffdf8;color:var(--ink);border:1.5px solid #c6cec2;border-radius:10px;padding:16px;font-family:"Noto Serif Devanagari",serif;font-size:17px;line-height:1.7}textarea::placeholder{color:#9a9e94}textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #a7352e25}
.examples{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:13px 0 24px;color:var(--muted);font-size:13px}.examples>span{margin-right:2px}.examples button{border:1px solid #cfd4c8;border-radius:100px;background:#fffdf8;color:var(--ink);padding:6px 11px;font-size:13px;font-weight:600;line-height:1.2}.examples button:hover{border-color:var(--accent);color:var(--accent)}
.generate{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:58px;padding:14px 20px;border:0;border-radius:10px;background:var(--accent);color:white;font-size:16px;font-weight:700}.generate:hover{background:var(--accent-hover)}.generate svg{flex:0 0 auto}
.status{min-height:22px;margin:13px 0 0;color:#54725a;font-size:13px}.status.error{color:#a7352e}.studio-note{margin:24px 0 0;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.5}.studio-note br{display:none}
.recording{margin-top:24px;padding:20px;border:1px solid #d4d7ca;border-radius:12px;background:#fffdf7}.recording-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.small-label{display:block;font-size:12px;font-weight:700;color:var(--muted)}.recording h3{margin:2px 0 10px;font-size:18px;line-height:1.3}.recording a{border:1px solid #bbcabd;border-radius:7px;padding:7px 10px;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}.recording audio{display:block;width:100%;margin:6px 0 4px}.recording p{margin:0;color:var(--muted);font-size:12px}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#18352e;color:#f9f4e6;padding:17px 40px;font-size:12px;position:relative;z-index:2}footer a{text-decoration:none}footer a:hover{text-decoration:underline}
@keyframes pulse{50%{opacity:.45}}
@media(max-width:1100px){.site-header{padding-inline:26px}.location{display:none}.site-header{grid-template-columns:1fr auto}.atmosphere{padding-inline:34px}.studio-panel{padding-inline:32px}main{grid-template-columns:minmax(0,1fr) 510px}.room-art,.room-shade{width:calc(100% - 510px)}.room-heading h1{font-size:59px}.room-heading h1 span{font-size:32px}.room-description{font-size:17px}}
@media(max-width:850px){.room-art,.room-shade{top:70px;bottom:auto;width:100%;height:410px}.room-art{background-position:var(--room-mobile-focus)}.room-shade{background:linear-gradient(90deg,#101426c9 0%,#10142680 54%,#10142620 100%),linear-gradient(180deg,#10142612 0%,transparent 44%,#10142673 100%)}.site-header{height:70px}.site-header .location{display:none}main{display:flex;flex-direction:column;min-height:0}.atmosphere{min-height:410px;padding:36px 26px 22px}.room-heading h1{font-size:clamp(55px,9vw,74px)}.room-heading h1 span{font-size:30px}.room-description{margin-top:16px;font-size:16px}.room-caption{font-size:12px}.studio-panel{padding:36px max(24px,8vw) 40px;box-shadow:none}.voices{grid-template-columns:repeat(2,minmax(0,1fr))}footer{padding-inline:24px}}
@media(max-width:850px){body[data-room=book] .room-shade{background:linear-gradient(90deg,#1a1627c9 0%,#1a162780 54%,#1a162720 100%),linear-gradient(180deg,#1a162712 0%,transparent 44%,#1a162773 100%)}}
@media(max-width:520px){.site-header{padding-inline:18px;gap:8px}.wordmark{font-size:22px}.wordmark span,.wordmark i{display:none}.room-switch{gap:0;padding:3px}.room-switch button{font-size:11px;padding:8px 10px}.room-art,.room-shade{height:370px}.atmosphere{min-height:370px;padding:32px 22px 20px}.eyebrow{font-size:12px;margin-bottom:12px}.room-heading h1{font-size:50px}.room-heading h1 span{font-size:27px}.room-description{font-size:15px;margin-top:14px;line-height:1.45}.room-caption{max-width:220px;font-size:11px}.studio-panel{padding:32px 20px 36px}.panel-top{margin-bottom:22px}.studio-panel h2{font-size:31px}.panel-intro{font-size:15px;margin-bottom:24px}.voice{gap:8px;min-height:70px;padding:7px}.voice img{width:47px;height:54px;flex-basis:47px}.voice span{font-size:12px}.voices{gap:9px}textarea{font-size:16px}.examples{gap:7px}.examples>span{width:100%}footer{padding:17px 20px}footer>span:nth-child(2){display:none}}
@media(max-width:365px){.room-switch button{font-size:10px;padding:8px}.voice img{width:40px;flex-basis:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Ampixa's black, white, and crimson identity with a quiet pixel signature. */
:root{--ink:#171717;--muted:#67645f;--paper:#fdfcfc;--line:#ebe8e4;--accent:#dc143c;--accent-hover:#b50d30}
body[data-room=book]{--accent:#dc143c;--accent-hover:#b50d30}
.site-header,footer{background:#fdfcfc;color:#171717}
.site-header{border-bottom:1px solid #ebe8e4}
.wordmark img{display:block;width:104px;height:auto}
.room-switch{border-color:#e8e5e1;background:#f5f3f1}
.room-switch button{color:#4c4945;font-weight:500}
.room-switch button.active{background:#171717;color:white}
.room-switch button:hover:not(.active){background:#eae6e1}
.location{color:#55514c}.live-dot{background:#dc143c}
.brand-dev{display:block;width:174px;height:auto;filter:invert(1);margin-bottom:26px}
.eyebrow{font-size:14px;font-weight:500;letter-spacing:0;color:#f9e4ce}
.room-heading h1{font-weight:600;letter-spacing:-.025em}
.studio-panel{box-shadow:none;border-left:1px solid #ebe8e4}
.panel-top{margin-bottom:28px}
.studio-number,.record-light{font-size:13px;font-weight:500}
.record-light{color:#56524d}
.pixel-wave{display:block;width:132px;height:40px;margin-bottom:22px;image-rendering:pixelated}
.studio-panel h2{font-weight:500;letter-spacing:-.035em}
.voice{background:#f8f6f3;border-color:#e9e5df;border-radius:16px}
.voice:hover{border-color:#b5afa8}
.voice[aria-pressed=true]{background:#fff;border-color:#171717;box-shadow:inset 0 0 0 .5px #171717}
.voice[aria-pressed=true] span{color:#171717}
.voice img{border-radius:10px}
.voice span{font-weight:600}
textarea{background:#fff;border-color:#d9d5cf;border-radius:12px}
textarea:focus{border-color:#171717;box-shadow:0 0 0 3px #17171717}
.examples button{background:#f5f3f1;border-color:#e8e5e1}
.examples button:hover{border-color:#171717;color:#171717}
.generate{background:#171717;border-radius:999px;font-weight:600}
.generate:hover{background:#373431}
.status{color:#55514c}.studio-note{border-color:#ebe8e4}
footer{border-top:1px solid #ebe8e4}
@media(max-width:850px){.studio-panel{border-left:0}.brand-dev{width:150px;margin-bottom:18px}}
@media(max-width:520px){.wordmark img{width:84px}.brand-dev{width:126px;margin-bottom:14px}.pixel-wave{margin-bottom:17px}}
body{position:relative}
.status{min-height:42px}
.atmosphere.has-recording::before{content:"";position:absolute;inset:0;z-index:1;background:#091b1880;pointer-events:none}
.atmosphere.has-recording .room-heading,.atmosphere.has-recording .room-caption{position:relative;z-index:2}
.recording{position:fixed;z-index:3;left:calc((100vw - clamp(510px,39vw,660px))/2);bottom:24px;transform:translateX(-50%);width:min(520px,calc(100vw - clamp(510px,39vw,660px) - 48px));max-height:calc(100dvh - 100px);overflow:auto;margin:0;padding:18px 20px 14px;border:1px solid #dedbd5;border-radius:18px;background:#fdfcfc;box-shadow:0 18px 60px #071b1760;color:#171717}
.recording:focus{outline:none}
.recording-actions{display:flex;align-items:center;gap:8px}
.recording-actions button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dedbd5;border-radius:50%;background:#f5f3f1;color:#171717;font-size:23px;line-height:1}
.recording-actions button:hover,.recording-actions a:hover{background:#eae6e1}
.recording audio{height:42px}
@media(max-width:1100px) and (min-width:851px){.recording{left:calc((100vw - 510px)/2);width:calc(100vw - 558px)}}
@media(max-width:850px){.recording{position:absolute;left:50%;bottom:18px;width:min(540px,calc(100% - 48px));max-height:calc(100% - 36px)}}
@media(max-width:520px){.recording{bottom:16px;width:calc(100% - 32px);padding:14px 15px 10px;border-radius:15px}.recording h3{font-size:16px}.recording p{font-size:11px}}
#count.over-limit{color:#dc143c;font-weight:700}
.conversion{margin:12px 0 18px;padding:15px;border:1px solid #dcd8cf;border-radius:13px;background:#f7f4ef}
.conversion-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:3px 10px;margin-bottom:12px}.conversion-heading strong{font-size:14px}.conversion-heading span{color:#706b64;font-size:12px}
.conversion fieldset{margin:0;padding:0;border:0}.conversion legend{margin-bottom:8px;color:#625e57;font-size:12px}
.conversion-choices{display:flex;flex-wrap:wrap;gap:8px}.conversion-choices label{position:relative;cursor:pointer}.conversion-choices input{position:absolute;opacity:0;width:1px;height:1px}.conversion-choices span{display:block;padding:8px 11px;border:1px solid #d6d1c8;border-radius:100px;background:#fff;font-size:12px;font-weight:600}.conversion-choices input:checked+span{border-color:#171717;background:#171717;color:#fff}.conversion-choices input:focus-visible+span{outline:3px solid #e7a84c;outline-offset:2px}
#convert{display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:176px;margin-top:13px;padding:9px 13px;border:1px solid #171717;border-radius:8px;background:#fff;color:#171717;font-size:13px;font-weight:700}#convert:disabled{cursor:default;border-color:#d4d0ca;color:#9b968f}
.generate:disabled{cursor:default}
.status a{color:inherit;text-decoration:underline;text-decoration-thickness:from-font}
.music-option{display:flex;align-items:center;gap:13px;margin:0 0 22px;padding:12px 14px;border:1px solid #e9e5df;border-radius:13px;background:#f8f6f3;cursor:pointer}
.music-option:focus-within{outline:3px solid #e7a84c;outline-offset:3px}
.music-option input{position:absolute;width:1px;height:1px;opacity:0}
.music-switch{position:relative;flex:0 0 42px;width:42px;height:24px;border-radius:24px;background:#cac5be;transition:background .2s}
.music-switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}
.music-option input:checked+.music-switch{background:#dc143c}
.music-option input:checked+.music-switch::after{transform:translateX(18px)}
.music-option input:disabled+.music-switch{opacity:.55}
.music-copy{display:flex;flex-direction:column;line-height:1.3}.music-copy strong{font-size:13px;font-weight:600}.music-copy small{margin-top:3px;color:#77716a;font-size:12px}
.visualizer{height:60px;margin:4px 0 12px;overflow:hidden;border:1px solid #e9e0da;border-radius:10px;background:radial-gradient(circle at 80% 0%,#f1e7df,transparent 55%),#f8f5f1}
body[data-room=book] .visualizer{border-color:#dfe8e1;background:radial-gradient(circle at 20% 100%,#e8f0e9,transparent 60%),#f4f7f3}
.visualizer canvas{display:block;width:100%;height:100%}
@media(max-width:520px){.music-option{margin-bottom:19px}.visualizer{height:54px}}
.advanced{margin:-4px 0 22px;border-top:1px solid #e9e5df;border-bottom:1px solid #e9e5df}
.advanced summary{display:flex;justify-content:space-between;align-items:center;list-style:none;padding:14px 2px;color:#55514c;font-size:13px;font-weight:600;cursor:pointer}
.advanced summary::-webkit-details-marker{display:none}
.advanced summary span{font-size:19px;line-height:1;transition:transform .18s}
.advanced[open] summary span{transform:rotate(45deg)}
.advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:16px;padding:6px 2px 18px}
.advanced-grid label{display:block;min-width:0;color:#57524d;font-size:12px;font-weight:600}
.advanced-grid output{float:right;color:#171717;font-variant-numeric:tabular-nums}
.advanced-grid input[type=range]{display:block;width:100%;margin:12px 0 0;accent-color:#dc143c}
.advanced-grid select{display:block;width:100%;height:37px;margin-top:9px;padding:0 9px;border:1px solid #d9d5cf;border-radius:8px;background:#fff;color:#171717;font:inherit}
.advanced-grid :disabled{opacity:.45}
#reset-advanced{margin:0 0 18px;padding:0;border:0;background:none;color:#746e68;font-size:12px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){
  body.has-result{overflow:hidden}
  .atmosphere.has-recording{position:fixed;inset:0;z-index:20;min-height:0;height:100dvh;padding:26px 26px max(18px,env(safe-area-inset-bottom));background-image:var(--room-art);background-size:cover;background-position:var(--room-mobile-focus);color:#fff9e9}
  .atmosphere.has-recording .room-caption{margin-top:12px;margin-bottom:auto;max-width:35ch}
  .atmosphere.has-recording .recording{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));max-height:calc(100dvh - 285px);width:min(540px,calc(100% - 48px))}
}
@media(max-width:520px){
  .advanced-grid{grid-template-columns:1fr;row-gap:13px}
  .atmosphere.has-recording{padding:22px 22px max(16px,env(safe-area-inset-bottom))}
  .atmosphere.has-recording .brand-dev{width:108px;margin-bottom:11px}
  .atmosphere.has-recording .eyebrow{margin-bottom:8px}
  .atmosphere.has-recording .room-heading h1{font-size:clamp(37px,12vw,50px);line-height:1.2}
  .atmosphere.has-recording .room-heading h1 span{font-size:23px}
  .atmosphere.has-recording .room-description{margin-top:8px;font-size:13px;line-height:1.32}
  .atmosphere.has-recording .room-caption{font-size:10px;line-height:1.25}
  .atmosphere.has-recording .recording{bottom:max(16px,env(safe-area-inset-bottom));max-height:calc(100dvh - 275px);width:calc(100% - 32px)}
}