@font-face{font-family:Tajawal;src:url(../fonts/tajawal/Tajawal-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(../fonts/tajawal/Tajawal-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(../fonts/tajawal/Tajawal-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(../fonts/amiri/Amiri-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color:var(--ink);background:var(--page);font-synthesis:none;--page:#f5f3ed;--surface:#fcfbf8;--ink:#263d34;--muted:#626e66;--line:#dfdfd5;--green:#244b3d;--soft:#e8eee5;--card:#fff;--art:#e8ecdf;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Tajawal,Noto Sans Arabic,sans-serif}:root[data-theme=dark]{--page:#161f1b;--surface:#1e2b24;--ink:#eeeadd;--muted:#a0b1a5;--line:#38443a;--green:#c6ddbd;--soft:#314638;--card:#233029;--art:#304332;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button{background:0 0;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #ad9360}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}input[type=range]{accent-color:var(--green);cursor:pointer}button,.icon-button{transition:background .15s,color .15s,border-color .15s}button:hover:not(:disabled){filter:brightness(.94)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--green);color:var(--page);padding:12px;position:fixed;top:-60px}.skip-link:focus{top:0}.site-header{border-bottom:1px solid var(--line);background:var(--page)}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1392px;margin:auto;padding:23px 48px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#f8f4e7;background:#244b3d;border-radius:12px;place-items:center;width:43px;height:43px;padding-bottom:0;font-family:Amiri,serif;font-size:46px;line-height:1.3;display:grid;overflow:hidden}.brand-word{font-size:26px;font-weight:700;line-height:1.3}.brand-word>span{color:var(--muted);margin-top:3px;font-size:10px;font-weight:400;display:block}.site-header nav{align-items:center;gap:32px;font-size:14px;display:flex}.site-header nav button{color:var(--muted);align-items:center;gap:10px;padding:8px 0;display:flex}.nav-current{font-weight:700;position:relative}.nav-current:after{content:"";inset-inline:0;background:var(--green);height:2px;position:absolute;bottom:-36px}.header-tools{align-items:center;gap:22px;display:flex}.open-source{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.open-source>span{background:#739467;border-radius:50%;width:6px;height:6px}.icon-button{width:32px;height:32px;color:var(--muted);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--soft);color:var(--green)}.theme-button{border:1px solid var(--line);width:36px;height:36px}.page-shell{max-width:1392px;margin:auto;padding:0 48px}.hero{grid-template-columns:1.25fr 1fr;align-items:center;gap:64px;padding:54px 0 48px;display:grid}.eyebrow{color:var(--muted);align-items:center;gap:8px;margin-bottom:15px;font-size:12px;font-weight:500;display:flex}.tiny-star{color:#8d9b67;font-size:18px}.hero h1{color:var(--ink);font-family:Amiri,Noto Naskh Arabic,serif;font-size:53px;font-weight:400;line-height:1.5}.hero h1>span{color:var(--green)}.hero-copy>p{color:var(--muted);margin-top:12px;font-size:16px;line-height:1.9}.hero-meta{color:var(--muted);align-items:center;gap:13px;margin-top:27px;font-size:11px;display:flex}.hero-meta bdi{color:var(--ink);font-size:13px;font-weight:700}.meta-separator{background:#b5b9a9;border-radius:50%;width:3px;height:3px}.hero-art{background:var(--art);border:1px solid color-mix(in srgb,var(--line) 60%,transparent);background-image:linear-gradient(90deg,#0000 99%,#8a9c7b19 99%),linear-gradient(#0000 99%,#8a9c7b19 99%);background-size:24px 24px;border-radius:3px;height:229px;padding:18px 23px;position:relative;overflow:hidden;transform:rotate(-1.5deg)}.art-caption,.art-bottom{z-index:1;color:#647257;justify-content:space-between;font-size:10px;display:flex;position:relative}.art-index{direction:ltr;font-family:monospace}.letter-study{justify-content:space-around;align-items:center;gap:12px;height:154px;display:flex}.study-letter{color:#476045;font-size:150px;line-height:1.3}.study-letter.one{padding-bottom:47px;font-family:Amiri,serif}.study-letter.two{color:#8e9e7a;padding-bottom:17px;font-family:Tajawal,sans-serif;font-size:139px;font-weight:700}.study-letter.three{color:#b3bb9e;padding-bottom:59px;font-family:Amiri,serif;font-size:188px;transform:rotate(8deg)}.art-bottom{border-top:1px solid #85977433;padding-top:12px}.studio{grid-template-columns:278px minmax(0,1fr);align-items:start;gap:30px;display:grid}.settings-panel{background:var(--surface);border:1px solid var(--line);overscroll-behavior:contain;scrollbar-width:thin;border-radius:10px;max-height:calc(100dvh - 40px);padding:24px 21px;position:sticky;top:20px;overflow-y:auto}.panel-heading{align-items:center;gap:9px;margin-bottom:24px;display:flex}.step-number{color:var(--muted);border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-family:monospace;font-size:10px;display:inline-grid}.panel-heading h2,.library-title h2{font-size:17px;font-weight:700;line-height:1.5}.panel-spark{color:#a9b98c;margin-inline-start:auto;font-size:19px}.field-label{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.text-editor{border:1px solid var(--line);background:var(--page);border-radius:6px;position:relative}.text-editor textarea{resize:vertical;background:0 0;border:0;width:100%;height:138px;max-height:340px;padding:14px 13px 36px;font-size:18px;line-height:1.8;display:block}.character-count{bottom:9px;color:var(--muted);pointer-events:none;font-family:monospace;font-size:9px;position:absolute;inset-inline-end:11px}.example-row{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:9px;font-size:10px;display:flex}.text-button{color:var(--green);align-items:center;gap:5px;padding:3px 0;font-size:11px;font-weight:500;display:inline-flex}.panel-rule{background:var(--line);height:1px;margin:21px 0}.control-header,.setting-row,.color-row{justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.control-header output{background:var(--soft);border-radius:4px;padding:4px 8px;font-family:monospace;font-size:11px}.settings-panel input[type=range]{width:100%;height:4px;margin:17px 0 8px;display:block}.range-endpoints{color:var(--muted);justify-content:space-between;margin-bottom:21px;font-size:9px;display:flex}.setting-row select{border:1px solid var(--line);background:var(--surface);border-radius:5px;width:135px;padding:7px 8px;font-size:11px}.small-note{color:var(--muted);margin:8px 0 17px;font-size:9px;line-height:1.7}.alignment-group{background:var(--page);border:1px solid var(--line);border-radius:5px;gap:2px;padding:3px;display:flex}.alignment-group button{color:var(--muted);border-radius:3px;padding:6px 9px;display:flex}.alignment-group .active{background:var(--surface);color:var(--green);box-shadow:0 1px 3px #0001}.color-row+.color-row{margin-top:13px}.color-control{border:1px solid var(--line);background:var(--surface);border-radius:5px;align-items:center;gap:9px;padding:4px 5px 4px 9px;display:flex}.color-control bdi{color:var(--muted);font-family:monospace;font-size:10px}input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:3px;width:23px;height:23px;padding:0;overflow:hidden}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.checkbox-row{color:var(--muted);align-items:center;gap:7px;margin-top:17px;font-size:10px;line-height:1.6;display:flex}.checkbox-row input{accent-color:var(--green);flex-shrink:0;margin:0}.local-button{background:var(--soft);border:1px solid var(--line);width:100%;color:var(--green);border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:10px 6px;font-size:12px;font-weight:500;display:flex}.local-button svg:last-child{margin-inline-start:auto}.import-button{text-align:center;width:100%;color:var(--muted);padding:11px 0 1px;font-size:10px}.file-types{color:var(--muted);margin-top:6px;font-family:monospace;font-size:9px;display:block}.privacy-note{color:var(--muted);align-items:center;gap:6px;margin-top:16px;font-size:9px;line-height:1.7;display:flex}.library{min-width:0}.library-heading{justify-content:space-between;align-items:center;gap:14px;margin:6px 0 21px;display:flex}.library-title{align-items:center;gap:9px;display:flex}.results-count{color:var(--muted);font-size:11px}.results-count bdi{color:var(--ink);font-size:13px;font-weight:700}.library-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding-bottom:14px;display:flex}.library-tabs{flex-shrink:0;align-items:center;gap:14px;display:flex}.library-tabs button{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;padding:5px 0;font-size:12px;display:flex}.library-tabs .active{color:var(--green);font-weight:700}.tab-count{background:var(--soft);border-radius:3px;padding:0 5px;font-size:10px}.search-box{background:var(--surface);border:1px solid var(--line);width:228px;min-width:0;color:var(--muted);border-radius:5px;align-items:center;gap:8px;padding:6px 10px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:4px 0;font-size:11px}.search-box:focus-within{outline-offset:2px;outline:2px solid #ad9360}.search-box .icon-button{width:18px;height:18px}.category-row{flex-wrap:wrap;align-items:center;gap:7px;margin:16px 0 20px;display:flex}.category-row button{color:var(--muted);border:1px solid #0000;border-radius:4px;padding:5px 13px;font-size:11px}.category-row button.active{border-color:var(--line);background:var(--soft);color:var(--green)}.library-tip{color:var(--muted);align-items:center;gap:4px;margin-inline-start:auto;font-size:10px;display:flex}.font-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.font-card{border:1px solid var(--line);background:var(--card);border-radius:8px;min-width:0;transition:border-color .15s,box-shadow .15s;overflow:hidden}.font-card:hover{border-color:#afbaa8}.font-card.is-selected{border-color:#739368;box-shadow:0 0 0 1px #739368}.card-header{justify-content:space-between;align-items:start;gap:8px;padding:17px 17px 12px;display:flex}.card-header h3{overflow-wrap:anywhere;font-family:Tajawal,sans-serif;font-size:14px;font-weight:700;line-height:1.5}.card-type{color:var(--muted);margin-top:2px;font-size:9px;line-height:1.7;display:block}.type-dot{color:#bdc4b7;margin:0 5px}.favorite-button{width:27px;height:27px}.favorite-button.active{color:#aa7946;background:#b9945012}.favorite-button.active svg{fill:#aa79461f}.preview-area{border-radius:4px;flex-direction:column;justify-content:center;min-height:144px;margin:0 10px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.preview-area>p{white-space:pre-wrap;overflow-wrap:anywhere;font-synthesis:none;letter-spacing:normal;padding:10px 0;line-height:1.9}.font-loading{color:#626e60;justify-content:center;align-items:center;gap:7px;padding:28px 0;font-size:11px;display:flex}.loading-dot{background:#94a58b;border-radius:50%;width:5px;height:5px;animation:1.2s infinite pulse}.font-error{color:#815d47;text-align:center;font-size:12px;line-height:1.7}.glyph-warning{color:#88522e;background:#fff2dc;border-radius:3px;align-self:center;margin-top:8px;padding:4px 7px;font-size:9px;line-height:1.7}.card-footer{justify-content:space-between;align-items:center;gap:8px;padding:11px 17px 12px;display:flex}.compare-button{color:var(--muted);align-items:center;gap:5px;padding:5px 0;font-size:11px;display:flex}.compare-button.active{color:var(--green);font-weight:700}.card-actions{align-items:center;gap:8px;display:flex}.weight-label{color:var(--muted);border-inline-end:1px solid var(--line);padding-inline-end:10px;font-family:monospace;font-size:9px}.export-button{border:1px solid var(--line);color:var(--muted);border-radius:4px;align-items:center;gap:5px;padding:5px 7px;font-family:monospace;font-size:9px;display:flex}.export-button:hover{background:var(--soft);color:var(--green)}.empty-state{border:1px dashed var(--line);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding:30px;display:flex}.empty-letter{color:#a9b18d;font-family:Amiri,serif;font-size:75px;line-height:1.5}.empty-state h3{margin-bottom:10px;font-size:20px}.empty-state p{color:var(--muted);max-width:350px;margin-bottom:18px;font-size:13px;line-height:1.8}.library-end{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:33px 0 16px;font-size:11px;display:flex}.library-end>span{color:#a0ad7d;font-size:17px}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-top:42px;padding:26px 0 90px;font-size:10px;display:flex}.site-footer>div{align-items:center;gap:20px;display:flex}.footer-brand{color:var(--ink);font-family:Amiri,serif;font-size:27px}.site-footer button{color:var(--muted);font-size:10px}.site-footer a{text-underline-offset:3px;text-decoration:underline}.comparison-tray{bottom:22px;color:#faf7ef;z-index:3;background:#244b3d;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;max-width:1040px;margin:auto;padding:13px 19px;display:flex;position:fixed;inset-inline:48px;box-shadow:0 8px 35px #0d251c30}.comparison-tray>div{align-items:center;gap:12px;display:flex}.comparison-tray>div>span{white-space:nowrap;font-size:12px}.tray-fonts{flex-wrap:wrap;gap:6px;display:flex}.tray-fonts button{color:#e5ebdb;background:#ffffff13;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:flex}.primary-button{color:#244b3d;white-space:nowrap;background:#f5f1e4;border-radius:5px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.status-message{bottom:105px;z-index:8;background:var(--surface);border:1px solid var(--line);max-width:460px;color:var(--ink);border-radius:7px;align-items:center;gap:12px;padding:12px 15px;font-size:12px;line-height:1.8;display:none;position:fixed;inset-inline-end:24px;box-shadow:0 6px 30px #0002}.status-message.shown{display:flex}.dialog{border:1px solid var(--line);background:var(--page);color:var(--ink);border-radius:12px;width:calc(100% - 40px);max-width:660px;max-height:85vh;padding:0;box-shadow:0 20px 90px #10201944}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#13251bd0}.dialog-wide{max-width:1150px}.dialog-inner{padding:26px}.dialog-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.dialog-header h2{font-size:23px;line-height:1.5}.dialog-note{color:var(--muted);margin-bottom:22px;font-size:13px;line-height:1.8}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.comparison-card .preview-area{min-height:180px}.about-content{color:var(--muted);font-size:14px;line-height:1.9}.about-content .about-lead{color:var(--ink);margin-bottom:16px;font-family:Amiri,serif;font-size:28px}.about-content h3{color:var(--ink);margin:22px 0 8px;font-size:16px}.about-content .text-button{margin-top:20px}.dialog .font-card{background:var(--card)}@keyframes pulse{50%{opacity:.25}}@media (min-width:1450px){.hero h1{font-size:59px}.hero{padding-top:62px;padding-bottom:55px}.hero-art{height:240px}.letter-study{height:165px}.preview-area{min-height:163px}}@media (max-width:1100px){.page-shell{padding:0 28px}.header-inner{padding-inline:28px}.hero{gap:35px}.hero h1{font-size:44px}.studio{grid-template-columns:245px minmax(0,1fr);gap:22px}.settings-panel{padding:20px 17px}.library-toolbar{flex-wrap:wrap;gap:12px}.search-box{width:100%}.library-tabs{gap:20px}.library-tip{display:none}.card-header{padding:13px}.card-footer{padding:10px 12px}.preview-area{padding:12px 10px}.card-actions{gap:4px}.weight-label{padding-inline-end:6px}.hero-art{height:210px}.letter-study{height:136px}.study-letter.one{font-size:127px}.study-letter.two{font-size:119px}.study-letter.three{font-size:157px}}@media (max-width:800px){.open-source{display:none}.hero{grid-template-columns:1fr .8fr;gap:20px;padding-top:35px;padding-bottom:35px}.hero h1{font-size:38px}.hero-copy>p{font-size:13px}.hero-meta{gap:8px;font-size:9px}.hero-art{height:180px;padding:14px}.letter-study{gap:4px;height:111px}.study-letter.one{padding-bottom:35px;font-size:108px}.study-letter.two{font-size:97px}.study-letter.three{padding-bottom:37px;font-size:122px}.art-caption,.art-bottom{font-size:8px}.studio{grid-template-columns:1fr}.settings-panel{grid-template-columns:1fr 1fr;column-gap:24px;max-height:none;padding:22px;display:grid;position:static;overflow:visible}.panel-heading,.text-editor,.field-label,.example-row,.panel-rule,.local-button,.import-button,.privacy-note{grid-column:1/-1}.settings-panel .control-header{grid-column:1/-1;margin-bottom:10px}.settings-panel input[type=range]{grid-column:1/-1;margin:8px 0}.range-endpoints{grid-column:1/-1;margin-bottom:16px}.settings-panel .setting-row{grid-column:1/-1;margin:8px 0}.small-note{grid-column:1/-1;margin:0 0 8px}.color-row+.color-row{margin:0}.color-row{flex-wrap:wrap;gap:8px}.checkbox-row{grid-column:1/-1}.text-editor textarea{height:100px}.panel-heading{margin-bottom:18px}.panel-rule{margin:15px 0}.privacy-note{justify-content:center}.library-toolbar{flex-wrap:nowrap}.search-box{width:240px}.hero-copy .eyebrow{font-size:10px}.tray-fonts{display:none}.site-footer{margin-top:25px}.comparison-tray{inset-inline:20px}.settings-panel .local-button svg:last-child{margin-inline-start:0}}@media (max-width:560px){.page-shell{padding:0 18px}.header-inner{gap:16px;padding:17px 18px}.brand-word{font-size:22px}.brand-word>span{display:none}.brand-mark{width:36px;height:36px;padding-bottom:0;font-size:40px}.site-header nav{gap:16px;font-size:12px}.site-header nav button{font-size:12px}.header-tools{gap:0}.nav-current:after{bottom:-28px}.hero{grid-template-columns:1fr;gap:24px;padding:30px 0}.hero h1{font-size:41px;line-height:1.5}.hero-copy>p{font-size:14px}.hero-copy .eyebrow{margin-bottom:10px;font-size:11px}.hero-meta{margin-top:18px;font-size:10px}.hero-art{height:146px;margin-inline:2px;padding:10px 16px;transform:rotate(-1deg)}.letter-study{justify-content:space-evenly;height:96px}.study-letter.one{padding-bottom:32px;font-size:109px}.study-letter.two{padding-bottom:9px;font-size:99px}.study-letter.three{padding-bottom:39px;font-size:132px}.art-caption,.art-bottom{font-size:8px}.art-bottom{padding-top:5px}.settings-panel{column-gap:14px;padding:19px}.library-heading{margin-bottom:15px}.library-title h2{font-size:16px}.library-toolbar{flex-wrap:wrap;gap:15px}.library-tabs{justify-content:space-between;gap:8px;width:100%}.search-box{width:100%;padding:7px 10px}.search-box input{font-size:13px}.category-row{gap:2px;margin:13px 0 16px}.category-row button{padding:5px 11px}.font-grid{grid-template-columns:1fr;gap:14px}.card-header{padding:17px 17px 12px}.card-header h3{font-size:16px}.card-type{font-size:10px}.preview-area{min-height:147px;padding:15px}.card-footer{padding:11px 17px}.card-actions{gap:10px}.compare-button{font-size:12px}.export-button{font-size:10px}.site-footer{flex-direction:column;align-items:stretch;gap:13px;padding-top:19px;padding-bottom:95px}.site-footer>div{justify-content:space-between;font-size:10px}.comparison-tray{inset-inline:12px;gap:8px;padding:12px;bottom:12px}.comparison-tray>div{gap:8px}.comparison-tray>div>span{font-size:10px}.primary-button{gap:5px;padding:9px 10px;font-size:11px}.status-message{inset-inline:12px;max-width:none;font-size:12px;bottom:87px}.comparison-grid{grid-template-columns:1fr}.dialog{width:calc(100% - 24px);max-height:90vh}.dialog-inner{padding:20px}.dialog-header h2{font-size:21px}.dialog-note{font-size:12px}.color-control bdi{font-size:9px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.brand-mark img{width:100%;height:100%;display:block}.status-message.inline-status{max-width:none;box-shadow:none;margin-bottom:20px;position:static}.language-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.language-switch button{border:1px solid var(--line);color:var(--muted);background:var(--surface);text-align:start;border-radius:7px;align-items:center;gap:10px;padding:13px 15px;font-size:13px;display:flex}.language-switch button.active{background:var(--soft);color:var(--green);border-color:color-mix(in srgb,var(--green) 50%,var(--line));font-weight:700}.language-switch button>bdi{background:var(--page);border-radius:4px;margin-inline-start:auto;padding:3px 6px;font:11px monospace}.language-letter{font-family:Amiri,serif;font-size:24px;line-height:1.4}.latin-letter{direction:ltr;font-family:Tajawal,sans-serif;font-size:19px}@media (max-width:560px){.language-switch{gap:8px;margin-bottom:17px}.language-switch button{gap:6px;padding:10px;font-size:11px}.language-letter{font-size:21px}.latin-letter{font-size:17px}.language-switch button>bdi{padding:2px 4px;font-size:10px}.hero-meta{flex-wrap:wrap}}