@font-face{font-family:TahaNaskhRegular;src:url(/fonts/TahaNaskhRegular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kufi;src:url(/fonts/Kufi.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kufi2;src:url(/fonts/Kufi2.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Urdu;src:url(/fonts/Urdu.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ThuluthDeco;src:url(/fonts/ThuluthDeco.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AlFatemi;src:url(/fonts/AlFatemi.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:FatemiMaqala;src:url(/fonts/FatemiMaqala.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Thuluth;src:url(/fonts/Thuluth.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Wessam;src:url(/fonts/Wessam.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Yekan;src:url(/fonts/Yekan.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lateef;src:url(/fonts/Lateef.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(/fonts/Amiri.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Ruqaa;src:url(/fonts/Ruqaa.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Qahiri;src:url(/fonts/Qahiri.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Scheherazade;src:url(/fonts/Scheherazade.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:HarfCanvasDiwani;src:url(/fonts/HarfCanvasDiwani.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-page:#0d1526;--bg-sidebar-start:#132038;--bg-sidebar-end:#0e1830;--bg-panel:#16233d;--bg-input:#1a2842;--bg-canvas-area:#0a1220;--text-primary:#f0e6c8;--text-secondary:#c9b98a;--text-muted:#8a92a8;--text-faint:#5d6478;--text-on-accent:#16233d;--border:#2a3a5c;--border-soft:#223252;--accent:#d4af37;--accent-hover:#e8c766;--accent-soft:#4a3f1f;--accent-soft-hover:#5c4d26;--danger:#ff6b6b;--danger-soft:#4a1f1f;--danger-soft-hover:#5c2626;--text-on-danger:#fff;--success:#4ade80;--warning:#ffab40;--neutral:#7a8299;--neutral-dark:#5c6377;--neutral-light:#9aa2b8;--key-bg:#1a2842;--key-text:#f0e6c8;--key-hover:#24345a;--key-shadow:#0006;--key-shadow-active:#00000059;--overlay-hover:#f0e6c80f;--overlay-accent-hover:#d4af371a;--toolbar-bg:#132038e6;--bg-panel-floating:#101b30;--font-display:"Spectral", Georgia, "Times New Roman", serif;--info-text:#d4af37;--info-bg:#2a2410;--row-bg:#182645;--selection-bg:#2a3f66;--selection-border:#d4af37;--merge-bg:#3d3315;--merge-border:#d4af37;--input-bg-solid:#16233d;color:var(--text-primary);background:var(--bg-page);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg-page:#f2ead9;--bg-sidebar-start:#f7f0e0;--bg-sidebar-end:#ede2c8;--bg-panel:#faf5e8;--bg-input:#f5eeda;--bg-canvas-area:#ece1c8;--text-primary:#1a2340;--text-secondary:#34406b;--text-muted:#6b7290;--text-faint:#9aa0b8;--text-on-accent:#fff;--border:#d8c9a0;--border-soft:#e6dab8;--accent:#a8791a;--accent-hover:#8f6a12;--accent-soft:#f0e0b0;--accent-soft-hover:#e6d090;--danger:#c33;--danger-soft:#f5d5d5;--danger-soft-hover:#eeb8b8;--text-on-danger:#fff;--success:#1f9e5c;--warning:#cc7a00;--neutral:#6b7290;--neutral-dark:#4a5070;--neutral-light:#8a90a8;--key-bg:#f5eeda;--key-text:#1a2340;--key-hover:#ede2c8;--key-shadow:#5a461440;--key-shadow-active:#5a461433;--overlay-hover:#1a23400d;--overlay-accent-hover:#a8791a1a;--toolbar-bg:#faf5e8e6;--bg-panel-floating:#fffdf6;--info-text:#8f6a12;--info-bg:#f0e0b0;--row-bg:#f5eeda;--selection-bg:#ecdfb0;--selection-border:#a8791a;--merge-bg:#f5e6a8;--merge-border:#b8901c;--input-bg-solid:#fff}}html,body,#root{height:100%;margin:0}*{box-sizing:border-box}.sidebar{background:var(--bg-panel);flex-shrink:0;width:100%;height:100vh;padding:0;font-family:system-ui,sans-serif;position:relative}.sidebarInner{flex-direction:column;gap:12px;min-height:100%;padding:12px;display:flex}.sidebarPanel{background:var(--bg-panel);box-shadow:none;border:none;border-radius:14px;padding:12px}.sidebarTitle{font-family:var(--font-display);color:var(--text-primary);margin:0;font-style:italic;font-weight:600}.sidebarSectionTitle{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:15px;font-weight:600;display:block}.field{min-width:0;margin-bottom:8px;display:block}.fieldTitle{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:400;display:block}.shell{background:var(--bg-input);width:100%;box-shadow:none;border:none;border-radius:10px;padding:8px 10px}.select{cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:14px;font-weight:400}.floatingKeyboard{z-index:1000;background:var(--bg-panel-floating);border:1px solid var(--border-soft);box-sizing:border-box;border-radius:14px;width:min(560px,100vw - 24px);max-height:60vh;padding:10px;position:fixed;bottom:12px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 12px 32px #00000059}.floatingKeyboardHeader{font-family:var(--font-display);color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 4px;font-size:14px;font-weight:600;display:flex}.fontSelectShell{padding:0;position:relative}.fontSelectTrigger{text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.fontSelectTriggerLabel{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.fontSelectCaret{color:var(--text-muted);flex-shrink:0;font-size:11px}.fontSelectList{z-index:30;background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:10px;max-height:260px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.fontSelectOption{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 10px;font-size:14px;display:block}.fontSelectOption:hover{background:var(--overlay-hover)}.fontSelectOption--active{background:var(--accent-soft);color:var(--accent)}.historyPopoverShell{display:inline-flex;position:relative}.historyPopoverList{z-index:30;background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:10px;flex-direction:column;gap:4px;width:170px;max-height:320px;margin:0;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.historyPopoverItem{width:100%;min-width:0;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:4px 6px;font-size:11px;display:flex}.historyPopoverItem:hover:not(:disabled){background:var(--overlay-hover)}.historyPopoverItem--current{cursor:default}.historyPopoverThumb,.historyPopoverThumbPlaceholder{border:1px solid var(--border-soft);background:var(--bg-input);object-fit:cover;border-radius:4px;flex-shrink:0;width:48px;height:36px}.historyPopoverLabel{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.historyPopoverEmpty{color:var(--text-faint);text-align:center;padding:8px;font-size:11px}.sidebarSectionButton{background:var(--bg-panel);cursor:pointer;width:100%;color:var(--text-primary);border:none;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:15px;display:flex}.sidebarSectionButton>span:first-child{font-family:var(--font-display);font-weight:600}.sectionDivider{align-items:center;gap:8px;margin:10px 2px 0;display:flex}.sectionDivider:before,.sectionDivider:after{content:"";background:var(--border-soft);flex:auto;height:1px}.sectionDivider span{background:var(--accent);opacity:.6;flex-shrink:0;width:5px;height:5px;transform:rotate(45deg)}.sectionPanel{flex-direction:column;gap:12px;margin-top:10px;display:flex}.checkboxRow{color:var(--text-primary);font-size:13px;font-weight:400;display:block}.checkboxRow input{margin-right:8px}.sidebarSmallAction{cursor:pointer;background:var(--bg-panel);width:100%;color:var(--text-primary);border:none;border-radius:10px;padding:9px 10px;font-size:13px;font-weight:400;transition:background .12s,transform 80ms,box-shadow 80ms;box-shadow:0 1px #00000024}.sidebarSmallAction:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.colorRowShell{background:var(--bg-input);border-radius:12px;align-items:center;gap:8px;padding:6px;display:flex}.colorInput,.sidebarColorInput{background:var(--bg-input);cursor:pointer;border:none;border-radius:10px;width:100%;height:40px;padding:4px;box-shadow:0 1px 3px #00000040}.colorInput::-webkit-color-swatch-wrapper{border-radius:8px;padding:0;overflow:hidden}.sidebarColorInput::-webkit-color-swatch-wrapper{border-radius:8px;padding:0;overflow:hidden}.colorInput::-webkit-color-swatch{border:none;border-radius:8px}.sidebarColorInput::-webkit-color-swatch{border:none;border-radius:8px}.colorInput::-moz-color-swatch{border:none;border-radius:8px}.sidebarColorInput::-moz-color-swatch{border:none;border-radius:8px}.hexInput{background:var(--input-bg-solid);min-width:64px;height:36px;color:var(--text-primary);letter-spacing:.02em;border:none;border-radius:8px;flex:1 1 0;padding:0 10px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:13px}.hexInput:focus{outline:2px solid var(--accent);outline-offset:-1px}.paletteSwatch{border:1px solid var(--border);cursor:pointer;border-radius:999px;width:20px;height:20px;padding:0;transition:transform .12s,box-shadow .12s}.paletteSwatch:hover{transform:scale(1.18)}.textArea,.sidebarTextarea{box-sizing:border-box;resize:vertical;background:var(--bg-input);width:100%;max-width:100%;min-height:120px;color:var(--text-primary);direction:rtl;border:none;border-radius:10px;padding:12px;font-size:18px;line-height:1.5}.rangeInput{cursor:pointer;width:100%;accent-color:var(--accent);appearance:none;background:0 0;outline:none;height:18px}.rangeInput::-webkit-slider-runnable-track{background:var(--bg-input);border-radius:999px;height:6px}.rangeInput::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--bg-panel);cursor:pointer;border-radius:999px;width:18px;height:18px;margin-top:-6px;transition:transform .1s,background .1s;box-shadow:0 1px 4px #0006}.rangeInput:hover::-webkit-slider-thumb{background:var(--accent-hover);transform:scale(1.15)}.rangeInput::-moz-range-track{background:var(--bg-input);border-radius:999px;height:6px}.rangeInput::-moz-range-progress{background:var(--accent);border-radius:999px;height:6px}.rangeInput::-moz-range-thumb{background:var(--accent);border:2px solid var(--bg-panel);cursor:pointer;border-radius:999px;width:14px;height:14px;transition:transform .1s,background .1s;box-shadow:0 1px 4px #0006}.rangeInput:hover::-moz-range-thumb{background:var(--accent-hover);transform:scale(1.15)}.rangeResetBtn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:13px;line-height:1}.rangeResetBtn:hover{color:var(--accent);background:var(--overlay-accent-hover)}.sidebarCircleButton{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:700;line-height:1;transition:background .12s;display:inline-flex}.sidebarCircleButton:hover:not(:disabled){background:var(--accent-soft-hover);color:var(--text-on-accent)}.sidebarCircleButton--light{font-size:12px;font-weight:400}.sidebarCircleButton:disabled{opacity:.35;cursor:not-allowed}.sidebarCircleButton--danger{background:var(--danger-soft);color:var(--danger)}.sidebarCircleButton--danger:hover:not(:disabled){background:var(--danger);color:var(--text-on-danger)}.sidebarPillButton{background:var(--accent-soft);height:30px;color:var(--accent);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;flex:auto;justify-content:center;align-items:center;gap:6px;min-width:0;padding:0 12px;font-size:12px;font-weight:500;transition:background .12s,transform 80ms,box-shadow 80ms;display:inline-flex;box-shadow:0 1px #0000001f}.sidebarPillButton:hover:not(:disabled){background:var(--accent-soft-hover);color:var(--text-on-accent)}.sidebarPillButton:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.sidebarPillButton:disabled{opacity:.35;cursor:not-allowed}.sidebarPillButton--active{background:var(--accent);color:var(--text-on-accent)}.sidebarPillButton--active:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.sidebarPresetKeyboard{border:1px solid var(--border-soft);background:var(--bg-input);box-sizing:border-box;border-radius:14px;padding:12px 10px 10px;box-shadow:inset 0 1px 4px #00000026}.sidebarPresetKeyboardTitle{font-family:var(--font-display);letter-spacing:.02em;color:var(--accent);border-bottom:1px solid var(--border-soft);justify-content:center;align-items:center;gap:6px;margin-bottom:12px;padding-bottom:8px;font-size:13px;font-style:italic;font-weight:600;display:flex}.sidebarPresetKeyboardRow{flex-wrap:nowrap;justify-content:center;gap:5px;display:flex}.sidebarPresetKeyboardRow+.sidebarPresetKeyboardRow{margin-top:5px}.sidebarPresetKeyboardKey{text-align:center;border:1px solid var(--border-soft);background:var(--key-bg);min-width:0;height:42px;color:var(--key-text);cursor:pointer;box-shadow:0 2px 0 var(--key-shadow), inset 0 1px 0 #ffffff0d;border-radius:8px;flex:1 1 0;padding:6px 4px;font-size:18px;line-height:1.1;transition:background .1s,transform 60ms,box-shadow 60ms,border-color .12s;position:relative}.sidebarPresetKeyboardKey:hover{background:var(--key-hover);border-color:var(--accent);box-shadow:0 3px 0 var(--key-shadow), inset 0 1px 0 #ffffff0f;transform:translateY(-1px)}.sidebarPresetKeyboardKey:active{box-shadow:0 1px 0 var(--key-shadow-active);transform:translateY(1px)}.sidebarPresetKeyboardKeyWide{font-size:14px}.sidebarPresetKeyboardKeyLarge{font-size:34px}.sidebarPresetKeyboardKeyAction{color:var(--text-secondary);flex:1.4 1 0;font-size:15px}.sidebarPresetKeyboardKeyActive{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset, 0 2px 0 var(--key-shadow)}.sidebarPresetKeyboardKeySpace{letter-spacing:.04em;color:var(--text-muted);flex:auto;font-size:12px}.sidebarPresetKeyboardKeyHint{color:var(--text-faint);pointer-events:none;font-size:9px;line-height:1;position:absolute;top:3px;right:5px}.layerIconBtn{cursor:pointer;opacity:.65;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 3px;font-size:12px;transition:background .1s,opacity .1s;display:inline-flex}.layerIconBtn:hover{opacity:1;background:var(--overlay-hover)}.smallButton{cursor:pointer;border:none;border-radius:4px;width:100%;padding:8px;font-size:14px}.smallButtonBlue{background:var(--accent);color:var(--text-on-accent)}.smallButtonGray{background:var(--neutral);color:var(--text-on-accent)}.smallButtonRed{background:var(--danger);color:var(--text-on-accent)}.smallButtonGreen{background:var(--success);color:var(--text-on-accent)}.smallButtonOrange{background:var(--warning);color:var(--text-on-accent)}.smallButtonDark{background:var(--neutral-dark);color:var(--text-on-accent)}.smallButtonLight{background:var(--neutral-light);color:var(--text-on-accent)}.sidebarActionGrid{gap:8px;margin-top:12px;display:grid}.sidebarActionGrid.mobile{grid-template-columns:1fr 1fr}.sidebarActionGrid.desktop{grid-template-columns:1fr}.sidebarSmallAction--danger{background:var(--danger-soft);color:var(--danger)}.sidebarSmallAction--danger:hover{background:var(--danger);color:var(--text-on-danger)}.sidebarSmallAction--accent{background:var(--accent);color:var(--text-on-accent)}.sidebarSmallAction--accent:hover{background:var(--accent);color:var(--text-on-accent);filter:brightness(1.1)}.confirmDialogOverlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.confirmDialog{background:var(--bg-panel-floating);border:1px solid var(--border-soft);box-sizing:border-box;border-radius:14px;width:min(380px,100%);padding:20px;box-shadow:0 16px 40px #0006}.confirmDialogTitle{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:17px;font-weight:600}.confirmDialogMessage{color:var(--text-secondary);margin-bottom:18px;font-size:13px;line-height:1.5}.confirmDialogActions{justify-content:flex-end;gap:8px;display:flex}.confirmDialogActions .sidebarSmallAction{width:auto;padding:9px 16px}.templateWizardDialog{width:min(420px,100%);max-height:min(600px,85vh);overflow-y:auto}.templateWizardField{margin-bottom:12px}.templateWizardField label{color:var(--text-secondary);margin-bottom:4px;font-size:12px;display:block}.templateWizardInput{box-sizing:border-box;background:var(--bg-input);width:100%;color:var(--text-primary);direction:rtl;border:none;border-radius:8px;padding:10px 12px;font-size:16px}.templateWizardInput:focus{outline:2px solid var(--accent);outline-offset:-1px}.templateWizardWarning{color:var(--text-muted);margin:4px 0 14px;font-size:12px}.canvasToolbar{z-index:20;background:var(--toolbar-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 10px #00000014}.canvasToolbarBtn{min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:500;transition:background .12s,color .12s,transform 80ms;display:inline-flex}.canvasToolbarBtn:hover{background:var(--overlay-hover);color:var(--text-primary)}.canvasToolbarBtn:active{transform:translateY(1px)}.canvasToolbarBtn--active{background:var(--accent-soft);color:var(--accent)}.canvasToolbarBtn--active:hover{background:var(--accent-soft-hover);color:var(--text-on-accent)}.canvasToolbarDivider{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 4px}.canvasToolbarZoomLabel{min-width:44px}.guideBackdrop{z-index:2100;background:#00000073;justify-content:flex-end;display:flex;position:fixed;inset:0}.guideDrawer{box-sizing:border-box;background:var(--bg-panel-floating);border-left:1px solid var(--border);flex-direction:column;width:min(720px,100vw);height:100%;animation:.16s ease-out guideDrawerIn;display:flex;box-shadow:-16px 0 40px #00000059}.guideDrawer--mobile{width:100vw}@keyframes guideDrawerIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.guideDrawer{animation:none}}.guideDrawerHeader{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px 8px;display:flex}.guideDrawerHeader>*{min-width:0}.guideDrawerTitle{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:17px;font-weight:600}.guideDrawerSearch{padding:10px 14px}.guideDrawerBody{flex:1;grid-template-columns:200px 1fr;min-height:0;display:grid}.guideDrawerBody>*{min-width:0}.guideDrawerBody--mobile{flex-direction:column;display:flex;overflow-y:auto}.guideSectionList{border-right:1px solid var(--border-soft);flex-direction:column;gap:2px;padding:6px 8px 14px;display:flex;overflow-y:auto}.guideDrawerBody--mobile .guideSectionList{border-right:none;border-bottom:1px solid var(--border-soft);flex-flow:wrap;overflow:visible}.guideSectionListItem{text-align:left;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 9px;font-family:inherit;font-size:12.5px;line-height:1.3;transition:background .12s,color .12s}.guideSectionListItem:hover{background:var(--overlay-hover);color:var(--text-primary)}.guideSectionListItem--active{background:var(--accent-soft);color:var(--accent);font-weight:600}.guideSectionListItem--active:hover{background:var(--accent-soft-hover);color:var(--text-on-accent)}.guidePane{color:var(--text-secondary);padding:4px 18px 28px;font-size:13px;line-height:1.6;overflow-y:auto}.guideDrawerBody--mobile .guidePane{overflow:visible}.guidePaneTitle{font-family:var(--font-display);color:var(--text-primary);margin:12px 0 10px;font-size:19px;font-weight:600}.guidePane h4{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin:20px 0 6px;font-size:12px;font-weight:600}.guidePane p{margin:0 0 10px}.guidePane ul,.guidePane ol{margin:0 0 10px;padding-inline-start:20px}.guidePane li{margin-bottom:6px}.guidePane strong{color:var(--text-primary);font-weight:600}.guidePane em{color:var(--text-primary);font-style:italic}.guideShortcuts{margin:0 0 12px}.guideShortcutRow{border-bottom:1px solid var(--border-soft);justify-content:space-between;gap:14px;padding:5px 0;display:flex}.guideShortcutRow>*{min-width:0}.guideShortcutKeys{color:var(--text-primary);margin:0}.guideShortcutDesc{text-align:right;color:var(--text-muted);margin:0}.guideEmpty{color:var(--text-muted);padding:8px 2px;font-size:12px}.artboardSizeRow{grid-template-columns:1fr 1fr;gap:10px;display:grid}.artboardSizeRow>*{min-width:0;margin-bottom:0}.artboardNumberInput{width:100%;min-width:0}.artboardOrientation{grid-template-columns:1fr 1fr;gap:8px;display:grid}.artboardOrientation>*{min-width:0}.artboardReadout{color:var(--text-muted);font-size:11px;line-height:1.5}.artboardReadout strong{color:var(--text-primary);font-weight:600}.ornamentPickerDialog{box-sizing:border-box;border:1px solid var(--border);background:var(--bg-panel-floating);border-radius:14px;flex-direction:column;gap:12px;width:min(880px,94vw);max-height:86vh;padding:16px 18px;display:flex;box-shadow:0 24px 60px #00000073}.ornamentPickerHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ornamentPickerHeader>*{min-width:0}.ornamentPickerTitle{font-family:var(--font-display);color:var(--text-primary);font-size:17px;font-weight:600}.ornamentPickerSubtitle{color:var(--text-muted);margin-top:3px;font-size:12px;line-height:1.5}.ornamentPickerSwatches{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.ornamentPickerSwatches>*{min-width:0}.ornamentPickerSwatchLabel{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-right:2px;font-size:11px}.ornamentPickerSwatch{border:1px solid var(--border);cursor:pointer;border-radius:6px;flex-shrink:0;width:20px;height:20px;padding:0}.ornamentPickerSwatch--active{outline:2px solid var(--accent);outline-offset:1px}.ornamentPickerColorInput{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;width:28px;height:22px;padding:0}.ornamentPickerGrid{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;min-height:0;padding:2px;display:grid;overflow-y:auto}.ornamentPickerGrid>*{min-width:0}.ornamentCard{border:1px solid var(--border-soft);background:var(--overlay-hover);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;display:flex}.ornamentThumb{width:100%;height:84px}.ornamentCardName{color:var(--text-primary);text-align:center;font-size:12px;font-weight:600}.ornamentCardNameAr{color:var(--text-muted);font-size:12px}.ornamentCardActions{flex-direction:column;gap:4px;width:100%;margin-top:4px;display:flex}.ornamentCardActions>*{min-width:0}.ornamentPickerOpenWide{align-items:center;gap:6px;margin-bottom:8px;display:inline-flex}.fontUploadDialog{width:min(440px,100%);max-height:88vh;overflow-y:auto}.fontUploadHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.fontUploadHeader>*{min-width:0}.fontUploadField{margin-bottom:12px;display:block}.fontUploadField .fieldTitle{margin-bottom:4px;display:block}.fontUploadFileInput{box-sizing:border-box;width:100%;color:var(--text-secondary);font-size:12px}.fontUploadLabelInput{text-align:start;direction:ltr}.fontUploadError{background:var(--danger-soft);color:var(--danger);border-radius:8px;margin-bottom:12px;padding:8px 10px;font-size:12px;line-height:1.5}.fontUploadCaveats{color:var(--text-muted);margin:0 0 16px;padding-left:18px;font-size:11px;line-height:1.55}.fontUploadCaveats li+li{margin-top:6px}.fontUploadOpen{justify-content:center;align-items:center;gap:6px;display:inline-flex}.customFontRow{margin-bottom:10px}.customFontList{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.customFontItem{background:var(--overlay-hover);border-radius:8px;align-items:center;gap:6px;padding:4px 4px 4px 8px;display:flex}.customFontItem>*{min-width:0}.customFontName{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.fontMissingNotice{background:var(--danger-soft);color:var(--danger);border-radius:8px;margin-bottom:8px;padding:8px 10px;font-size:11px;line-height:1.5}