/* مبدّل الخطوط — يعمل للزوار والمستخدمين ويحفظ الاختيار في المتصفح */
.fp-btn{position:fixed;bottom:18px;inset-inline-start:18px;z-index:99990;width:46px;height:46px;border-radius:50%;border:1px solid var(--line,rgba(255,255,255,.12));background:var(--surface,#1b1e27);color:var(--ink,#fff);font-size:19px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px rgba(0,0,0,.35);transition:transform .15s,box-shadow .15s}
.fp-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.45)}
.fp-panel{position:fixed;bottom:74px;inset-inline-start:18px;z-index:99991;width:min(320px,calc(100vw - 36px));max-height:70vh;overflow:auto;background:var(--surface,#1b1e27);border:1px solid var(--line,rgba(255,255,255,.12));border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.5);padding:12px;display:none}
.fp-panel.open{display:block;animation:fpIn .18s ease}
@keyframes fpIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.fp-panel h4{margin:2px 4px 10px;font-size:14px;color:var(--muted,#9aa);font-weight:600;display:flex;justify-content:space-between;align-items:center}
.fp-reset{background:none;border:1px solid var(--line,rgba(255,255,255,.12));color:var(--muted,#9aa);border-radius:8px;font-size:12px;padding:3px 9px;cursor:pointer}
.fp-reset:hover{color:var(--ink,#fff)}
.fp-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fp-opt{border:1px solid var(--line,rgba(255,255,255,.1));background:transparent;color:var(--ink,#fff);border-radius:12px;padding:10px 8px;cursor:pointer;text-align:center;transition:border-color .15s,background .15s;line-height:1.5}
.fp-opt:hover{border-color:var(--primary,#7c5cff)}
.fp-opt.active{border-color:var(--primary,#7c5cff);background:color-mix(in srgb,var(--primary,#7c5cff) 14%,transparent)}
.fp-opt .fp-name{display:block;font-size:17px}
.fp-opt .fp-tag{display:block;font-size:11px;color:var(--muted,#9aa);margin-top:2px;font-family:inherit}