.settings-shell{max-width:1080px;margin:0 auto;padding:clamp(1.3rem,4vw,3.5rem) clamp(1rem,3vw,2rem) 5rem}.settings-hero{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;padding:clamp(1rem,4vw,3rem) 0 2rem;border-bottom:1px solid var(--color-border)}.settings-kicker,.settings-status,.settings-card__eyebrow,.settings-metric span,.settings-choice small,.settings-table{font-family:var(--font-mono)}.settings-kicker{margin:0;color:var(--color-accent);font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.settings-hero h1{max-width:12ch;margin:.7rem 0 .85rem;font-family:var(--font-display);font-size:clamp(2.6rem,6vw,5rem);line-height:.96;letter-spacing:-.04em}.settings-hero__dek{max-width:65ch;margin:0;color:var(--color-text-secondary);font-size:1.05rem;line-height:1.7}.settings-hero__badge{display:grid;place-items:center;width:140px;aspect-ratio:1;border:1px solid var(--color-border);border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--color-surface-elevated),var(--color-surface-muted));box-shadow:var(--surface-shadow);color:var(--color-accent)}.settings-hero__badge svg{width:58px;height:58px}.settings-hero__badge span{margin-top:.3rem;font:700 .6rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.settings-privacy{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start;margin:1.25rem 0;padding:1rem 1.1rem;border:1px solid color-mix(in srgb,var(--color-success) 35%,var(--color-border));border-radius:14px;background:var(--color-success-soft)}.settings-privacy svg{color:var(--color-success)}.settings-privacy p{margin:0;color:var(--color-text-secondary);line-height:1.6}.settings-privacy strong{color:var(--color-text-primary)}.settings-status{min-height:2.8rem;margin:0 0 1rem;padding:.8rem 1rem;border:1px solid var(--color-border);border-radius:11px;background:var(--color-surface);color:var(--color-text-secondary);font-size:.75rem;letter-spacing:0;line-height:1.45}.settings-status[data-tone=success]{border-color:color-mix(in srgb,var(--color-success) 40%,var(--color-border));background:var(--color-success-soft);color:var(--color-success)}.settings-status[data-tone=warning]{background:var(--color-warning-soft);color:var(--color-warning)}.settings-status[data-tone=error]{background:var(--color-danger-soft);color:var(--color-danger)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.settings-card{min-width:0;border:1px solid var(--color-border);border-radius:19px;background:var(--color-surface);box-shadow:var(--surface-shadow-small);overflow:hidden}.settings-card--wide{grid-column:1/-1}.settings-card__head{padding:1.2rem 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-muted)}.settings-card__eyebrow{margin:0;color:var(--color-accent);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.settings-card__head h2{margin:.3rem 0 0;font-family:var(--font-display);font-size:1.45rem}.settings-card__head p{margin:.35rem 0 0;color:var(--color-text-secondary);font-size:.84rem;line-height:1.55}.settings-card__body{padding:1.2rem}.settings-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.settings-choice-grid--fonts{grid-template-columns:repeat(2,1fr)}.settings-choice{position:relative;display:grid;gap:.45rem;min-height:112px;padding:1rem;text-align:start;border:1px solid var(--color-border);border-radius:13px;background:var(--color-surface-elevated);color:var(--color-text-primary);cursor:pointer}.settings-choice:hover{border-color:var(--color-accent);transform:translateY(-1px)}.settings-choice[aria-pressed=true]{border-color:var(--color-accent);box-shadow:inset 0 0 0 2px var(--color-accent),var(--surface-shadow-small);background:var(--color-accent-soft)}.settings-choice[aria-pressed=true]:after{content:"\2713";position:absolute;inset-inline-end:.65rem;top:.55rem;display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--color-accent);color:var(--color-inverse-text);font-weight:800}.settings-choice__swatch{display:block;width:44px;height:30px;border:1px solid var(--color-border-strong);border-radius:8px}.settings-choice__swatch--light{background:#f8edd9}.settings-choice__swatch--titanium{background:linear-gradient(135deg,#070809,#5a636b)}.settings-choice__swatch--dark{background:linear-gradient(135deg,#111015,#5c348c)}.settings-choice strong{font-size:.9rem}.settings-choice small{color:var(--color-text-muted);font-size:.62rem;line-height:1.45;letter-spacing:0}.settings-choice__font{font-size:1.7rem;line-height:1}.settings-choice[data-settings-font=aref] .settings-choice__font{font-family:El Messiri,Playfair Display,Georgia,serif}.settings-choice[data-settings-font=amiri] .settings-choice__font{font-family:Amiri,Playfair Display,Georgia,serif}.settings-choice[data-settings-font=cairo] .settings-choice__font{font-family:Cairo,system-ui,sans-serif;font-weight:700}.settings-summary{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.settings-metric{padding:1rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-elevated)}.settings-metric strong{display:block;font-family:var(--font-display);font-size:1.65rem}.settings-metric span{color:var(--color-text-muted);font-size:.64rem;letter-spacing:.04em}.settings-warning{margin:0 0 1rem;padding:.8rem .9rem;border-inline-start:3px solid var(--color-warning);background:var(--color-warning-soft);color:var(--color-text-secondary);font-size:.82rem;line-height:1.55}.settings-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.settings-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.7rem .9rem;border:1px solid var(--color-accent);border-radius:10px;background:var(--color-accent);color:var(--color-inverse-text);font:700 .74rem/1 var(--font-mono);text-decoration:none;cursor:pointer}.settings-btn--ghost{border-color:var(--color-border);background:var(--color-surface-elevated);color:var(--color-accent-strong)}.settings-btn--danger{border-color:color-mix(in srgb,var(--color-danger) 38%,var(--color-border));background:var(--color-danger-soft);color:var(--color-danger)}.settings-btn:hover{transform:translateY(-1px);box-shadow:var(--surface-shadow-small)}.settings-btn:disabled{opacity:.45;transform:none;box-shadow:none}.settings-table-wrap{margin-top:1rem;border:1px solid var(--color-border);border-radius:12px;overflow:auto}.settings-table{width:100%;min-width:560px;border-collapse:collapse;font-size:.7rem}.settings-table th,.settings-table td{padding:.7rem .8rem;border-bottom:1px solid var(--color-border);text-align:start}.settings-table thead th{background:var(--color-surface-muted);color:var(--color-text-secondary);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase}.settings-table tbody th{font-weight:600;overflow-wrap:anywhere}.settings-table tbody tr:last-child th,.settings-table tbody tr:last-child td{border-bottom:0}.settings-clear-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:1rem}.settings-clear-grid .settings-btn:last-child{grid-column:1/-1}.settings-help{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.settings-help article{padding:1.1rem;border-top:2px solid var(--color-accent);background:var(--color-surface)}.settings-help h2{margin:0 0 .55rem;font-family:var(--font-display);font-size:1.2rem}.settings-help p{margin:0;color:var(--color-text-secondary);font-size:.84rem;line-height:1.65}.settings-help a{color:var(--color-accent-strong)}.settings-page .fontdial,.settings-page .fontpanel{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}html[lang=ar] .settings-hero h1{letter-spacing:-.02em;line-height:1.12}html[lang=ar] .settings-kicker,html[lang=ar] .settings-status,html[lang=ar] .settings-card__eyebrow,html[lang=ar] .settings-metric span,html[lang=ar] .settings-choice small,html[lang=ar] .settings-table,html[lang=ar] .settings-btn{font-family:"IBM Plex Sans Arabic",var(--font-sans);letter-spacing:0}@media(max-width:780px){.settings-hero{grid-template-columns:1fr}.settings-hero__badge{display:none}.settings-grid{grid-template-columns:1fr}.settings-card--wide{grid-column:auto}.settings-help{grid-template-columns:1fr 1fr}}@media(max-width:540px){.settings-shell{padding-inline:.85rem}.settings-choice-grid,.settings-choice-grid--fonts{grid-template-columns:1fr}.settings-choice{min-height:92px}.settings-summary,.settings-clear-grid,.settings-help{grid-template-columns:1fr}.settings-clear-grid .settings-btn:last-child{grid-column:auto}.settings-actions .settings-btn{width:100%}}@media(prefers-reduced-motion:reduce){.settings-choice,.settings-btn{transition:none}}