:root{--bg:#f7f7f3;--white:#fff;--ink:#193c34;--muted:#7b8882;--gold:#a48044;--line:#e5e8e1;--pale:#f3eee3;--green:#163d33;--danger:#925238;--serif:'Amiri','Noto Naskh Arabic','Times New Roman',serif;--ui:'Tajawal','Noto Sans Arabic',Tahoma,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 var(--ui)}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b88f4d;outline-offset:3px}h1,h2,h3,p{margin:0}svg{width:20px;height:20px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hidden,[hidden]{display:none!important}.latin{font-family:Arial,sans-serif;direction:ltr;display:inline-block;font-variant-numeric:tabular-nums}.wrap{max-width:1440px;margin:auto;padding:0 44px}.header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand img{width:57px;height:57px;object-fit:contain;border-radius:10px}.brand-words{border-right:1px solid var(--line);padding-right:15px;font-size:15px;font-weight:700}.brand-words small{display:block;font:9px/1.9 Arial,sans-serif;letter-spacing:2.3px;color:var(--gold)}.header-links{display:flex;gap:28px;align-items:center;font-size:12px}.header-links a{text-decoration:none;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #dbe4dc;background:#edf3ec;border-radius:100px;font-size:11px;white-space:nowrap}.dot{width:6px;height:6px;background:#557d62;border-radius:50%}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:38px 0 27px;gap:30px}.eyebrow{font:10px Arial,sans-serif;letter-spacing:3px;color:var(--gold);margin-bottom:10px;display:block}.intro h1{font-size:37px;font-weight:600;letter-spacing:-1px;line-height:1.5}.intro h1 em{font-style:normal;color:var(--gold)}.intro p{font-size:13px;color:var(--muted);margin-top:6px}.edition{font:11px/2 Arial,sans-serif;letter-spacing:1.4px;direction:ltr;text-align:left;color:#87948b;padding-bottom:5px}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:24px;direction:ltr;align-items:start}.preview-column,.settings{direction:rtl}.preview-column{position:sticky;top:18px;min-width:0}.stage{border:1px solid var(--line);background:var(--white);border-radius:24px;overflow:hidden;position:relative}.stage-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eff0eb;gap:10px}.stage-title{display:flex;align-items:center;gap:9px;font-size:12px}.stage-title svg{color:var(--gold);width:17px}.stage-head .tag{font:9px/1.5 Arial,sans-serif;letter-spacing:1.5px;color:var(--muted)}.viewport{height:440px;position:relative;overflow:hidden;background:#f8f7f2;isolation:isolate;touch-action:pan-y}.viewport canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.viewport canvas:active{cursor:grabbing}.view-meta{position:absolute;top:20px;right:24px;display:flex;flex-direction:column;gap:4px;pointer-events:none}.view-meta b{font-size:12px;font-weight:500}.view-meta small{font-size:10px;color:var(--muted)}.view-vertical{position:absolute;left:20px;top:20px;display:flex;flex-direction:column;gap:7px}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;background:#ffffffba;border:1px solid #dce2d9;border-radius:10px;color:#607166;backdrop-filter:blur(8px)}.icon-btn:hover,.icon-btn.active{background:var(--green);color:#fff;border-color:var(--green)}.icon-btn svg{width:17px;height:17px}.view-bottom{position:absolute;bottom:16px;inset-inline:23px;display:flex;justify-content:space-between;align-items:end;pointer-events:none;gap:12px}.hint{font-size:10px;color:#879086;display:flex;align-items:center;gap:7px}.hint svg{width:14px;height:14px}.view-watermark{display:flex;align-items:center;gap:7px;opacity:.78}.view-watermark img{width:39px;height:39px;mix-blend-mode:multiply;border-radius:6px}.view-watermark span{font:8px/1.6 Arial;letter-spacing:1.1px;color:#827353}.loader{position:absolute;inset:0;background:#f8f7f2;display:grid;place-items:center;z-index:5;text-align:center;color:var(--muted);font-size:12px}.spinner{display:block;width:28px;height:28px;border:2px solid #e5d9c1;border-top-color:var(--gold);border-radius:50%;margin:0 auto 14px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stage-foot{padding:15px 22px;background:#fff;display:flex;justify-content:space-between;gap:12px;align-items:center}.view-presets{display:flex;gap:6px}.chip{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 12px;font-size:10px}.chip:hover,.chip.active{background:var(--pale);border-color:#d5c7a7;color:#876732}.small-label{font-size:10px;color:var(--muted)}.zoom-group{display:flex;align-items:center;gap:10px;direction:ltr}.zoom-group button{border:0;background:none;font-size:18px;padding:0 2px}.zoom-group span{font:10px Arial;color:var(--muted);min-width:35px;text-align:center}.estimate{margin-top:16px;background:var(--green);color:#fff;border-radius:20px;padding:22px 25px;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;position:relative;overflow:hidden}.estimate:before{content:'';position:absolute;width:260px;height:260px;left:-120px;top:-130px;border:1px solid #d1ba7219;border-radius:50%}.estimate-label{font-size:11px;color:#b8ccbd;display:flex;align-items:center;gap:6px}.estimate-value{display:flex;align-items:baseline;gap:8px;direction:ltr;justify-content:flex-end;margin-top:1px}.estimate-value b{font:400 33px/1.5 Arial,sans-serif;letter-spacing:-1px;color:#e7d5a8;font-variant-numeric:tabular-nums}.estimate-value small{font-size:11px;color:#c7d7ca}.estimate .right-value{border-left:1px solid #66816c5e;padding-left:24px}.estimate-bottom{grid-column:1/-1;border-top:1px solid #66816c5e;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#bad0be}.estimate-bottom button{color:#dfc68f;border:0;background:none;font-size:10px;text-decoration:underline}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.btn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:47px;text-decoration:none}.btn:hover{border-color:#aa8e57;background:#fbfaf6}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.primary:hover{background:#235344}.btn.gold{background:#af8d53;border-color:#af8d53;color:#fff}.btn svg{width:17px;height:17px}.preview-note{font-size:10px;color:var(--muted);margin:13px 5px 0;line-height:1.9}.settings{border:1px solid var(--line);background:#fff;border-radius:21px;overflow:hidden}.section{padding:21px 22px;border-bottom:1px solid var(--line)}.section:last-child{border:0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-weight:600;font-size:12px}.step{font:11px Arial;color:#b4b9ac}.field label,.form-label{display:block;font-size:11px;margin-bottom:7px}.field{min-width:0}.field+.field{margin-top:15px}input[type=text],input[type=number],input[type=tel],select,textarea{border:1px solid var(--line);background:#fbfcf9;border-radius:10px;width:100%;padding:10px 12px;outline-offset:3px;font-size:12px;min-height:43px}input[type=number],input[type=tel]{direction:ltr;font-variant-numeric:tabular-nums}textarea{resize:vertical}.name-input{font:500 26px var(--serif)!important;height:57px;text-align:right;padding-inline:15px!important;background:#fff!important}.type-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:18px}.type-tab{border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px 3px;font-size:10px;display:flex;align-items:center;flex-direction:column;gap:6px}.type-tab svg{width:23px;height:23px;color:#88988a}.type-tab.active{border-color:#b59b65;background:#fbf8f0;color:#8a692f}.type-tab.active svg{color:#a78546}.input-foot{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:7px;gap:5px}.name-examples{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.name-examples button{border:0;background:#f2f4ee;color:#778175;border-radius:6px;font:13px var(--serif);padding:1px 8px}.fonts{display:grid;grid-template-columns:1fr 1fr;gap:7px}.font-option{min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;align-items:center;padding:7px 5px 5px;min-height:66px}.font-option b{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:23px;line-height:1.5;font-weight:400}.font-option small{font:9px var(--ui);color:var(--muted)}.font-option.active{border-color:#b89a5a;background:#fbf8f0}.inline-options{display:flex;gap:8px}.segment{flex:1;border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px}.segment.active{border-color:#b59b65;background:#faf6eb;color:#886832}.segment b{font:600 15px Arial}.colors{display:flex;gap:9px;margin-top:13px}.color-btn{display:flex;align-items:center;gap:8px;flex:1;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px;font-size:10px}.color-btn.active{border-color:#b59b65;background:#fbf8f0}.swatch{width:22px;height:22px;border-radius:50%;border:1px solid #cdbb8a;box-shadow:inset 1px 2px 3px #ffffff90,0 1px 3px #bbb4;flex:none}.swatch.yellow{background:linear-gradient(135deg,#9c782d 2%,#f9e4a6 30%,#cba653 56%,#fff0b3 78%,#a18341)}.swatch.white{background:linear-gradient(135deg,#929d9d,#fbfcfd 32%,#b9c1c0 56%,#fff 77%,#949c9d);border-color:#c5cdca}.range-line{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px}.range-line output{font:11px Arial;direction:ltr;color:var(--gold)}input[type=range]{width:100%;height:3px;margin:15px 0 8px;accent-color:#a48044;cursor:pointer;direction:ltr}.range-ends{display:flex;justify-content:space-between;font:9px Arial;color:#a0a79c;direction:ltr}.check{display:flex;gap:8px;align-items:flex-start;font-size:10px;line-height:1.8;cursor:pointer}.check input{accent-color:var(--gold);margin:3px 0 0}.field-help{font-size:9px;color:var(--muted);line-height:1.9;margin-top:8px}.warn{font-size:10px;color:var(--danger);background:#fcf4e9;border-radius:8px;padding:8px 10px;margin-top:10px}.advanced summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;cursor:pointer}.advanced summary:after{content:'+';font:20px Arial;color:var(--muted)}.advanced[open] summary:after{content:'−'}.advanced[open] summary{margin-bottom:17px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid2 .field+.field{margin:0}.finish-options{display:flex;gap:6px}.finish-options button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px;flex:1;font-size:10px}.finish-options .active{border-color:#b59b65;color:var(--gold);background:#fbf8f0}.light-range{display:flex;align-items:center;gap:13px;margin-top:14px}.light-range svg{width:17px;color:var(--gold)}.light-range input{flex:1;margin:0}.settings-footer{display:flex;gap:15px;justify-content:center;padding:16px}.text-btn{border:0;background:none;font-size:10px;color:var(--muted);text-decoration:underline;padding:0}.technical{margin:35px 0 28px;padding-top:25px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.technical h3{font-size:12px;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:8px}.technical h3 svg{width:17px;color:var(--gold)}.technical p{font-size:10px;color:var(--muted);line-height:1.9}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:20px 0 28px;font-size:10px;color:var(--muted)}.footer span[dir=ltr]{font:9px/1.8 Arial;letter-spacing:1px}.toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,20px);background:#163d33;color:#fff;box-shadow:0 8px 40px #0002;border-radius:12px;padding:13px 22px;z-index:100;font-size:12px;opacity:0;pointer-events:none;max-width:90vw;text-align:center;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--line);padding:0;border-radius:22px;width:min(620px,calc(100% - 30px));max-height:88dvh;overflow:auto;color:var(--ink);box-shadow:0 24px 100px #122e3730}dialog::backdrop{background:#132d2877;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 27px 14px}.modal-head h2{font-size:20px}.modal-body{padding:0 27px 26px}.modal-body>p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:16px}.close{font-size:24px;line-height:1;width:32px;height:32px;border:0;background:none;color:var(--muted)}.breakdown{margin:13px 0}.breakdown div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.breakdown div:last-child{font-weight:700}.breakdown dd,.breakdown dt{margin:0}.breakdown dd{direction:ltr}.method{background:#f6f6f1;border-radius:12px;padding:16px;font-size:11px;line-height:2;color:var(--muted);margin-top:16px}.method h3{color:var(--ink);font-size:12px;margin-bottom:4px}.method code{color:var(--gold)}.export-preview{display:block;max-width:100%;max-height:360px;margin:18px auto;border:1px solid var(--line);border-radius:10px;object-fit:contain}.format-options{display:flex;gap:7px;flex-wrap:wrap}.format-options button{flex:1}.receipt{white-space:pre-wrap;background:#f7f8f3;border:1px solid var(--line);border-radius:10px;padding:15px;font:11px/1.9 var(--ui);max-height:210px;overflow:auto;margin:13px 0}.form-actions{display:flex;gap:10px;margin-top:17px;flex-wrap:wrap}.form-actions .btn{flex:1;min-width:140px}.privacy{font-size:10px!important;margin-top:14px!important}.offline-message{position:absolute;bottom:54px;left:18px;right:18px;text-align:center;font-size:11px;color:#91502e;background:#fff9e9e6;border-radius:9px;padding:10px;z-index:7}.save-row{display:flex;gap:12px;justify-content:center;margin-top:12px}.stage:fullscreen{display:flex;flex-direction:column;border-radius:0;max-width:none}.stage:fullscreen .viewport{height:auto;flex:1}.stage:fullscreen .stage-foot{padding-bottom:20px}.disabled-note{opacity:.7;font-size:10px}.request-list{max-height:400px;overflow:auto}.request-item{border:1px solid var(--line);border-radius:13px;padding:15px;margin-top:10px;font-size:11px;line-height:1.9}.request-item img{height:90px;max-width:130px;object-fit:contain;float:left;margin-right:10px}.request-item b{font-size:13px}.empty{text-align:center;padding:40px 15px;font-size:12px;color:var(--muted)}
@media(min-width:1500px){.viewport{height:480px}}@media(max-width:1100px){.wrap{padding:0 25px}.workbench{grid-template-columns:minmax(0,1fr) 300px;gap:17px}.section{padding:20px 18px}.viewport{height:390px}.intro h1{font-size:32px}.estimate-value b{font-size:28px}}@media(max-width:800px){.wrap{padding:0 17px}.header{height:75px}.brand img{width:47px;height:47px}.brand-words{font-size:12px;padding-right:10px}.brand-words small{font-size:7px;letter-spacing:1.5px}.header-links>a{display:none}.header-links{gap:10px}.badge{font-size:9px;padding:5px 9px}.intro{padding:24px 0 19px}.intro h1{font-size:28px;letter-spacing:-.5px}.intro p{font-size:11px;max-width:290px}.edition{display:none}.eyebrow{font-size:8px;letter-spacing:2.4px;margin-bottom:5px}.workbench{display:flex;flex-direction:column;gap:20px}.preview-column{position:static;width:100%}.settings{width:100%;border-radius:17px}.stage{border-radius:18px}.stage-head{padding:14px 16px}.stage-title{font-size:11px}.stage-head .tag{font-size:8px}.viewport{height:330px}.view-meta{top:15px;right:17px}.view-meta b{font-size:11px}.view-vertical{left:12px;top:13px;gap:5px}.icon-btn{width:30px;height:30px}.stage-foot{padding:12px 13px}.chip{font-size:9px;padding:5px 9px}.view-bottom{inset-inline:16px;bottom:13px}.hint{font-size:9px}.view-watermark span{display:none}.view-watermark img{width:33px;height:33px}.estimate{margin-top:12px;padding:17px 20px;border-radius:16px;gap:8px 17px}.estimate-value b{font-size:27px}.estimate .right-value{padding-left:15px}.estimate-bottom{padding-top:10px;font-size:9px;gap:10px}.estimate-label{font-size:10px}.estimate-bottom button{font-size:9px}.btn{font-size:11px;padding:11px 8px;min-height:44px}.actions{gap:8px;margin-top:11px}.preview-note{font-size:9px;line-height:1.9}.section{padding:21px}.type-tab{font-size:11px;padding:13px 4px}.type-tab svg{width:25px;height:25px}.name-input{font-size:30px!important}.font-option b{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:27px}.fonts{grid-template-columns:repeat(4,1fr)}.font-option{padding-inline:3px}.font-option small{font-size:8px}.section-head{font-size:13px}.technical{grid-template-columns:1fr;gap:17px;margin:26px 0 22px}.technical p{font-size:11px}.footer{font-size:9px;flex-direction:column;align-items:center;gap:8px;text-align:center}.modal-head{padding:21px 20px 14px}.modal-body{padding:0 20px 24px}.modal-head h2{font-size:19px}.toast{font-size:11px;padding:12px 17px}.field label,.form-label{font-size:12px}.field-help{font-size:10px}.check{font-size:11px}.segment{padding:11px}.color-btn{padding:11px}.range-line{font-size:12px}.swatch{width:25px;height:25px}input[type=range]{height:5px;margin:18px 0 10px}.technical h3{font-size:13px}.header-links .badge .dot{width:5px;height:5px}}
@media(max-width:365px){.wrap{padding:0 12px}.intro h1{font-size:25px}.brand-words{display:none}.viewport{height:285px}.estimate-value b{font-size:24px}.fonts{grid-template-columns:1fr 1fr}.stage-head .tag{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Font library, prototype 1.1. All previews use the same font and weight as geometry. */
.font-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.font-toolbar label{margin:0}.font-count{font:10px Arial;color:var(--gold);direction:ltr}.font-open{width:100%;margin-top:10px;min-height:41px;font-size:11px}.font-current{font-size:10px;color:var(--muted);margin-top:10px;line-height:1.9}.font-current strong{color:var(--ink)}.font-weight-row{display:flex;gap:10px;align-items:center;margin-top:13px}.font-weight-row label{min-width:75px;font-size:10px;margin:0}.font-weight-row select{font-size:11px;min-height:36px;padding:6px 9px}.font-option{position:relative;min-width:0;overflow:hidden}.font-option b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-synthesis:none!important;line-height:1.8!important;font-size:29px!important;min-height:55px}.font-option small{display:block;font-size:10px}.font-option:not([data-ready="true"]) b{visibility:hidden}.font-mini-state{display:block;font:9px/1.5 var(--ui);color:var(--muted);min-height:14px}.font-option:not([data-ready="true"]) .font-mini-state{position:absolute;top:29px;inset-inline:5px;font-size:10px}.font-option[data-status="error"] .font-mini-state{color:var(--danger)}.font-inline-warning{color:var(--danger)!important}.font-library-dialog{width:min(1010px,calc(100vw - 28px));max-width:1010px;max-height:91vh;padding:0}.font-library-dialog .modal-body{padding:20px 26px 26px}.font-library-dialog .modal-head{position:sticky;top:0;background:#fff;z-index:3}.font-library-intro{font-size:12px;color:var(--muted);margin-bottom:15px}.font-search-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.font-search-row input{background:#fff}.font-sample-input{font-size:23px!important;min-height:49px!important}.font-filters{display:flex;gap:7px;flex-wrap:wrap;padding:15px 0}.font-filter{border:1px solid var(--line);border-radius:20px;background:#fff;font-size:10px;padding:6px 12px}.font-filter.active{background:var(--green);border-color:var(--green);color:white}.font-library-status{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;color:var(--muted);margin-bottom:12px}.font-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:49vh;overflow-y:auto;overscroll-behavior:contain;padding:2px 4px 12px;scrollbar-width:thin}.font-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.font-card.is-selected{border-color:#b69458;box-shadow:inset 0 0 0 1px #b69458;background:#fffcf4}.font-card-choice{width:100%;padding:14px 13px 11px;text-align:right;border:0;background:transparent;display:block;min-height:175px}.font-card-top{padding-left:26px}.font-card-top strong{font-size:12px;display:block}.font-card-top small{font:9px/1.7 Arial;color:var(--muted);direction:ltr;display:block;text-align:right}.font-card-preview{position:relative;height:90px;display:grid;place-items:center;overflow:hidden;padding:8px 2px}.font-card-sample{display:block;max-width:100%;font-size:36px;line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-synthesis:none;color:#a17a35}.font-card[data-ready="false"] .font-card-sample{visibility:hidden}.font-card-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:10px}.font-card[data-ready="true"] .font-card-placeholder{display:none}.font-card-meta{display:flex;justify-content:space-between;gap:5px;color:var(--muted);font-size:9px}.font-card[data-status="error"] .font-card-placeholder{color:var(--danger)}.font-favorite{position:absolute;left:10px;top:12px;border:0;background:transparent;font:23px Arial;line-height:1;color:#a1a89d;z-index:1;padding:4px}.font-favorite[aria-pressed="true"]{color:var(--gold)}.font-library-footer{border-top:1px solid var(--line);padding-top:14px;margin-top:12px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.font-library-footer p{font-size:10px;color:var(--muted);max-width:620px}.font-custom details{margin-top:18px;border:1px dashed #d4c5a7;border-radius:14px;padding:13px 16px;background:#fbf9f2}.font-custom summary{font-size:12px;cursor:pointer;color:#896c34}.font-custom p{font-size:11px;margin-top:10px;color:var(--muted)}.font-custom .check{margin-top:12px;font-size:11px;align-items:start}.font-custom-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:13px}.font-custom-actions .btn{min-height:39px;padding:7px 14px;font-size:11px}.font-source-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;font:10px Arial}.font-source-links a{color:var(--gold);text-underline-offset:3px}.font-empty{grid-column:1/-1;padding:35px 15px;text-align:center;color:var(--muted);font-size:12px}.font-note{padding:9px 12px;background:#faf7ed;border-radius:10px;font-size:10px!important;color:#877246!important;line-height:1.9}.font-family-in-stage{font-size:9px;color:var(--muted)}
@media(max-width:700px){.font-library-dialog .modal-body{padding:15px}.font-library-dialog .modal-head{padding:15px}.font-library-dialog h2{font-size:17px}.font-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:43vh}.font-search-row{grid-template-columns:1fr}.font-card-choice{padding:11px 9px;min-height:162px}.font-card-preview{height:80px}.font-card-sample{font-size:29px}.font-card-top strong{font-size:11px}.font-card-top small{font-size:8px}.font-filters{gap:5px;padding:12px 0}.font-filter{font-size:9px;padding:5px 9px}.font-library-footer p{font-size:9px}.font-library-footer .btn{width:100%}.font-card-meta{font-size:8px}.font-card-top{padding-left:22px}.font-favorite{left:7px;top:10px}}


/* Website identity. These selectors only ship on /name-studio/. */
:root{--bg:#f5f7f6;--white:#fff;--ink:#1d3631;--muted:#70817a;--gold:#9b762d;--line:#e1e9e4;--pale:#eff3f1;--green:#173f34;color-scheme:light}body{font-family:'Tajawal',Tahoma,Arial,sans-serif}.wrap{max-width:1380px;padding:0 24px}.ns-site-header{position:relative;z-index:20;margin:0 -24px;padding:0 24px;background:var(--white);border-bottom:1px solid var(--line)}.ns-header-inner{display:flex;align-items:center;gap:28px;max-width:1320px;margin:auto;min-height:80px}.ns-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:23px;font-weight:800}.ns-brand img{width:44px;height:44px;object-fit:contain}.ns-brand span{display:grid}.ns-brand small{font:10px Arial,sans-serif;letter-spacing:3px}.ns-menu{position:relative}.ns-menu>summary{list-style:none;cursor:pointer;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.ns-menu>summary::-webkit-details-marker{display:none}.ns-menu .top-links{position:absolute;top:54px;right:0;width:min(340px,75vw);max-height:70vh;overflow:auto;display:grid;padding:12px;background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px #102b1d20}.ns-menu a{display:block;padding:10px 14px;text-decoration:none;color:var(--ink);border-radius:8px}.ns-menu a:hover,.ns-menu a[aria-current]{background:var(--pale);color:var(--gold)}.ns-header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:18px}.ns-header-label{font:11px Arial;letter-spacing:2px;color:var(--muted)}#siteTheme{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:999px;padding:9px 13px;cursor:pointer}.ns-subnav{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:25px 0;color:var(--muted);font-size:13px}.ns-subnav>div{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.ns-subnav a{color:inherit;text-decoration:none}.intro{padding-top:10px}.ns-price-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:space-between;margin:12px 0}.ns-price-status p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;flex:1 1 180px}.ns-estimate-note{font-size:11px;line-height:1.7;color:var(--muted);margin:4px 0 0}.ns-directory{padding:16px;margin:18px 0;background:var(--pale);border:1px solid var(--line);border-radius:14px}.ns-guide{margin:55px 0 32px;border-top:1px solid var(--line);padding-top:36px;line-height:1.9}.ns-kicker{color:var(--gold);font-weight:700}.ns-guide h2{font-size:25px;margin:12px 0}.ns-guide h3{font-size:18px}.ns-guide p{color:var(--muted);max-width:1000px}.ns-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:24px 0 30px}.ns-guide-grid article{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px}.ns-guide details{padding:15px 0;border-bottom:1px solid var(--line)}.ns-guide summary{cursor:pointer;font-weight:700}.ns-related{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:28px}.ns-related a,.ns-author a{color:var(--gold);text-underline-offset:4px}.ns-author{font-size:13px}.ns-quote-origin{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}noscript{display:block;padding:14px;border:1px solid var(--gold);border-radius:12px;color:var(--ink)}
[data-theme=dark]{--bg:#101d19;--white:#192b24;--ink:#eff5f1;--muted:#a6b8ad;--line:#304638;--gold:#dfbd76;--pale:#21372d;--green:#82b99b;color-scheme:dark}[data-theme=dark] .btn.primary{background:#d5b16b;color:#152f26}[data-theme=dark] .viewport{background:#f8f7f2;color:#173f34}[data-theme=dark] .viewport .badge,[data-theme=dark] .viewport .pill{background:#ffffffed;color:#173f34}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--white);color:var(--ink)}[data-theme=dark] .warn{color:#e3bd83;background:#383321}[data-theme=dark] .receipt{background:#10221b;color:var(--ink)}[data-theme=dark] dialog{background:var(--white);color:var(--ink)}[data-theme=dark] .segmented button.active{color:#152f26;background:#d5b16b}[data-theme=dark] .font-card{background:var(--white);color:var(--ink)}
@media(max-width:800px){.wrap{padding:0 16px}.ns-site-header{margin:0 -16px;padding:0 16px}.ns-header-inner{gap:14px;min-height:72px}.ns-header-label{display:none}.ns-brand{font-size:19px}.ns-brand img{width:38px;height:38px}.ns-menu>summary{padding:9px 12px}.ns-subnav{align-items:flex-start;flex-direction:column}.ns-guide-grid{grid-template-columns:1fr}.ns-guide h2{font-size:22px}.ns-guide{margin-top:35px}#siteTheme{font-size:11px;padding:9px}.ns-guide-grid article{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
[data-theme=dark]{--green:#173f34;--ui:'Tajawal',Tahoma,Arial,sans-serif}[data-theme=dark] .settings,[data-theme=dark] .stage-foot,[data-theme=dark] .btn,[data-theme=dark] .chip,[data-theme=dark] .type-tab,[data-theme=dark] .font-option,[data-theme=dark] .segment,[data-theme=dark] .color-btn,[data-theme=dark] .finish-options button,[data-theme=dark] .font-library-dialog .modal-head,[data-theme=dark] .font-filter{background:var(--white);color:var(--ink)}[data-theme=dark] .name-input{background:var(--white)!important;color:var(--ink)!important}[data-theme=dark] .estimate{background:#214638;color:#fff}[data-theme=dark] .estimate .ns-estimate-note{color:#d2dfd2}[data-theme=dark] .text-btn{color:#dfbd76}[data-theme=dark] .btn.primary,[data-theme=dark] .btn.gold{color:#152f26;background:#d5b16b;border-color:#d5b16b}[data-theme=dark] .type-tab.active,[data-theme=dark] .segment.active,[data-theme=dark] .font-option.active,[data-theme=dark] .color-btn.active,[data-theme=dark] .finish-options button.active,[data-theme=dark] .font-filter.active,[data-theme=dark] .font-card.is-selected{background:#373522;color:#efd499;border-color:#bc9953}[data-theme=dark] .badge{background:#213d2f;color:#d6e6d6;border-color:var(--line)}[data-theme=dark] .stage-foot .chip{color:var(--ink)}
:root{--ui:'Tajawal',Tahoma,Arial,sans-serif}.ns-estimate-note{grid-column:1 / -1;order:3}.estimate .ns-estimate-note{color:#c7d7c8}.estimate .measure-row{grid-column:1 / -1}