:root{--bg: #0f0d14;--panel: #17141f;--panel-2: #1d1928;--border: #2a2438;--border-hi: #3d3455;--text: #e9e6f2;--muted: #8c86a3;--faint: #5c5673;--violet: #8b5cf6;--violet-dim: #6d48c9;--fuchsia: #d946ef;--ok: #7ee0a3;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh;font-size:15px}.wrap{max-width:1100px;margin:0 auto;padding:28px 20px 60px}.header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:6px}h1{font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.02em}h1 .ar{font-family:Noto Naskh Arabic,serif;color:var(--violet);font-weight:700}.tagline{color:var(--muted);font-size:13px}.maprail{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 26px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel),transparent)}.chip{font-family:JetBrains Mono,monospace;font-size:12.5px;padding:5px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted);display:flex;gap:6px;align-items:center;transition:border-color .15s,color .15s,box-shadow .15s}.chip b{color:var(--text);font-weight:600}.chip .ar{font-family:Noto Naskh Arabic,serif;color:var(--violet);font-size:14px}.chip.active{border-color:var(--fuchsia);color:var(--text);box-shadow:0 0 12px #d946ef2e}.maprail .lbl{width:100%;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);font-family:Space Grotesk,sans-serif}.panes{display:grid;grid-template-columns:1fr 44px 1fr;gap:0;align-items:stretch}@media (max-width: 820px){.panes{grid-template-columns:1fr}.rail{display:none}}.pane{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;transition:border-color .15s}.pane:focus-within{border-color:var(--border-hi)}.pane-h{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);font-family:Space Grotesk,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}textarea{flex:1;min-height:340px;background:transparent;border:0;outline:0;resize:vertical;padding:16px;color:var(--text);font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.8}textarea::placeholder{color:var(--faint)}.out{flex:1;min-height:340px;padding:16px 18px;direction:rtl;text-align:right;font-family:Noto Naskh Arabic,serif;font-size:19px;line-height:2.2;white-space:pre-wrap;word-break:break-word}.out .latin{font-family:Inter,sans-serif;font-size:15px;color:var(--fuchsia);direction:ltr;unicode-bidi:embed}.out .dict{border-bottom:1px dotted var(--violet-dim)}.rail{display:flex;align-items:center;justify-content:center}.rail span{color:var(--violet);font-size:20px;font-family:Space Grotesk,sans-serif}.btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:6px 14px;border-radius:8px;cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,transform .1s;letter-spacing:.02em}.btn:hover{border-color:var(--violet)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--violet);border-color:var(--violet);color:#fff}.btn.primary:hover{background:var(--violet-dim)}.btn:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--fuchsia);outline-offset:2px}.opts{display:flex;gap:18px;flex-wrap:wrap;margin:14px 2px 30px;color:var(--muted);font-size:13px}.opts label{display:flex;gap:7px;align-items:center;cursor:pointer}.opts input{accent-color:var(--violet)}h2{font-family:Space Grotesk,sans-serif;font-size:15px;letter-spacing:.02em;margin-bottom:4px}.dict-sec{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-top:8px}.dict-sec p{color:var(--muted);font-size:13px;margin-bottom:14px;line-height:1.6}.dict-status{font-family:Space Grotesk,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ok)}.dict-status.offline{color:var(--fuchsia)}.dict-add{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.dict-add input{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text);font-size:14px}#dw{font-family:JetBrains Mono,monospace;width:180px}#da{font-family:Noto Naskh Arabic,serif;direction:rtl;width:180px;font-size:16px}.dict-list{display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow:auto}.dtag{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:4px 6px 4px 10px;font-size:13px}.dtag .w{font-family:JetBrains Mono,monospace;color:var(--muted)}.dtag .a{font-family:Noto Naskh Arabic,serif;font-size:15px}.dtag button{background:none;border:0;color:var(--faint);cursor:pointer;font-size:14px;padding:2px 5px;border-radius:5px}.dtag button:hover{color:var(--fuchsia)}.dict-io{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(8px);background:var(--panel-2);border:1px solid var(--violet);color:var(--text);padding:9px 18px;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (prefers-reduced-motion: reduce){*{transition:none!important}}