.glyph-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:9px 14px;background:#f9f9f2;border-bottom:1px solid #dde3d5;min-height:48px}.mode-switch{display:flex;border:1px solid #d9dfcf;border-radius:4px;overflow:hidden}.mode-switch button{border-radius:0;padding:7px 10px;font-size:10px}.mode-switch button[aria-pressed=true]{background:#193f35;color:#fffdf3}.glyph-toolbar>button{font-size:10px;border:1px solid #d6c49a;background:#f7f1e4}.glyph-toolbar small{font-size:8px;color:#8c967e}kbd{font:9px 'Segoe UI',sans-serif;background:#ece7d8;border-radius:2px;padding:1px 4px;margin-left:7px;color:#877348}.glyph-panel{margin:14px 0 25px;border:1px solid #d9ddca;padding:12px;background:#f8f7ee;border-radius:5px}.glyph-panel .section-title{margin-bottom:10px}.glyph-panel .section-title>span{color:#a1844f;font-size:9px}.glyph-strip{display:flex;gap:5px;overflow-x:auto;padding:5px 2px 10px;scrollbar-width:thin}.glyph-strip>button{padding:2px;min-width:43px;flex:0 0 43px;height:55px;border:1px solid #dfe2d2;background:#fffef8;line-height:0}.glyph-strip button svg{width:100%;height:100%}.glyph-strip button:hover,.glyph-strip button.active{background:#efe4c8;border-color:#a88b4e}.glyph-alternatives{display:grid;grid-template-columns:1fr 1fr;gap:5px}.shape-choice{padding:4px;border:1px solid #dce0d2;background:#fffef8;text-align:center;overflow:hidden}.shape-choice svg{display:block;width:100%;height:70px}.shape-choice strong{display:block;font-size:9px;font-weight:500;line-height:1.5}.shape-choice small{display:block;font-size:6px;letter-spacing:.6px;color:#8a947b;margin:4px 0}.shape-choice:hover,.shape-choice.active{background:#f4e9cc;border-color:#b69a5d}.shape-choice.active{box-shadow:inset 0 0 0 1px #b69a5d}.glyph-panel .property-row{gap:7px}.glyph-panel .property-row label{font-size:9px}.glyph-panel .subtle{font-size:9px}.glyph-panel .wide{font-size:9px}.glyph-shape{cursor:crosshair}.glyph-shape .glyph-path{pointer-events:visiblePainted}.shape-dialog{width:760px}.shape-dialog h2{margin-bottom:8px}.shape-dialog>p{margin-top:0}.large-strip{padding:9px;background:#f0f2e6;border-radius:4px;margin-bottom:18px}.large-strip>button{min-width:56px;flex-basis:56px;height:66px}.palette-tabs{display:flex;gap:5px;border-bottom:1px solid #d8decc;margin-bottom:17px}.palette-tabs button{border-radius:0;padding:10px 16px;font-size:11px}.palette-tabs button[aria-pressed=true]{border-bottom:2px solid #a98b4b;background:#f1ecdb}.shape-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-height:44vh;overflow:auto;padding:2px}.shape-options .shape-choice{padding:13px 8px}.shape-options .shape-choice svg{height:100px}.shape-options .shape-choice strong{font-size:11px}.shape-options .shape-choice small{font-size:7px}.template-preview.thuluth{font-family:Thuluth;font-size:28px}.template-preview.diwani{font-family:Diwani;font-size:28px}.right-panel{max-height:calc(100vh - 189px);overflow-y:auto;scrollbar-width:thin;position:sticky;top:0}.right-panel #properties>.field-label:first-child{margin-top:5px}
@media(max-width:1120px){.glyph-toolbar small{display:none}.mode-switch button{padding:6px 8px;font-size:9px}.glyph-toolbar>button{padding:6px;font-size:9px}}
@media(max-width:850px){.right-panel{position:static;max-height:none;overflow:visible}.glyph-panel{grid-column:1/-1;margin:0}.right-panel fieldset{grid-row:auto}.glyph-panel .glyph-alternatives{grid-template-columns:repeat(4,1fr)}.glyph-panel .property-row{display:inline-grid;width:48%;margin-right:1%}.glyph-panel .glyph-strip>button{flex-basis:50px;height:60px}}
@media(max-width:560px){.glyph-toolbar{padding:8px;gap:5px}.glyph-toolbar>button{font-size:9px}.mode-switch button{font-size:9px;padding:7px}.shape-dialog{padding:25px 18px}.shape-dialog h2{font-size:25px}.shape-options{grid-template-columns:repeat(2,1fr);gap:8px}.shape-options .shape-choice svg{height:90px}.large-strip>button{flex-basis:47px;min-width:47px}.glyph-panel{margin-bottom:25px}.glyph-panel .glyph-alternatives{grid-template-columns:repeat(2,1fr)}}
@media print{.glyph-toolbar{display:none!important}}
.shape-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;font-size:11px;color:#66765e}.shape-pagination span{flex:1;text-align:center}.shape-pagination button{border:1px solid #d8decc;padding:5px 14px}.shape-pagination button:disabled{opacity:.35}