:root{--bg: #f6f7f9;--card: #ffffff;--text: #1a1d23;--muted: #6b7280;--border: #e3e6ea;--accent: #2563eb;--accent-text: #ffffff;--error: #c62828;--warn: #9a6700;--radius: 12px;color-scheme:light dark;font-family:Segoe UI,system-ui,-apple-system,Noto Sans Arabic,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--card: #181b21;--text: #e8eaed;--muted: #9aa0a6;--border: #2a2e36;--accent: #4f8cff;--error: #ff6b6b;--warn: #e3b341}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.page{max-width:1100px;margin:0 auto;padding:24px 16px 48px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}h1{margin:0;font-size:1.5rem}.subtitle{margin:2px 0 0;color:var(--muted);font-size:.9rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.settings{padding:16px;margin-bottom:16px}.hint{margin:8px 0 0;color:var(--muted);font-size:.8rem}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:16px}label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--muted)}label>span{font-weight:600}select,input{font:inherit;font-size:.95rem;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 10px;min-width:220px}.settings input{width:100%}.warn{color:var(--warn);font-size:.85rem;margin:0 0 8px}.panes{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:760px){.panes{grid-template-columns:1fr}select,input{min-width:0;width:100%}.toolbar label{flex:1 1 100%}}.pane{display:flex;flex-direction:column;min-height:320px}.pane-head,.pane-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;font-size:.8rem;color:var(--muted)}.pane-head{border-bottom:1px solid var(--border);font-weight:600}.pane-foot{border-top:1px solid var(--border);justify-content:flex-end}.count.over{color:var(--error)}.meta{font-weight:400}textarea,.result{flex:1;padding:14px;font:inherit;font-size:1.1rem;line-height:1.6;color:var(--text)}textarea{resize:vertical;border:none;outline:none;background:transparent;min-height:220px}.result{white-space:pre-wrap;overflow-wrap:anywhere}.placeholder{color:var(--muted);margin:0}.error{color:var(--error);margin:0}button{font:inherit;font-size:.9rem;border-radius:8px;padding:8px 14px;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text);display:inline-flex;align-items:center;gap:8px}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600;min-width:130px;justify-content:center}.ghost:hover:not(:disabled){background:color-mix(in srgb,var(--text) 6%,transparent)}.link{border:none;padding:0;color:var(--accent);text-decoration:underline}kbd{font-size:.7rem;opacity:.75;font-family:inherit}.spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}