@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}@font-face{font-family:UKIJDiwani;src:url(/fonts/UKIJDiwani.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gulzar;src:url(/fonts/Gulzar.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rabat;src:url(/fonts/Rabat.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Raqq;src:url(/fonts/Raqq.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:RanaKufi;src:url(/fonts/RanaKufi.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Blaka;src:url(/fonts/Blaka.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:#8f6415;--accent-hover:#75520e;--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:#8f64151a;--toolbar-bg:#faf5e8e6;--bg-panel-floating:#fffdf6;--info-text:#75520e;--info-bg:#f0e0b0;--row-bg:#f5eeda;--selection-bg:#ecdfb0;--selection-border:#8f6415;--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}.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}.checkboxRowWithDemo{align-items:center;gap:6px;display:flex}.checkboxRowWithDemo .checkboxRow{min-width:0}.demoHintAnchor{display:inline-flex}.blockControlDemo{min-width:0;display:inline-flex}.demoHintCaption{color:var(--text-primary);margin-top:6px;padding:0 2px 2px;font-size:12px;line-height:1.35}.demoHintButton{color:var(--text-muted);cursor:help;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:inline-flex}.demoHintButton:hover,.demoHintButton:focus-visible{color:var(--text-primary)}.demoHintPopover{z-index:2000;pointer-events:none;background:var(--bg-panel-floating);border:1px solid var(--border-soft);box-sizing:border-box;border-radius:10px;padding:6px;position:fixed;box-shadow:0 12px 32px #00000059}.demoHintPopover img{border-radius:6px;width:100%;height:auto;display:block}.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:24px;height:24px;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:34px;height:34px;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}.sidebarTashkeelKey{font-size:24px}.sidebarTashkeelNote{color:var(--text-muted);text-align:center;font-size:11px;line-height:1.5}.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;min-width:24px;min-height:24px;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}.nameDesignDialog{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}.nameDesignHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.nameDesignHeader>*{min-width:0}.nameDesignTitle{font-family:var(--font-display);color:var(--text-primary);font-size:17px;font-weight:600}.nameDesignSubtitle{color:var(--text-muted);margin-top:3px;font-size:12px;line-height:1.5}.nameDesignGrid{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;min-height:0;padding:2px;display:grid;overflow-y:auto}.nameDesignGrid>*{min-width:0}.stackEditorDialog{box-sizing:border-box;border:1px solid var(--border);background:var(--bg-panel-floating);border-radius:14px;flex-direction:column;gap:10px;width:min(1180px,96vw);height:90vh;max-height:90vh;padding:14px 16px;display:flex;box-shadow:0 24px 60px #00000073}.stackEditorBody{flex:1;grid-template-columns:minmax(0,1fr) 280px;gap:12px;min-height:0;display:grid}.stackEditorBody>*{min-width:0}.stackEditorProof{border:1px solid var(--border-soft);border-radius:10px;min-height:0;position:relative;overflow:hidden}.stackEditorProof>div{position:absolute;inset:0}.stackEditorSide{flex-direction:column;gap:10px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.stackEditorSide h4{letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);margin:4px 0 0;font-size:12px;font-weight:600}.stackEditorGestures{color:var(--text-secondary);flex-direction:column;gap:4px;margin:0;padding:0;font-size:12px;line-height:1.45;list-style:none;display:flex}.stackEditorGestures strong{color:var(--text-primary);font-weight:600}.stackEditorTemplates{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;display:grid}.stackEditorTemplate{border:1px solid var(--border-soft);background:var(--bg-panel);color:var(--text-primary);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;font-size:12px;display:flex}.stackEditorTemplate svg{width:28px;height:40px}.stackEditorTemplate--active{border-color:var(--accent);background:var(--accent-soft)}.stackEditorFooter{align-items:center;gap:8px;display:flex}.stackEditorFooter .sidebarSmallAction{width:auto;padding:9px 14px}.stackEditorFooter .sidebarSmallAction[disabled]{opacity:.5;cursor:default}.stackEditorStatus{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.stackEditorTitle{font-family:var(--font-display);color:var(--text-primary);font-size:17px;font-weight:600}.stackEditorTitle bdi{font-family:inherit}.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}.practiceSheetDialog{width:min(460px,100%)}.practiceSheetToggle{color:var(--text-secondary);margin:-6px 0 12px;font-size:12px;display:block}.practiceSheetRows{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.practiceSheetRows>*{min-width:0}.practiceSheetRowField{display:block}.practiceSheetRowField .hexInput{width:100%;min-width:0}.practiceSheetReadout{color:var(--text-muted);margin-bottom:12px;font-size:12px}.practiceSheetHint{color:var(--danger);margin:-6px 0 12px;font-size:12px}.practiceSheetNotice{background:var(--accent-soft);color:var(--text-secondary);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}.nameDesignDialog{max-height:88vh}.nameDesignGrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.nameDesignEmpty{background:var(--overlay-hover);color:var(--text-muted);border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.5}.fontPickerBody{flex:1;min-height:0;padding:2px;overflow-y:auto}.fontPickerGenre{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:14px 2px 6px;font-size:10px;font-weight:600}.fontPickerBody>section:first-child .fontPickerGenre{margin-top:2px}.fontPickerGrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.fontPickerGrid>*{min-width:0}.fontPickerCard{border:1px solid var(--border-soft);background:var(--overlay-hover);color:var(--text-primary);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;display:flex}.fontPickerCard:hover{border-color:var(--border)}.fontPickerCard--active{border-color:var(--accent);outline:1px solid var(--accent)}.fontPickerSample{width:100%;min-width:0;color:var(--text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:30px;line-height:1.6;display:block;overflow:hidden}.fontPickerLabel{color:var(--text-muted);font-size:11px}.fontPickerShell{padding:0}.fontPickerTrigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.fontPickerTriggerLabel{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.fontPickerTriggerHint{color:var(--text-muted);flex-shrink:0;font-size:11px}.fontStrip{scroll-snap-type:x proximity;gap:6px;min-width:0;padding:2px 0 6px;display:flex;overflow-x:auto}.fontStrip>*{flex:none;min-width:0}.fontStripCard{scroll-snap-align:center;border:1px solid var(--border-soft);background:var(--overlay-hover);width:112px;color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 6px}.fontStripCard:hover{border-color:var(--border)}.fontStripCard--active{border-color:var(--accent);outline:1px solid var(--accent)}.fontStripSample{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:24px;line-height:1.5;display:block;overflow:hidden}.nameDesignOptionRow{align-items:center;gap:8px;padding-top:2px;display:flex}.nameDesignOptionRow>*{min-width:0}.nameDesignOptionRow label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.nameDesignHint{min-width:0;color:var(--text-muted);flex:1;font-size:11px;line-height:1.5}.nameDesignActions{align-items:center;gap:8px;display:flex}.nameDesignActions>*{min-width:0}.nameDesignSpacer{flex:1}:where(button,select,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.blockControlGroup{margin-top:10px}.blockControlGroupLabel{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:500}.blockControlGrid{grid-template-columns:repeat(4,34px);justify-content:start;gap:8px;display:grid}.blockControlGrid--inline{grid-template-columns:repeat(3,34px)}.blockControlGrid--add{grid-template-columns:repeat(3,minmax(0,1fr))}.blockControlSplit{flex-wrap:wrap;gap:20px;display:flex}.blockControlSplit .blockControlGroup{min-width:0}.sidebarPresetKeyboardSummary{cursor:pointer;list-style:none;position:relative}.sidebarPresetKeyboardSummary::-webkit-details-marker{display:none}.sidebarPresetKeyboardSummary:after{content:"";border-right:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);width:6px;height:6px;transition:transform .15s;position:absolute;top:4px;right:2px;transform:rotate(45deg)}details[open]>.sidebarPresetKeyboardSummary:after{transform:rotate(-135deg)}details:not([open])>.sidebarPresetKeyboardSummary{border-bottom:none;margin-bottom:0;padding-bottom:0}.startScreen{z-index:3000;background:var(--bg-page);color:var(--text-primary);flex-direction:column;gap:12px;padding:28px clamp(16px,6vw,96px);display:flex;position:fixed;inset:0;overflow:hidden}.startScreenHeader{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.startScreenHeader>*{min-width:0}.startScreenTitle{letter-spacing:.02em;margin:0;font-size:22px}.startScreenSubtitle{color:var(--text-muted);margin:2px 0 0;font-size:13px}.startScreenInput{border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);border-radius:10px;flex:320px;padding:10px 14px;font-size:28px}.startScreenKeyboardBtn{border:1px solid var(--border-soft);background:var(--bg-input);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.startScreenKeyboardBtn:hover{border-color:var(--accent);color:var(--accent)}.startScreenKeyboardBtn--on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.startScreenKeyboard{flex:none;align-self:center;width:min(560px,100%)}.startScreenSkip{border:1px solid var(--border-soft);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex:none;padding:8px 14px}.startScreen .fontPickerBody{flex:1}.startScreen .fontPickerSample{font-size:40px;line-height:1.7}.startScreen .fontPickerBody{flex-wrap:wrap;align-content:flex-start;gap:12px 28px;display:flex}.startScreen .fontPickerBody>section{flex:0 1 calc(var(--cards,1) * 190px + (var(--cards,1) - 1) * 10px);min-width:0;max-width:100%}.startScreen .fontPickerGenre{margin-top:2px}.startScreen .fontPickerGrid{grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),190px));display:grid}.startScreen .fontPickerGrid>*{min-width:0}.sidebarMarkGroup>summary{cursor:pointer;color:var(--text-secondary);padding:2px 0;font-size:12px}.sidebarMarkGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:6px;display:grid}.sidebarMarkKey{aspect-ratio:1;border:1px solid var(--border-soft);background:var(--key-bg);min-width:0;color:var(--key-text);cursor:pointer;box-shadow:0 2px 0 var(--key-shadow);border-radius:8px;padding:4px}.sidebarMarkKey:hover{background:var(--key-hover);border-color:var(--accent)}.sidebarMarkKey svg{width:100%;height:100%;display:block}