:root{color-scheme:light;--ink:#182e29;--green:#126653;--muted:#596b65;--line:#dae3de;--paper:#fff;--bg:#f5f7f2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Nirmala UI","Noto Sans Devanagari",system-ui,sans-serif;line-height:1.65}a{color:var(--green)}button,input,select,textarea{font:inherit}button,.file-button{cursor:pointer}button,select,.file-button{border:1px solid var(--line);border-radius:9px;background:white;padding:9px 13px;color:var(--ink)}button:disabled,select:disabled{cursor:not-allowed;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.file-button:has(+input:focus-visible){outline:3px solid #c67922;outline-offset:3px}.header{max-width:1250px;margin:auto;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:1px;line-height:1.3}.brand small{display:block;font-size:10px;letter-spacing:2.3px}.brand-icon{display:grid;place-items:center;background:var(--green);color:white;border-radius:12px;width:42px;height:44px;font-size:24px}nav{display:flex;gap:24px;align-items:center}nav a{text-decoration:none;font-size:14px}.hero{text-align:center;padding:52px 20px 38px}.eyebrow{color:var(--green);font-size:12px;letter-spacing:2px;font-weight:700}.hero h1{font-size:clamp(32px,5vw,58px);line-height:1.35;letter-spacing:-1px;margin:16px 0}.hero em{font-style:normal;color:var(--green)}.hero>p:not(.eyebrow){color:var(--muted)}.badge{display:inline-block;font-size:12px;padding:7px 13px;border:1px solid var(--line);border-radius:30px;background:#edf2e9}.studio{max-width:1190px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:22px;padding:0 20px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px;min-width:0;box-shadow:0 9px 25px #172f2705}.panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:22px}.panel-heading h2{font-size:18px;margin:0}.panel-heading span{font-size:10px;color:var(--muted);letter-spacing:1.4px}textarea{width:100%;min-height:285px;resize:vertical;border:0;background:#fafbf8;padding:18px;border-radius:10px;line-height:1.9;color:var(--ink)}textarea::placeholder{color:#76867e}.editor-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}.editor-tools>div{display:flex;gap:6px;flex-wrap:wrap}.editor-tools button,.file-button{font-size:12px;padding:6px 10px}#count{font-size:12px;color:var(--muted)}.hint{color:var(--muted);font-size:12px}.notice{font-size:13px;background:#fff6e5;border:1px solid #edd5a7;border-radius:10px;padding:13px;margin:20px 0}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.primary{background:var(--green);color:white;border-color:var(--green);padding:12px 20px}.settings label{display:block;font-size:14px;margin:18px 0 7px}.settings select{width:100%;font-size:13px}.settings input[type=range]{width:100%;accent-color:var(--green)}.settings output{float:right;color:var(--muted);font-size:12px}.settings>button{margin-top:20px;width:100%;font-size:13px}.feedback{min-height:26px;max-width:1150px;margin:12px auto;padding:0 20px;color:var(--green)}.how{max-width:1190px;margin:48px auto;display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:28px;padding:0 25px}.how h2{font-size:25px}.how b{color:var(--green);font-size:13px}.how h3{font-size:16px}.how p:not(.eyebrow){font-size:13px;color:var(--muted)}.document{max-width:850px;padding:25px;margin:25px auto 60px}.document h1{font-size:34px}details{padding:16px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600}details p{color:var(--muted)}footer{max-width:1190px;margin:30px auto 0;border-top:1px solid var(--line);padding:24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:5}.skip:focus{top:10px}[hidden]{display:none!important}@media(max-width:768px){.header{padding:18px 20px;align-items:flex-start}.header nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.header nav a{font-size:12px}.header nav a[href='/#how']{display:none}.studio{grid-template-columns:1fr}.hero{padding-top:30px}.how{grid-template-columns:1fr 1fr}.panel{padding:20px}.brand{font-size:13px}.brand-icon{width:34px;height:38px}.document h1{font-size:28px}}@media(max-width:375px){.studio{padding:0 12px}.panel{padding:16px}.panel-heading span{font-size:8px}.how{grid-template-columns:1fr}.header{padding:16px 12px}.hero h1{font-size:32px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Studio history and administration use the existing palette and spacing. */
.settings input:not([type=range]){width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;padding:10px;color:var(--ink);background:white}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}.admin-wide{max-width:1190px}.admin-section{margin-top:24px}.admin-section h2{font-size:20px}.scroll-table{max-height:450px;overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th,td{border-bottom:1px solid var(--line);padding:10px;vertical-align:top;overflow-wrap:anywhere}th{position:sticky;top:0;background:var(--bg)}.history{max-width:1150px;margin:24px auto 40px}.history-item{padding:16px 0;border-bottom:1px solid var(--line)}.history-item p{font-size:13px;overflow-wrap:anywhere}audio{width:100%;margin-top:10px}#result{border-top:1px solid var(--line);margin-top:20px;padding-top:10px}#admin-voice-search{max-width:100%;padding:10px;border:1px solid var(--line);border-radius:9px}button:disabled{opacity:.8;background:#edf0eb;color:#59665e}#admin-status{overflow-wrap:anywhere}footer a{overflow-wrap:anywhere}@media(max-width:768px){.settings-grid{grid-template-columns:1fr}.history{margin-left:20px;margin-right:20px}.header{flex-wrap:wrap}.header nav{margin-left:auto;gap:12px}.settings label{margin-top:12px}.how{margin-top:30px}}@media(max-width:375px){.history{margin-left:12px;margin-right:12px}.panel-heading{flex-wrap:wrap}}