@font-face{font-family:AMBILE;src:url('../fonts/AMBILE.ttf') format('truetype');font-display:swap}
@font-face{font-family:AMBILEShadow;src:url('../fonts/AMBILE Shadow.ttf') format('truetype');font-display:swap}
:root{--bg:#f7f7fb;--card:#fff;--ink:#14151b;--muted:#626678;--line:#e7e8f0;--accent:#1f6feb;--soft:#edf4ff}
[data-theme="dark"]{--bg:#0d1117;--card:#161b22;--ink:#f0f3f6;--muted:#9aa4b2;--line:#30363d;--accent:#58a6ff;--soft:#0f2742}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,var(--soft),transparent 38%),var(--bg);color:var(--ink);font-family:AMBILE,system-ui,sans-serif}
.wrap{max-width:1180px;margin:auto;padding:26px}.top{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.brand h1{font-family:AMBILEShadow,AMBILE,sans-serif;margin:0;font-size:34px}.brand p{margin:6px 0 0;color:var(--muted)}
.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:14px;padding:10px 14px;cursor:pointer;font-family:inherit;font-size:16px}
.btn.primary{background:var(--accent);color:white;border-color:var(--accent)}.panel{background:rgba(255,255,255,.72);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:24px;padding:18px;margin-top:20px;box-shadow:0 18px 50px rgba(0,0,0,.07)}
[data-theme="dark"] .panel{background:rgba(22,27,34,.72)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
select,.inputline{font-family:inherit;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);padding:9px 12px;font-size:16px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.box label{display:block;margin-bottom:8px;color:var(--muted)}
textarea{width:100%;min-height:360px;resize:vertical;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:18px;padding:16px;font-size:22px;line-height:1.85;font-family:AMBILE,serif}
#output{direction:ltr;font-family:"Noto Sans Devanagari",Mangal,AMBILE,sans-serif}
#output.rtl-output{direction:rtl;text-align:right;font-family:AMBILE,serif}
#output.dev-output{direction:ltr;text-align:left;font-family:"Noto Sans Devanagari",Mangal,AMBILE,sans-serif}
#input.dev-input{direction:ltr;text-align:left;font-family:"Noto Sans Devanagari",Mangal,AMBILE,sans-serif}.stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:14px}
.suggestions{margin-top:16px;display:grid;gap:8px}.suggestion{border:1px dashed var(--line);border-radius:14px;padding:10px;background:var(--card)}
.footer{margin-top:20px;color:var(--muted);font-size:14px;text-align:center}@media(max-width:850px){.grid{grid-template-columns:1fr}.brand h1{font-size:28px}textarea{min-height:260px;font-size:20px}}
.debugwrap{margin-top:14px;border:1px solid var(--border);border-radius:16px;padding:10px;background:var(--card)}
.debug{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:10px}
.dbg{border:1px solid var(--border);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:4px;background:rgba(127,127,127,.06)}
.dbg b{font-size:18px}.dbg span{direction:ltr;text-align:left;font-size:18px}.dbg small{opacity:.65}
.learning h2{margin:0 0 8px;font-family:'Ambile Shadow','Ambile',sans-serif;font-size:24px}
.hint{opacity:.78;line-height:1.8;margin:4px 0 14px}.learn-grid{display:grid;grid-template-columns:1.4fr 1.4fr auto auto auto auto;gap:10px;align-items:center}.learn-grid input{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:14px;padding:12px 14px;font-family:inherit;font-size:17px;min-width:0}.importBtn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.danger{border-color:rgba(220,60,60,.35)!important;color:#c0392b}.learned{display:grid;gap:8px;margin-top:12px}.rule{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:9px 10px;background:var(--soft)}.rule b{direction:rtl}.rule span{direction:ltr;text-align:left}.mini{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:6px 9px;font-family:inherit;cursor:pointer}.dbg{grid-template-columns:minmax(90px,1fr) minmax(90px,1fr) auto auto!important}@media(max-width:900px){.learn-grid{grid-template-columns:1fr}.rule{grid-template-columns:1fr}.dbg{grid-template-columns:1fr!important}}

.ai-tools{margin-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:rgba(127,127,127,.08);padding:10px;border-radius:14px}
.ai-tools input[type=number]{width:74px;padding:6px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text)}
.check{display:flex;gap:8px;align-items:center}
#aiStatus{font-weight:700}

/* V16 public branding and layout polish */
.top{align-items:flex-start}.brand{display:flex;align-items:center;gap:16px;flex:1;min-width:320px}.logoLink{display:inline-flex;text-decoration:none}.logo{width:96px;height:96px;border-radius:24px;box-shadow:0 14px 34px rgba(31,111,235,.18)}.brandText h1{font-family:AMBILEShadow,AMBILE,sans-serif;margin:0;font-size:36px}.brandText p{margin:6px 0 0;color:var(--muted);line-height:1.8}.box-title{display:block;text-align:center!important;font-family:AMBILEShadow,AMBILE,sans-serif;font-size:22px;color:var(--ink)!important;margin-bottom:10px!important}.footer a{color:var(--accent);font-weight:700;text-decoration:none}.footer a:hover{text-decoration:underline}.debugwrap summary{font-family:AMBILEShadow,AMBILE,sans-serif;font-size:20px;cursor:pointer;text-align:center}.suggestions{display:none!important}.learning{display:none!important}@media(max-width:720px){.brand{justify-content:center;text-align:center}.logo{width:78px;height:78px}.brandText h1{font-size:30px}.actions{justify-content:center;width:100%}}