@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&family=Noto+Naskh+Arabic:wght@400;600;700&family=Noto+Nastaliq+Urdu:wght@400;700&display=swap');:root{--ink:#18212c;--muted:#687582;--paper:#f4f2ed;--card:#fff;--line:#dedbd3;--blue:#2459c7;--sage:#e8f2ed}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 'DM Sans',Arial,sans-serif}.r-top{height:72px;padding:0 max(22px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f8f7f3;position:sticky;top:0;z-index:5}.r-brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font-weight:800}.r-brand i{font-style:normal;background:#17191d;color:#fff;border-radius:9px;width:38px;height:38px;display:grid;place-items:center}.r-top>a:last-child{color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:24px;padding:8px 15px;background:#fff}.r-shell{max-width:1240px;margin:auto;padding:25px 24px 80px}.r-crumb{font-size:13px;color:var(--muted)}.r-crumb a{color:#345984;text-decoration:none}.r-hero{padding:36px 0 26px}.r-hero>span,.r-kicker{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--blue)}h1,h2,h3,p{margin-top:0}.r-hero h1{font:800 clamp(34px,6vw,62px)/1.04 'Manrope',Arial,sans-serif;letter-spacing:-.04em;margin:10px 0}.r-hero p{max-width:780px;color:var(--muted);font-size:17px}.r-layout{display:grid;grid-template-columns:minmax(290px,370px) minmax(0,1fr);gap:22px;align-items:start}.r-panel,.r-preview,.r-below{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:22px;box-shadow:0 14px 35px #17202a09}.r-panel{display:grid;gap:14px}.r-panel label,.r-field label{font-size:13px;font-weight:750;display:block;margin-bottom:5px}.r-panel input,.r-panel select,.r-panel textarea,.r-panel button,.r-panel .r-file{font:inherit}.r-panel input:not([type=checkbox]):not([type=range]):not([type=color]),.r-panel select,.r-panel textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fbfaf8;color:var(--ink)}.r-panel textarea{min-height:75px;resize:vertical}.r-panel input[type=range]{width:100%;accent-color:var(--blue)}.r-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.r-button{border:1px solid var(--line);border-radius:10px;background:white;padding:10px 14px;color:var(--ink);font-weight:700;cursor:pointer}.r-button.primary{background:var(--blue);border-color:var(--blue);color:white}.r-button:hover{filter:brightness(.96)}.r-actions{display:flex;gap:9px;flex-wrap:wrap}.r-previewhead{display:flex;justify-content:space-between;align-items:start;margin-bottom:13px}.r-previewhead b{display:block;font-size:18px}.r-previewhead small,.r-hint{color:var(--muted)}.r-badge{background:var(--sage);color:#285f4b;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700}.r-canvaswrap{min-height:430px;border-radius:12px;overflow:hidden;background:#eceef1;display:grid;place-items:center;position:relative}.r-canvaswrap canvas{max-width:100%;max-height:72vh;object-fit:contain;display:block}.r-empty{color:#607086;text-align:center;padding:28px}.r-empty[hidden]{display:none}.r-below{margin-top:22px}.r-below h2{font:800 25px 'Manrope',Arial,sans-serif}.r-footer{border-top:1px solid var(--line);padding:30px 24px 45px;color:var(--muted);font-size:13px}.r-footer>div{max-width:1190px;margin:auto;display:flex;gap:23px;flex-wrap:wrap}.r-footer a{color:var(--ink)}.r-table{width:100%;border-collapse:collapse}.r-table th,.r-table td{padding:8px;border-bottom:1px solid var(--line);text-align:left}.r-scroll{overflow:auto;max-height:330px}.r-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:11px;margin-top:14px}.r-card{padding:12px;border:1px solid var(--line);border-radius:11px;background:#fbfaf8}.r-status{min-height:22px;color:#365775;font-size:13px}.r-slider{display:flex;align-items:center;gap:10px}.r-slider input{flex:1}.r-video{width:100%;max-height:420px;background:#111}.r-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.r-grid canvas{width:100%;height:auto;border:1px solid var(--line)}
@media(max-width:800px){.r-layout{grid-template-columns:1fr}.r-shell{padding:18px 15px 55px}.r-top{padding:0 15px}.r-canvaswrap{min-height:280px}.r-row{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}