.rtv-inpage { --rtv-green:#075b46; --rtv-deep:#04392d; --rtv-gold:#c59643; --rtv-ink:#17241f; --rtv-muted:#64736c; --rtv-line:#dce7e1; max-width:1120px; margin:32px auto; padding:clamp(18px,4vw,42px); background:linear-gradient(135deg,#f8fcfa,#f2f8f4); border:1px solid var(--rtv-line); border-radius:22px; color:var(--rtv-ink); font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",serif; box-sizing:border-box; }
.rtv-inpage * { box-sizing:border-box; }
.rtv-inpage__header { max-width:780px; text-align:center; margin:0 auto 28px; }
.rtv-inpage__eyebrow { display:inline-block; color:var(--rtv-green); font-size:15px; font-weight:700; }
.rtv-inpage h1 { color:var(--rtv-deep); font-size:clamp(26px,4vw,39px); line-height:1.55; margin:7px 0 6px; }
.rtv-inpage p { color:var(--rtv-muted); font-size:17px; line-height:2; margin:0; }
.rtv-inpage__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.rtv-inpage__panel { background:#fff; border:1px solid var(--rtv-line); border-radius:16px; padding:16px; box-shadow:0 6px 20px rgba(7,91,70,.05); }
.rtv-inpage label { display:block; color:var(--rtv-deep); font-size:18px; font-weight:700; margin:0 0 10px; }
.rtv-inpage__textarea { display:block; width:100%; min-height:260px; resize:vertical; border:1px solid #cbd9d1; border-radius:10px; padding:16px; background:#fff; color:#17241f; direction:rtl; text-align:right; font:20px/2 "Noto Nastaliq Urdu","Noto Naskh Arabic",serif; outline:none; }
.rtv-inpage__textarea:focus { border-color:var(--rtv-green); box-shadow:0 0 0 3px rgba(7,91,70,.12); }
.rtv-inpage__panel--output .rtv-inpage__textarea { background:#fbfdfc; }
.rtv-inpage__meta { display:flex; justify-content:space-between; gap:12px; min-height:25px; margin-top:8px; color:var(--rtv-muted); font-family:system-ui,sans-serif; font-size:13px; direction:rtl; }
.rtv-inpage__link { border:0; background:transparent; color:var(--rtv-green); cursor:pointer; font:inherit; padding:0; }
.rtv-inpage__actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin:25px 0 18px; }
.rtv-inpage__button { appearance:none; border:1px solid var(--rtv-green); border-radius:9px; background:#fff; color:var(--rtv-green); cursor:pointer; padding:11px 22px; font:700 16px/1.5 "Noto Nastaliq Urdu","Noto Naskh Arabic",serif; transition:.2s ease; }
.rtv-inpage__button:hover:not(:disabled) { transform:translateY(-1px); background:#eef7f2; }
.rtv-inpage__button--primary { background:var(--rtv-green); color:#fff; }
.rtv-inpage__button--primary:hover:not(:disabled) { background:var(--rtv-deep); }
.rtv-inpage__button:disabled { opacity:.5; cursor:not-allowed; }
.rtv-inpage__notice { background:#fff8e9; border-right:4px solid var(--rtv-gold); border-radius:8px; padding:12px 15px; color:#5a4a29; font-size:15px; line-height:2; }
@media (max-width:720px) { .rtv-inpage { margin:16px auto; border-radius:14px; } .rtv-inpage__grid { grid-template-columns:1fr; } .rtv-inpage__textarea { min-height:210px; font-size:18px; } .rtv-inpage__button { flex:1 1 160px; } }