@font-face{font-family:Studio;src:url('/studio-assets/interface-font.ttf');font-display:swap}body{font-family:Studio,system-ui,sans-serif!important;background:var(--bg)!important}:root{--bg:#f1f4f2;--surface:#fff;--ink:#243b34;--muted:#74867e;--line:#dce5df;--primary:#256952;--primary-dark:#1c513f;--soft:#e5f1e9;--accent:#256952;--input-bg:#f7faf8;--control-bg:#fff;--card-bg:#fff;--preview-bg:#f7faf8;--body-bg:#f1f4f2;--button-soft:#e5f1e9;--result:#256952;--button-white:#fff}html[data-theme=dark]{--bg:#11241f;--surface:#1a3028;--ink:#e8f1e9;--muted:#a4b7aa;--line:#334a3e;--primary:#a7d8b7;--primary-dark:#a7d8b7;--soft:#233c31;--accent:#a7d8b7;--input-bg:#142920;--control-bg:#1a3028;--card-bg:#1a3028;--preview-bg:#203b2e;--body-bg:#11241f;--button-soft:#233c31;--button-white:#203b2e}.page{max-width:1280px!important;padding:30px!important}.top{margin-bottom:30px!important}.top h1{font-size:30px!important}.top a{color:var(--primary);font-size:12px}.controls{border-radius:18px!important;box-shadow:none!important}.converter-grid{grid-template-columns:1fr!important}.card{border-radius:18px;box-shadow:none}.card-head{background:var(--surface)}.font-name{font-size:13px!important}.card-body{padding:18px!important}.preview{background:var(--preview-bg);border-radius:12px;padding:18px!important;min-height:125px}.card-download{display:block;width:calc(100% - 32px);margin:0 16px 16px;padding:12px;border:0;border-radius:10px;background:var(--primary);color:var(--surface);font:13px Studio;cursor:pointer}.download-tools{position:static!important;display:flex!important;flex-direction:row!important;gap:10px;flex-wrap:wrap;transform:none!important;width:auto!important}.download-tools[hidden]{display:none!important}.download-tools button{min-width:68px;min-height:48px}.side-tools.left-tools{position:static!important;display:flex;gap:8px;justify-content:center;margin-top:12px}.badge{color:var(--primary)!important;background:var(--soft)!important}.grid{gap:20px}.main-button{font-family:Studio!important}.preview{color:var(--ink)!important}#sentence{border-radius:12px;box-shadow:none;font-family:Studio!important}.keyboard{background:var(--soft)}@media(max-width:760px){.page{padding:18px!important}.top{flex-direction:column;align-items:start;gap:16px}.top h1{font-size:24px!important}.grid{grid-template-columns:1fr!important}.top>div:last-child{flex-wrap:wrap}}
/* Library refresh: one clear input area and calm, readable font specimens. */
html[data-project=fonts] body{margin:0}.page{max-width:1440px!important;margin:0 auto;padding:32px 4vw 60px!important}.top{height:auto!important;min-height:100px;padding:0 0 25px!important;border-bottom:1px solid var(--line);background:transparent!important;align-items:center}.top h1{font-size:clamp(23px,3vw,34px)!important;line-height:1.5;margin:8px 0}.top .lead{font-size:14px;max-width:600px;line-height:1.9;color:var(--muted)}.library-eyebrow{font-size:12px;color:var(--primary);letter-spacing:1px}.top a{border:1px solid var(--line);border-radius:9px;padding:8px 11px;text-decoration:none;background:var(--surface)}.controls{padding:22px!important;border:1px solid var(--line);background:var(--surface);margin-bottom:18px!important}.controls nav[aria-label="لغة الخط"] .badge{border-radius:9px;padding:10px 16px;font-size:13px}.controls p{color:var(--muted);line-height:1.8}.toolbar{margin-bottom:12px}.toolbar .actions{gap:8px}.toolbar .main-button{height:38px!important;width:38px!important;min-width:38px!important;font-size:17px!important;border:1px solid var(--line)!important;background:var(--soft)!important;color:var(--ink)!important}.converter-grid{gap:12px}#sentence{min-height:90px;height:90px;padding:16px!important;font-size:26px!important;resize:vertical;border:1px solid var(--line)}.field-head{margin-bottom:8px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch}.grid>.card{min-width:0;border:1px solid var(--line);background:var(--surface);overflow:hidden;transition:border-color .18s,box-shadow .18s}.grid>.card:hover{border-color:var(--primary);box-shadow:0 8px 26px #183c2a0b}.card-head{padding:14px 18px!important;border-bottom:1px solid var(--line)}.font-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px!important}.card-body{display:flex;flex-direction:column;gap:12px;padding:16px!important}.preview{display:flex;align-items:center;justify-content:center;min-height:155px!important;overflow-wrap:anywhere;white-space:normal!important;margin:0!important;padding:20px!important;line-height:1.8;border:0!important;background:var(--soft)}.side-tools.left-tools{margin:0!important;justify-content:flex-end}.left-tools .tool-button{height:30px!important;width:30px!important;min-width:30px!important;padding:0!important;border:1px solid var(--line);border-radius:8px;font-size:18px!important;background:var(--surface)!important;color:var(--ink)!important}.card-download{margin:0 16px 16px!important;width:calc(100% - 32px)!important;border-radius:10px!important;padding:11px!important;background:var(--soft)!important;color:var(--primary)!important;border:1px solid var(--line)!important}.font-page{background:var(--surface)}html[data-project=fonts][data-project-layout=list] .grid{grid-template-columns:1fr!important}html[data-project=fonts][data-project-layout=list] .card{display:grid;grid-template-columns:230px minmax(0,1fr) 170px;align-items:center}html[data-project=fonts][data-project-layout=list] .card-head{border-bottom:0;padding:18px!important}html[data-project=fonts][data-project-layout=list] .card-body{flex-direction:row;align-items:center}html[data-project=fonts][data-project-layout=list] .preview{min-height:85px!important;flex:1}html[data-project=fonts][data-project-layout=list] .card-download{margin:16px!important}html[data-project=fonts][data-project-layout=gallery] .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-project=fonts][data-project-layout=gallery] .preview{min-height:240px!important}html[data-project=fonts][data-project-density=compact] .grid{gap:10px!important}html[data-project=fonts][data-project-density=compact] .preview{min-height:100px!important}html[data-project=fonts][data-project-density=compact] .card-body{padding:10px!important}
@media(max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-project=fonts][data-project-layout=list] .card{grid-template-columns:150px minmax(0,1fr)}html[data-project=fonts][data-project-layout=list] .card-download{grid-column:1/-1}}
@media(max-width:680px){.page{padding:18px 16px 40px!important}.top{gap:14px}.top>div:last-child{gap:8px!important}.controls{padding:16px!important}.grid,html[data-project=fonts][data-project-layout=gallery] .grid{grid-template-columns:1fr!important}html[data-project=fonts][data-project-layout=list] .card{display:block}html[data-project=fonts][data-project-layout=list] .card-body{display:flex}.preview{min-height:125px!important}#font-library-search{flex-wrap:wrap}#font-library-search input{flex-basis:180px!important}}