/* ArabicFix / Reference reconstruction v2. Editable tokens and original artwork. */
@font-face{font-family:ArabicFixNaskh;src:url('/fonts/noto-naskh-arabic.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{color-scheme:light;--bg:var(--brand-paper);--surface:var(--brand-white);--elevated:var(--brand-tint);--ink:var(--brand-ink);--muted:var(--brand-muted);--faint:var(--brand-faint);--line:var(--brand-border);--accent:var(--brand-accent);--accent-ink:var(--brand-ink);--paper:var(--brand-white);--paper-ink:var(--brand-ink);--paper-muted:var(--brand-muted);--radius:20px;font-size:100%}
body{background:var(--bg);color:var(--ink)}a{color:var(--brand-ink)}button,input,select,textarea{font:inherit}button,a,summary,input,select,textarea{-webkit-tap-highlight-color:transparent}button{transition:transform .12s,box-shadow .12s}button:active:not(:disabled){transform:translateY(2px);box-shadow:none!important}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--brand-info);outline-offset:3px}button,.secondary,.primary,.language,.preset{min-height:44px;border-radius:12px;font-weight:650;border:2px solid var(--brand-border);box-shadow:0 3px 0 var(--brand-shadow);color:var(--ink);background:white;padding:8px 15px}.primary,.preset[aria-pressed=true]{background:var(--accent);border-color:var(--brand-accent-edge);box-shadow:0 3px 0 var(--brand-shadow);color:var(--accent-ink)}.primary:hover{background:var(--brand-accent)}.secondary:hover,.language:hover{background:var(--brand-tint)}.text-button{background:transparent;box-shadow:none;border-color:transparent}.text-button:hover{background:var(--brand-tint);color:var(--brand-ink)}input,select{border:2px solid var(--brand-border);border-radius:12px;min-height:46px;background:var(--brand-white);color:var(--ink);padding:8px 12px}select{max-width:100%}textarea{caret-color:var(--brand-ink)}input::placeholder,textarea::placeholder{color:var(--brand-muted)}summary:hover{color:var(--brand-ink)}h1,h2,h3{color:var(--ink)}
.topbar{max-width:1560px;margin:auto;min-height:86px;padding:16px 32px;border-bottom:1px solid var(--line);background:var(--bg)}.brand-wordmark{width:177px;height:auto}.top-actions{gap:24px}.quiet{font-size:.8rem;color:var(--muted)}.language{min-width:100px;font-size:.875rem}.topbar .brand{display:flex}
main{max-width:1560px;margin:auto;padding:0 32px;display:grid;grid-template-columns:205px minmax(0,1fr);gap:36px}.stage{min-width:0;padding:32px 0}.tool-index{padding:32px 20px 30px 0;border-inline-end:1px solid var(--line)}[dir=rtl] .tool-index{padding:32px 0 30px 20px}.index-heading{display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;letter-spacing:.06em;margin-bottom:16px;color:var(--muted)}.index-heading b{background:var(--brand-tint);color:var(--brand-ink);min-width:30px;border-radius:9px;text-align:center}.tool-search-label{font-size:.75rem;display:block;margin-bottom:6px}#toolSearch{width:100%;min-width:0;font-size:.8rem;padding:8px 10px;margin-bottom:18px}.tool-nav{display:flex;flex-direction:column;flex-wrap:nowrap;gap:5px;border:0;margin:0;padding:0;overflow:visible}.tool-nav a{display:flex;gap:10px;min-height:47px;border:2px solid transparent;border-radius:12px;padding:7px 9px;font-size:.82rem;color:var(--brand-ink);white-space:normal}.nav-number{font:700 .7rem ui-monospace,monospace;direction:ltr;background:var(--brand-tint);border-radius:7px;min-width:26px;height:26px;display:grid;place-items:center;color:var(--brand-ink)}.tool-nav a[aria-current=page]{background:var(--brand-accent);border-color:var(--brand-accent-edge);color:var(--brand-ink);box-shadow:0 2px 0 var(--brand-shadow)}.tool-nav a[aria-current=page] .nav-number{background:var(--brand-accent);color:var(--brand-ink)}.tool-nav a:hover{background:var(--brand-tint)}.index-note{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.index-note>span{font-size:2rem;color:var(--brand-ink);display:block}.index-note small{display:block;margin-top:10px;font-size:.7rem}
.studio-welcome{display:grid;grid-template-columns:minmax(0,1fr) 32%;gap:30px;align-items:center;padding:28px 32px;margin:0 0 35px;background:var(--brand-tint);border-radius:26px;position:relative;overflow:hidden;border:1px solid var(--brand-border)}.welcome-kicker{font-size:.68rem;font-weight:700;letter-spacing:.09em;color:var(--brand-ink);margin:0 0 15px}.live-dot{width:8px;height:8px;background:var(--brand-tint-strong);box-shadow:none}.welcome-copy{min-width:0}#welcomeTitle{font:600 clamp(2.8rem,4.7vw,5.3rem)/1.2 ArabicFixNaskh,serif;letter-spacing:-.015em;margin:0;color:var(--brand-ink)}#welcomeTitle em{font-style:normal;color:var(--brand-ink);display:block}[lang=en] #welcomeTitle{font:700 clamp(2.7rem,4.3vw,4.8rem)/1.02 var(--font-ui);letter-spacing:-.055em}.welcome-description{max-width:47ch;font-size:.875rem;line-height:1.9;color:var(--brand-ink);margin:16px 0}.welcome-explore{display:inline-flex;align-items:center;gap:22px;background:var(--brand-white);border:2px solid var(--brand-border);border-radius:12px;box-shadow:0 3px 0 var(--brand-shadow);min-height:46px;padding:8px 17px;font-size:.85rem;font-weight:700;text-decoration:none;color:var(--brand-ink)}.process-photo{margin:0;position:relative;transform:rotate(3deg);align-self:center;background:var(--brand-white);padding:9px 9px 12px;box-shadow:0 8px 0 var(--brand-shadow);border-radius:18px}.process-photo img{width:100%;height:245px;display:block;object-fit:cover;object-position:65% 50%;border-radius:12px}.process-photo figcaption{display:grid;gap:2px;padding:10px 5px 0;color:var(--brand-ink);font-size:.6rem;line-height:1.7}.process-photo figcaption span:first-child{font-weight:700;letter-spacing:.08em}
.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 26px}.eyebrow{color:var(--brand-ink);font-size:.65rem;letter-spacing:.12em;font-weight:700;margin:0 0 8px}h1{font-size:2.25rem;font-weight:700;line-height:1.45;letter-spacing:-.02em;margin:0 0 6px}[lang=en] h1{font-family:var(--font-ui);font-size:2.4rem;letter-spacing:-.04em;line-height:1.15}.lead{max-width:70ch;font-size:.9rem;color:var(--muted);line-height:1.85;margin:0}.local{border:0;background:var(--brand-tint);color:var(--brand-ink);font-size:.7rem;white-space:nowrap;border-radius:10px;padding:9px 12px}.local svg{width:18px;color:var(--brand-ink)}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}.workspace{min-width:0}.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 18px}.workspace-label{display:none}.button-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:start}.button-row button{font-size:.76rem;padding:7px 10px}.quick-actions{gap:9px;flex-wrap:wrap}.quick-actions>span{font-size:.75rem}.preset{font-size:.8rem;padding:8px 12px}.quick-note{font-size:.7rem;color:var(--muted);margin:12px 0 18px}.file-status:empty{display:none}
.editors{display:grid;grid-template-columns:1fr;border:2px solid var(--brand-border);border-radius:20px;overflow:hidden;gap:0;box-shadow:0 5px 0 var(--brand-shadow);background:white}.editor{min-width:0;background:var(--brand-white);color:var(--ink)}.editor-head{padding:16px 22px;min-height:62px;border-bottom:1px solid var(--brand-border);gap:10px}.editor-head label{font-size:.9rem;font-weight:700;gap:10px}.tiny-label{font:700 .7rem ui-monospace,monospace;min-width:29px;min-height:29px;display:inline-grid;place-items:center;background:var(--brand-tint);color:var(--brand-ink);border-radius:9px}.pill{border:0;background:var(--brand-tint);color:var(--brand-ink);font-size:.65rem;padding:4px 8px;border-radius:7px}.result-editor{border-top:2px solid var(--brand-border);background:var(--brand-accent)}.result-editor .tiny-label{color:var(--brand-ink);background:var(--brand-accent)}.result-status{background:var(--brand-accent);color:var(--brand-ink)}.editor textarea{font-size:1.5rem;line-height:2;min-height:190px;height:220px;padding:20px 22px;background:transparent;color:var(--ink);border-radius:0}.editor textarea::placeholder{font-family:ArabicFixNaskh,serif;font-size:1.7rem;color:var(--brand-muted)}.editor textarea:focus{outline:2px solid var(--brand-muted);outline-offset:-3px;background:var(--brand-accent)}.counts{border-top:1px solid var(--brand-border);padding:9px 22px;gap:14px;color:var(--brand-ink);font-size:.7rem}.counts strong{color:var(--brand-ink)}.editor-foot{min-height:0;color:var(--muted);font-size:.7rem;margin:0;padding:4px 22px 17px}.output-actions{padding:14px 22px 20px;min-height:0;gap:10px;flex-wrap:wrap}.output-actions button{font-size:.82rem}.result-editor .primary{background:var(--accent);color:var(--ink)}
.settings{padding:22px;border:2px solid var(--brand-border);border-radius:20px;background:var(--brand-white);box-shadow:0 4px 0 var(--brand-shadow);position:sticky;top:20px}.settings h2{font-size:1rem}.settings-heading{gap:8px}.settings-heading .text-button{font-size:.7rem;padding:4px 6px}.active-count{background:var(--brand-accent);color:var(--brand-ink)}.settings>.small,.settings .fine,.settings-note,.check small{font-size:.75rem;line-height:1.85;color:var(--brand-ink)}.check{font-size:.83rem;gap:10px;align-items:start;padding-block:7px}.check input{appearance:none;min-height:24px;width:24px;height:24px;flex:0 0 24px;padding:0;margin-top:3px;border:2px solid var(--brand-border);border-radius:7px;background:var(--brand-white);box-shadow:0 2px 0 var(--brand-shadow)}.check input:checked{background:var(--brand-tint-strong);border-color:var(--brand-border-strong);box-shadow:0 2px 0 var(--brand-shadow)}.check input:checked{background:var(--brand-tint-strong) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4 10-10' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/18px no-repeat}.control-group{border:0;border-top:1px solid var(--line);border-radius:0}.control-group>summary{font-size:.85rem;padding:15px 0;min-height:52px}.control-group .step{font-size:.62rem;color:var(--brand-ink)}.settings select{font-size:.8rem}.control-group>fieldset{padding-bottom:14px}.settings .advanced>summary{font-size:.85rem}.settings-note{background:var(--brand-tint);border-radius:10px;padding:12px}.spelling .fine{color:var(--brand-warning)}
.summary{background:var(--brand-accent);border:1px solid var(--brand-border);border-radius:14px;padding:17px;margin:22px 0 9px}.summary h3{font-size:.9rem}.summary-icon{color:var(--brand-ink)}#changeSummary{color:var(--brand-ink);font-size:.8rem}.change-chips b{color:var(--brand-ink)}.workspace>details>summary{font-size:.9rem;padding:18px 4px}.compare-panel #comparison{font:1.6rem/2 ArabicFixNaskh,serif;background:var(--brand-white);color:var(--brand-ink);border:1px solid var(--brand-border);border-radius:14px;padding:20px;max-height:350px}.compare-hint,.count-note{font-size:.75rem}ins{color:var(--brand-ink);background:var(--brand-accent)}del{color:var(--brand-info);background:var(--brand-info-bg)}.diff-legend{font-size:.72rem}.control-row code,.control-token{color:var(--brand-info)}.control-token{background:var(--brand-info-bg);border-color:var(--brand-border-strong)}.caution{color:var(--brand-warning);background:var(--brand-accent);border-color:var(--brand-warning-border)}.preview,.revealed{background:var(--brand-tint);border-color:var(--brand-border)}.workspace>details,.usage-note{border-color:var(--brand-border)}
.suite-view{padding:26px;background:var(--brand-white);border:2px solid var(--brand-border);border-radius:22px;box-shadow:0 5px 0 var(--brand-shadow)}.suite-toolbar,.suite-actions,.suite-control-row{gap:12px}.suite-split{gap:24px}.suite-text>label{font-size:.85rem;margin-bottom:10px;color:var(--brand-ink)}.suite-text textarea{border:2px solid var(--brand-border);background:var(--brand-white);color:var(--ink);border-radius:16px;padding:20px;font-size:1.35rem;line-height:2;min-height:260px}.suite-text textarea[readonly]{background:var(--brand-accent);border-color:var(--brand-border)}.suite-controls,.normalization-panel{background:var(--brand-tint);border-color:var(--brand-border);border-radius:16px;padding:20px}.suite-field{font-size:.85rem}.suite-view .fine{font-size:.8rem;color:var(--muted);line-height:1.9}.stat-grid>div{background:var(--brand-accent);border:1px solid var(--brand-border);border-radius:16px;padding:18px}.stat-grid strong{color:var(--brand-ink);font-size:2rem}.stat-grid span{color:var(--brand-ink)}.suite-status{color:var(--brand-ink);font-size:.875rem}.amount-input{background:white;border:2px solid var(--brand-border);border-radius:14px;color:var(--brand-ink);font-size:2rem}.virtual-keys{gap:7px}.virtual-keys button{min-height:54px;font:1.4rem ArabicFixNaskh,serif;border-radius:10px;padding:5px;background:var(--brand-white);box-shadow:0 3px 0 var(--brand-shadow);border-color:var(--brand-border)}.virtual-keys button:hover{background:var(--brand-accent)}.table-scroll{border:1px solid var(--brand-border);background:var(--brand-white);border-radius:12px}table{color:var(--ink)}th{background:var(--brand-tint);color:var(--brand-ink)}td,th{border-color:var(--brand-border)}.diff-output{background:var(--brand-tint);border-color:var(--brand-border)}.batch-drop{background:var(--brand-accent);border:2px dashed var(--brand-border);border-radius:20px;padding:30px}.batch-results li{background:var(--brand-tint);border-color:var(--brand-border)}.batch-ready{color:var(--brand-ink)}.batch-failed{color:var(--brand-error)}.error{color:var(--brand-error);background:var(--brand-accent);border:2px solid var(--brand-error-border);border-radius:12px;padding:16px}.mapping-table>div{background:var(--brand-tint);border-color:var(--brand-border)}.mapping-table kbd{background:var(--brand-white);color:var(--brand-ink);border-color:var(--brand-border)}.mapping-table bdi{color:var(--brand-ink)}.power-note{color:var(--brand-ink);background:var(--brand-accent)}.workspace-files{display:flex;gap:12px;flex-wrap:wrap}
.usage-note{margin-top:25px}.usage-note summary{font-size:.87rem}.usage-note p{font-size:.85rem}.usage-note.accessibility{display:block}.usage-note .check{max-width:500px}footer{font-size:.75rem;color:var(--brand-ink);gap:25px;margin-top:28px}footer>span:first-child{color:var(--brand-ink)}#toast,#suiteToast{background:var(--brand-accent);color:var(--brand-ink);box-shadow:0 6px 0 var(--brand-shadow);border:2px solid var(--brand-border-strong);border-radius:14px}
.proof-body{padding-bottom:20px}.proof-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.proof-controls label{display:grid;gap:7px;font-size:.8rem}.proof-sheet{background:var(--brand-white);color:var(--brand-ink);padding:30px;border:1px solid var(--brand-border);border-radius:4px;overflow-wrap:anywhere;box-shadow:0 5px 0 var(--brand-shadow)}.proof-ruler{display:flex;justify-content:space-between;font:.65rem monospace;direction:ltr;color:var(--brand-ink);border-bottom:1px solid var(--brand-border);padding-bottom:12px;margin-bottom:22px}.proof-text{white-space:pre-wrap;unicode-bidi:plaintext;text-align:start;min-height:140px;line-height:2;font:24px/2 ArabicFixNaskh,serif}.proof-text[data-font=sans]{font-family:var(--font-ui)}.proof-text[data-direction=rtl],.proof-text[data-direction=ltr]{unicode-bidi:isolate}.proof-text[data-layout=editorial]{font-size:28px}.proof-text[data-layout=specimen]{font-size:40px}.proof-empty{color:var(--brand-ink);font-size:.875rem}.proof-panel .fine{font-size:.75rem}
.method-guide{margin:36px 0;padding:30px 0;border-top:1px solid var(--brand-border);line-height:1.9}.method-guide h2{font-size:1.35rem}.method-guide h3{font-size:.9rem;margin-top:22px}.method-guide p{font-size:.875rem;color:var(--brand-ink);max-width:82ch}.method-guide .worked-example{white-space:pre-wrap;unicode-bidi:plaintext;background:var(--brand-accent);border-inline-start:4px solid var(--brand-border-strong);padding:18px 22px;border-radius:0 12px 12px 0;font:1.3rem/1.9 ArabicFixNaskh,serif}.method-guide a{font-size:.85rem;margin-inline-end:18px}.export-station{border:2px solid var(--brand-border);border-radius:20px;padding:24px;margin-top:26px;background:var(--brand-accent)}.export-station h2{font-size:1.15rem;margin:0 0 6px}.export-station p{font-size:.8rem;color:var(--brand-ink);margin:0 0 16px}.export-station .export-row{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.export-station label{display:grid;gap:6px;font-size:.8rem;flex:1;min-width:150px}.export-station input{width:100%}.export-station .fine{margin:14px 0 0;font-size:.7rem}.source-note{font-size:.75rem;color:var(--brand-ink);line-height:1.8;border-top:1px solid var(--brand-border);padding-top:12px;margin-top:18px}.char-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 170px 170px;gap:14px;align-items:end}.char-toolbar label{display:grid;gap:7px;font-size:.8rem}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px;margin:20px 0}.char-card{display:grid;gap:4px;text-align:center;border-radius:14px;min-height:96px;padding:10px;background:var(--brand-white)}.char-card .glyph{font:2.1rem/1.5 ArabicFixNaskh,serif;min-height:42px;color:var(--brand-ink)}.char-card code{font-size:.64rem;color:var(--brand-ink)}.char-detail{background:var(--brand-accent);border:2px solid var(--brand-border);border-radius:18px;padding:24px;display:grid;grid-template-columns:110px 1fr;gap:24px;margin:20px 0}.char-big{font:5rem/1.5 ArabicFixNaskh,serif;display:grid;place-items:center;background:var(--brand-accent);border-radius:15px;min-height:125px}.char-detail h2{font:700 1rem/1.6 var(--font-ui);overflow-wrap:anywhere;margin:0 0 12px}.property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;font-size:.75rem}.property-grid dt{color:var(--brand-ink)}.property-grid dd{margin:3px 0 0;font-family:ui-monospace,monospace;overflow-wrap:anywhere}.diagnosis-token{display:inline-block;border:1px solid var(--brand-border-strong);border-radius:6px;background:var(--brand-info-bg);color:var(--brand-info);padding:2px 5px;font: .75rem/1.7 monospace;unicode-bidi:isolate;direction:ltr}.codepoint-list{max-height:460px;overflow:auto}.codepoint-list table{width:100%;font-size:.75rem;border-collapse:collapse}.codepoint-list th,.codepoint-list td{padding:12px;border-bottom:1px solid var(--brand-border);text-align:start;overflow-wrap:anywhere}.codepoint-list .cp{white-space:nowrap;font-family:monospace}.diagnostic-preview{white-space:pre-wrap;unicode-bidi:plaintext;overflow-wrap:anywhere;font:1.6rem/2 ArabicFixNaskh,serif;padding:20px;background:var(--brand-tint);border-radius:15px}.character-empty{padding:35px;text-align:center;color:var(--brand-ink);background:var(--brand-tint);border-radius:16px}.locale-display{font:2.5rem/1.6 ArabicFixNaskh,serif;overflow-wrap:anywhere;padding:28px;background:var(--brand-accent);border-radius:16px;margin:20px 0}.mobile-nav-toggle{display:none}
@media(min-width:1500px){.editors{grid-template-columns:1fr 1fr}.result-editor{border-top:0;border-inline-start:2px solid var(--brand-border)}.editor textarea{height:340px}.tool-layout{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:1180px){main{grid-template-columns:170px minmax(0,1fr);gap:25px;padding-inline:24px}.topbar{padding-inline:24px}.tool-index{padding-inline-end:14px}.tool-nav a{font-size:.76rem;padding-inline:6px}.tool-layout{grid-template-columns:1fr}.settings{position:static;order:1}.editors{grid-template-columns:1fr 1fr}.result-editor{border-top:0;border-inline-start:2px solid var(--brand-border)}.editor textarea{height:290px}.studio-welcome{padding:25px;grid-template-columns:1fr 32%;gap:20px}.process-photo img{height:190px}.local{display:none}.char-toolbar{grid-template-columns:1fr 1fr}.char-toolbar label:first-child{grid-column:1/-1}}
@media(max-width:900px){main{display:block;padding-inline:24px}.tool-index,[dir=rtl] .tool-index{border:0;padding:18px 0 0;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.index-heading{margin:0;gap:12px}.tool-search-label{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}#toolSearch{margin:0}.tool-nav{grid-column:1/-1;flex-direction:row;overflow-x:auto;padding:3px 0 10px;gap:7px;scrollbar-width:thin}.tool-nav a{flex:0 0 auto;padding:7px 12px;white-space:nowrap;border-color:var(--brand-border);font-size:.78rem}.index-note{display:none}.stage{padding-top:24px}.studio-welcome{margin-bottom:25px}.intro{margin-bottom:22px}#toolSearchEmpty{grid-column:1/-1}.mobile-jump{display:inline-flex;font-size:.8rem;min-height:44px;align-items:center}.suite-view{padding:22px}.suite-split{gap:18px}.settings{padding:23px}.workspace-bar{justify-content:start}.button-row{width:auto}.char-detail{grid-template-columns:90px 1fr;gap:18px}.property-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){main{padding-inline:16px}.topbar{padding:14px 16px;min-height:76px}.brand-wordmark{width:151px}.quiet{display:none}.language{min-width:88px;padding:7px 11px;font-size:.8rem}.top-actions{gap:8px}.index-heading{font-size:.65rem;gap:7px}.index-heading b{min-width:25px}.tool-index,[dir=rtl] .tool-index{gap:10px;padding-top:15px}#toolSearch{font-size:.8rem;min-height:44px}.tool-nav a{font-size:.76rem;min-height:44px}.nav-number{min-width:22px;height:22px;font-size:.6rem}.studio-welcome{display:grid;grid-template-columns:1fr 84px;padding:23px 19px;gap:12px;border-radius:20px;align-items:start}.welcome-kicker{font-size:.57rem;letter-spacing:.05em;margin-bottom:12px}.welcome-copy{display:contents}.welcome-kicker,#welcomeTitle,.welcome-description,.welcome-explore{grid-column:1}#welcomeTitle{font-size:2.8rem;line-height:1.15;align-self:center}[lang=en] #welcomeTitle{font-size:2.55rem;line-height:1.03}.welcome-description{grid-column:1/-1;font-size:.82rem;margin:5px 0 2px;line-height:1.8}.welcome-explore{grid-column:1/-1;justify-self:start;font-size:.8rem;min-height:44px;margin-top:5px}.process-photo{grid-column:2;grid-row:1/3;align-self:center;padding:5px;border-radius:12px;transform:rotate(5deg);width:86px}.process-photo img{height:113px;border-radius:8px}.process-photo figcaption{font-size:.48rem;padding:6px 2px 3px}.process-photo figcaption span:last-child{display:none}.intro{display:block}h1,[lang=en] h1{font-size:1.85rem;line-height:1.3}.lead{font-size:.84rem;line-height:1.8;margin-top:9px}.eyebrow{font-size:.6rem;margin-bottom:8px}.button-row{gap:8px;justify-content:start}.button-row button,.button-row .secondary,.button-row .text-button{font-size:.74rem;min-height:44px;padding:7px 10px}.quick-actions{gap:7px}.quick-actions>span{display:none}.preset{flex:1;min-height:46px;font-size:.73rem;padding:6px}.quick-note{font-size:.72rem;line-height:1.8}.editors{grid-template-columns:1fr}.result-editor{border-inline:0;border-top:2px solid var(--brand-border)}.editor-head{padding:14px 17px;min-height:60px}.editor-head label{font-size:.85rem}.editor textarea{height:240px;padding:17px;font-size:1.35rem;min-height:200px}.editor textarea::placeholder{font-size:1.6rem}.counts{padding:10px 17px;font-size:.7rem;gap:10px}.editor-foot{padding:4px 17px 15px;font-size:.69rem}.output-actions{padding:14px 17px 20px;flex-wrap:wrap}.output-actions button{font-size:.78rem;min-height:46px}.summary{padding:16px}.workspace>details>summary{font-size:.83rem}.diff-legend{font-size:.65rem}.compare-panel #comparison{font-size:1.4rem;padding:17px}.settings{padding:20px}.check{font-size:.85rem;padding-block:9px}.settings .fine,.settings>.small,.settings-note{font-size:.76rem}.suite-view{padding:18px 16px;border-radius:18px}.suite-split{grid-template-columns:1fr}.suite-toolbar,.suite-actions{gap:9px}.suite-toolbar button,.suite-actions button{font-size:.8rem}.suite-text textarea{min-height:230px;font-size:1.3rem;padding:17px}.suite-controls{padding:17px}.suite-field{font-size:.82rem}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid>div{padding:14px}.stat-grid strong{font-size:1.7rem}.proof-controls{grid-template-columns:1fr 1fr;gap:10px}.proof-controls label{font-size:.73rem}.proof-controls select{font-size:.76rem}.proof-sheet{padding:22px}.proof-text[data-layout=specimen]{font-size:34px}.virtual-keys{gap:5px}.virtual-keys button{min-height:44px;font-size:1.2rem;padding:4px}.char-toolbar{grid-template-columns:1fr 1fr;gap:10px}.char-toolbar select{font-size:.76rem;padding-inline:7px}.char-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.char-card{min-height:90px;padding:8px}.char-detail{grid-template-columns:1fr;padding:18px;gap:14px}.char-big{font-size:4rem;min-height:100px}.property-grid{grid-template-columns:1fr 1fr}.codepoint-list{overflow-x:auto}.codepoint-list td,.codepoint-list th{padding:10px 8px;font-size:.7rem}.locale-display{font-size:2rem;padding:20px}.export-station{padding:20px 17px}.export-station .export-row{gap:12px}.export-station button{flex:1;font-size:.8rem}.method-guide{padding-top:24px}.method-guide h2{font-size:1.25rem}.method-guide p{font-size:.85rem}.method-guide .worked-example{padding:16px;font-size:1.25rem}footer{display:grid;gap:8px;font-size:.72rem}.batch-drop{padding:22px 16px}.table-scroll{max-width:100%;overflow:auto}.control-row{grid-template-columns:100px 1fr}.export-station .fine{font-size:.72rem}.usage-note summary{font-size:.85rem}.usage-note p{font-size:.82rem}.amount-split{grid-template-columns:1fr}}
@media(max-width:350px){main{padding-inline:12px}.topbar{padding-inline:12px}.brand-wordmark{width:137px}.language{min-width:80px;font-size:.75rem}#welcomeTitle,[lang=en] #welcomeTitle{font-size:2.15rem}.studio-welcome{padding:20px 16px;grid-template-columns:1fr 70px}.process-photo{width:73px}.process-photo img{height:100px}.welcome-kicker{font-size:.5rem}h1,[lang=en] h1{font-size:1.65rem}.proof-controls{grid-template-columns:1fr}.char-toolbar{grid-template-columns:1fr}.char-toolbar label{grid-column:1}.output-actions button{padding:8px 10px}.suite-view{padding:17px 12px}.index-heading{font-size:.57rem}.preset{font-size:.68rem}.table-scroll{font-size:.75rem}}
[hidden]{display:none!important}[data-reduce-motion] *,[data-reduce-motion] *:before,[data-reduce-motion] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{@page{size:A4;margin:20mm}body{background:var(--brand-white)}body>header,body>main,body>#toast,body>#suiteToast{display:none!important}.arabicfix-print{display:block!important;white-space:pre-wrap;unicode-bidi:plaintext;font:18pt/1.8 ArabicFixNaskh,serif;color:var(--brand-ink)}.arabicfix-print[data-font=sans]{font-family:var(--font-ui)}.arabicfix-print[data-layout=specimen]{font-size:28pt}.arabicfix-print[data-layout=editorial]{font-size:21pt}}

@media(min-width:1280px){.editors{grid-template-columns:1fr 1fr}.result-editor{border-top:0;border-inline-start:2px solid var(--brand-border)}.editor textarea{height:285px}.studio-welcome{padding-block:24px;grid-template-columns:1fr 240px}.process-photo img{height:175px}#welcomeTitle{font-size:3.6rem}[lang=en] #welcomeTitle{font-size:3.4rem}.welcome-description{margin:10px 0}.welcome-kicker{margin-bottom:9px}}

:root{--bg:var(--brand-paper);--surface:var(--brand-white);--elevated:var(--brand-tint);--ink:var(--brand-ink);--muted:var(--brand-muted);--faint:var(--brand-faint);--line:var(--brand-border);--accent:var(--brand-accent);--accent-ink:var(--brand-ink)}
.primary,.preset[aria-pressed=true]{background:var(--brand-accent);border-color:var(--brand-accent-edge);box-shadow:0 3px 0 var(--brand-accent-edge);color:var(--brand-ink)}.primary:hover{background:var(--brand-accent-hover)}.brand-wordmark{width:187px;height:auto}.brand{line-height:1}.studio-welcome{background:var(--brand-tint)}#welcomeTitle em{color:var(--brand-ink)}.live-dot{background:var(--brand-accent-edge)}.process-photo{transform:rotate(3deg)}.tool-nav a[aria-current=page]{background:var(--brand-tint-strong);border-color:var(--brand-border-strong);box-shadow:0 2px 0 var(--brand-border-strong);color:var(--brand-ink)}.check input:checked{background-color:var(--brand-positive);border-color:var(--brand-positive);box-shadow:0 2px 0 var(--brand-ink)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--brand-focus)}.empty-art{width:85px;height:85px;display:block;margin:0 auto 18px}.brand-icon-mobile{display:none}.brand-wordmark{object-fit:contain}[lang=en] h1,[lang=en] #welcomeTitle{font-family:var(--font-ui)}
@media(max-width:650px){.brand-wordmark{width:165px}.topbar{min-height:77px}.brand-icon-mobile{display:block;width:34px;height:34px}.brand-wordmark{max-height:49px}.topbar .brand{gap:7px}}

/* Quiet paper surfaces keep warm color focused on actions and selected details. */
.result-editor,.suite-text textarea[readonly],.export-station,.char-detail{background:var(--brand-accent-soft)}.editor textarea:focus{background:var(--brand-white)}.result-status,.result-editor .tiny-label,.char-big{background:var(--brand-accent)}.summary,.stat-grid>div,.method-guide .worked-example{background:var(--brand-tint)}.caution{background:var(--brand-warning-bg)}

.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}#normalCodepoints{font:.8rem/1.9 ui-monospace,monospace;max-height:280px;overflow:auto;white-space:pre-wrap}@media(max-width:650px){.suite-control-row>.suite-field{flex-basis:100%}}

html[data-text-scale="150"]{font-size:150%}html[data-text-scale="200"]{font-size:200%}.accessibility .suite-field{max-width:280px}.error{color:var(--brand-error);background:var(--brand-error-bg);border-color:var(--brand-error-border)}h1,h2,h3{overflow-wrap:anywhere}html[data-text-scale="200"] .suite-control-row>.suite-field{flex-basis:100%}
.batch-drop input[type=file]{width:100%;max-width:100%;min-width:0;font-size:.8rem}.batch-drop input::file-selector-button{max-width:100%;padding:8px;border:1px solid var(--brand-border-strong);border-radius:9px;background:var(--brand-white);color:var(--brand-ink);font:inherit}

/* Logo-led bilingual typography: Alexandria display, Readex Pro interface. */
h1,h2,h3,[lang=en] h1,[lang=en] #welcomeTitle,#welcomeTitle{font-family:var(--font-display);font-weight:600;letter-spacing:0}h1,[lang=en] h1{font-size:clamp(1.75rem,2.5vw,2.35rem);line-height:1.5}#welcomeTitle,[lang=en] #welcomeTitle{font-size:clamp(2.35rem,3.4vw,3.65rem);line-height:1.38;letter-spacing:-.025em}[lang=ar] #welcomeTitle{letter-spacing:0;line-height:1.6}[lang=ar] .eyebrow,[lang=ar] .welcome-kicker,[lang=ar] .index-heading{letter-spacing:0}button,.language,.preset{font-weight:600}.lead{max-width:62ch}p{overflow-wrap:anywhere}.counts,.stat-grid strong,.amount-input,.property-grid dd{font-variant-numeric:tabular-nums}.editor textarea::placeholder{font-family:var(--font-ui);font-size:1.25rem}.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px}.footer-links a{min-height:40px;display:inline-flex;align-items:center}footer{flex-wrap:wrap}.suite-status{line-height:1.9}.suite-field select{white-space:normal}.amount-input{font-weight:500}
@media(max-width:650px){#welcomeTitle,[lang=en] #welcomeTitle{font-size:clamp(1.7rem,6.9vw,2.35rem);line-height:1.45}[lang=ar] #welcomeTitle{line-height:1.7}.studio-welcome{grid-template-columns:minmax(0,1fr) 72px;padding:22px 18px}.process-photo{width:74px}.process-photo img{height:105px}.welcome-kicker{grid-column:1/-1;max-width:100%}.process-photo{grid-row:2;align-self:center}h1,[lang=en] h1{font-size:1.7rem;line-height:1.5}.brand-wordmark{width:165px}.language{min-width:83px}.suite-view .fine,.method-guide p,.usage-note p{font-size:.875rem}.tool-nav a{font-size:.8rem}.settings select{font-size:.85rem}.output-actions button{font-size:.85rem}}
@media(max-width:350px){.brand-wordmark{width:145px}.studio-welcome{grid-template-columns:minmax(0,1fr) 58px;gap:9px;padding:20px 14px}.process-photo{width:61px}.process-photo img{height:88px}.process-photo figcaption{font-size:.42rem}#welcomeTitle,[lang=en] #welcomeTitle{font-size:1.65rem}h1,[lang=en] h1{font-size:1.5rem}.topbar .language{min-width:75px;padding-inline:8px}.welcome-description{font-size:.85rem}.export-station button{flex-basis:100%}.preset{font-size:.72rem}}

/* Keep task content immediately visible; motion is limited to deliberate control feedback. */
.editors,.welcome-copy,.welcome-art{animation:none!important}@media(max-width:650px){.export-station label{flex-basis:100%}}

/* Form boundaries: at least 3:1 against adjacent paper/white. */
input,select,.suite-text textarea,.check input,.editors{border-color:var(--brand-control-border)}button:not(.primary):not(.text-button):not(.preset[aria-pressed=true]),.language,.welcome-explore{border-color:var(--brand-control-border)}.check input:checked{border-color:var(--brand-positive)}
/* Keep the initial reference grid from moving lower content when its data arrives. */
#charStatus{min-height:3rem}#charGrid:empty{min-height:360px}#view-characters:has(#charError:not([hidden])) #charGrid:empty{min-height:0}