.draw-page[data-astro-cid-4yl55rih]{padding:1rem 0}.desc[data-astro-cid-4yl55rih]{color:var(--subtext0);margin-bottom:1.5rem}.options[data-astro-cid-4yl55rih]{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.toggle-pill[data-astro-cid-4yl55rih]{cursor:pointer;user-select:none}.toggle-pill[data-astro-cid-4yl55rih] input[data-astro-cid-4yl55rih][type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-pill[data-astro-cid-4yl55rih] .pill[data-astro-cid-4yl55rih]{display:inline-block;padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--surface0);background:var(--mantle);color:var(--subtext0);font-size:.875rem;transition:all .2s}.toggle-pill[data-astro-cid-4yl55rih] input[data-astro-cid-4yl55rih][type=checkbox]:checked+.pill[data-astro-cid-4yl55rih]{background:var(--mauve);border-color:var(--mauve);color:var(--crust);font-weight:600}.toggle-pill[data-astro-cid-4yl55rih]:hover .pill[data-astro-cid-4yl55rih]{border-color:var(--mauve)}.toggle-pill[data-astro-cid-4yl55rih].small .pill[data-astro-cid-4yl55rih]{padding:.375rem .75rem;font-size:.8rem}.draw-area[data-astro-cid-4yl55rih]{background:var(--mantle);border:1px solid var(--surface0);border-radius:var(--radius);padding:1.5rem;margin-bottom:2rem}.draw-header[data-astro-cid-4yl55rih]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.char-info[data-astro-cid-4yl55rih]{display:flex;align-items:center;gap:.75rem}.draw-label[data-astro-cid-4yl55rih]{color:var(--subtext0);font-size:.9rem}.current-char[data-astro-cid-4yl55rih]{font-size:2rem;font-weight:700;color:var(--mauve);min-width:2.5rem;text-align:center}.current-char[data-astro-cid-4yl55rih].done{color:var(--green)}.char-progress[data-astro-cid-4yl55rih]{color:var(--overlay0);font-size:.85rem}.draw-actions[data-astro-cid-4yl55rih]{display:flex;gap:.5rem;flex-wrap:wrap}.canvas-wrapper[data-astro-cid-4yl55rih]{position:relative;display:flex;justify-content:center;margin-bottom:1rem}#draw-canvas[data-astro-cid-4yl55rih]{border:2px solid var(--surface1);border-radius:8px;cursor:crosshair;max-width:100%;height:auto;touch-action:none;background:#fff}.canvas-hint[data-astro-cid-4yl55rih]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.hint-char[data-astro-cid-4yl55rih]{font-size:280px;font-family:sans-serif;color:#00000014;user-select:none;line-height:1}.stroke-settings[data-astro-cid-4yl55rih]{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.stroke-settings[data-astro-cid-4yl55rih] label[data-astro-cid-4yl55rih]{display:flex;align-items:center;gap:.5rem;color:var(--subtext0);font-size:.85rem}.stroke-settings[data-astro-cid-4yl55rih] input[data-astro-cid-4yl55rih][type=range]{accent-color:var(--mauve);width:100px}.saved-grid-section[data-astro-cid-4yl55rih]{margin-bottom:2rem}.saved-grid[data-astro-cid-4yl55rih]{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.375rem}.saved-grid[data-astro-cid-4yl55rih] .saved-cell{background:var(--mantle);border:1px solid var(--surface0);border-radius:.375rem;padding:.25rem;text-align:center;cursor:pointer;transition:border-color .2s;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center}.saved-grid[data-astro-cid-4yl55rih] .saved-cell:hover{border-color:var(--mauve)}.saved-grid[data-astro-cid-4yl55rih] .saved-cell.active{border-color:var(--mauve);box-shadow:0 0 8px color-mix(in srgb,var(--mauve) 25%,transparent)}.saved-grid[data-astro-cid-4yl55rih] .saved-cell.filled{border-color:var(--green)}.saved-grid[data-astro-cid-4yl55rih] .saved-label{font-size:.7rem;color:var(--overlay0)}.saved-grid[data-astro-cid-4yl55rih] canvas{width:40px;height:40px;image-rendering:pixelated}.settings[data-astro-cid-4yl55rih]{background:var(--mantle);border:1px solid var(--surface0);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.setting-row[data-astro-cid-4yl55rih]{display:flex;align-items:center;gap:1rem;margin-top:1rem}.setting-row[data-astro-cid-4yl55rih] label[data-astro-cid-4yl55rih]{min-width:120px;color:var(--subtext0)}.setting-row[data-astro-cid-4yl55rih] input[data-astro-cid-4yl55rih][type=text]{background:var(--surface0);border:1px solid var(--surface1);color:var(--text);padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-family:inherit}.setting-row[data-astro-cid-4yl55rih] input[data-astro-cid-4yl55rih][type=text]:focus{outline:none;border-color:var(--mauve)}.build-section[data-astro-cid-4yl55rih]{text-align:center;margin-bottom:2rem}.download-section[data-astro-cid-4yl55rih]{background:var(--mantle);border:1px solid var(--green);border-radius:var(--radius);padding:2rem;text-align:center}.preview-text-area[data-astro-cid-4yl55rih]{margin:1.5rem 0}.preview-text-area[data-astro-cid-4yl55rih] .label[data-astro-cid-4yl55rih]{color:var(--subtext0);font-size:.9rem;margin-bottom:.5rem}.font-preview[data-astro-cid-4yl55rih]{font-size:2rem;padding:1rem;background:var(--surface0);border-radius:.5rem;border:1px solid var(--surface1);outline:none;min-height:60px}.font-preview[data-astro-cid-4yl55rih]:focus{border-color:var(--mauve)}.progress[data-astro-cid-4yl55rih]{text-align:center;padding:2rem}.spinner[data-astro-cid-4yl55rih]{width:40px;height:40px;border:3px solid var(--surface0);border-top-color:var(--mauve);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}