.instgrid[data-astro-cid-pocx4tlu]{display:flex;flex-direction:column;gap:1.5rem}.page-title[data-astro-cid-pocx4tlu]{font-size:1.5rem;font-weight:700}.page-desc[data-astro-cid-pocx4tlu]{margin-top:.5rem;color:var(--text-secondary)}.pattern-selector[data-astro-cid-pocx4tlu]{padding:1rem;background:var(--bg-secondary);border-radius:var(--radius)}.pattern-label[data-astro-cid-pocx4tlu]{font-size:.8rem;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:.6rem}.pattern-buttons[data-astro-cid-pocx4tlu]{display:flex;gap:.5rem;flex-wrap:wrap}.grid-btn[data-astro-cid-pocx4tlu]{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem .9rem;border:1.5px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.grid-btn[data-astro-cid-pocx4tlu]:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 5%,var(--bg))}.grid-btn[data-astro-cid-pocx4tlu].active{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--bg));box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 25%,transparent)}.grid-icon[data-astro-cid-pocx4tlu]{width:32px;height:auto;fill:var(--text-secondary)}.grid-btn[data-astro-cid-pocx4tlu].active .grid-icon[data-astro-cid-pocx4tlu]{fill:var(--brand)}.dropzone[data-astro-cid-pocx4tlu]{border:2px dashed var(--border);border-radius:var(--radius);padding:3rem 1.5rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone[data-astro-cid-pocx4tlu]:hover,.dropzone[data-astro-cid-pocx4tlu].drag-over{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 5%,transparent)}.dropzone-icon[data-astro-cid-pocx4tlu]{font-size:2.5rem;display:block;margin-bottom:.75rem}.dropzone-text[data-astro-cid-pocx4tlu]{font-size:1rem;font-weight:600}.dropzone-sub[data-astro-cid-pocx4tlu]{margin-top:.25rem;font-size:.85rem;color:var(--text-secondary)}.dropzone-formats[data-astro-cid-pocx4tlu]{margin-top:.5rem;font-size:.8rem;color:var(--text-secondary)}.preview-section[data-astro-cid-pocx4tlu]{display:flex;flex-direction:column;gap:1rem}.preview-header[data-astro-cid-pocx4tlu] h2[data-astro-cid-pocx4tlu]{font-size:1rem;font-weight:600}.preview-hint[data-astro-cid-pocx4tlu]{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.canvas-wrap[data-astro-cid-pocx4tlu]{display:flex;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius);padding:1rem;overflow:hidden}#preview-canvas[data-astro-cid-pocx4tlu]{cursor:grab;border-radius:6px;max-width:100%}.preview-actions[data-astro-cid-pocx4tlu]{display:flex;gap:.5rem;justify-content:center}.result-section[data-astro-cid-pocx4tlu]{display:flex;flex-direction:column;gap:1rem}.result-header[data-astro-cid-pocx4tlu] h2[data-astro-cid-pocx4tlu]{font-size:1rem;font-weight:600}.result-hint[data-astro-cid-pocx4tlu]{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.result-grid[data-astro-cid-pocx4tlu]{display:grid;gap:.5rem;max-width:600px;width:100%;overflow:hidden}.result-tile[data-astro-cid-pocx4tlu]{display:flex;flex-direction:column;gap:.35rem;min-width:0}.tile-image-wrap[data-astro-cid-pocx4tlu]{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:1;width:100%}.tile-image-wrap[data-astro-cid-pocx4tlu] img[data-astro-cid-pocx4tlu]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.tile-order[data-astro-cid-pocx4tlu]{position:absolute;top:6px;left:6px;background:var(--brand);color:#fff;font-size:.72rem;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000004d}.tile-dl-btn[data-astro-cid-pocx4tlu]{display:block;width:100%;text-align:center;padding:.3rem;font-size:.72rem;font-weight:600;font-family:inherit;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:border-color .15s}.tile-dl-btn[data-astro-cid-pocx4tlu]:hover{border-color:var(--brand);color:var(--text)}.result-actions[data-astro-cid-pocx4tlu]{display:flex;justify-content:center;gap:.5rem}.btn[data-astro-cid-pocx4tlu]{padding:.6rem 1.25rem;border-radius:8px;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:opacity .15s}.btn[data-astro-cid-pocx4tlu]:hover{opacity:.85}.btn[data-astro-cid-pocx4tlu]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-astro-cid-pocx4tlu]{background:var(--brand);color:#fff}.btn-ghost[data-astro-cid-pocx4tlu]{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.seo-content[data-astro-cid-pocx4tlu]{margin-top:1rem;padding-top:2rem;border-top:1px solid var(--border);line-height:1.8;font-size:.9rem;color:var(--text-secondary)}.seo-content[data-astro-cid-pocx4tlu] h2[data-astro-cid-pocx4tlu]{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.75rem}.seo-content[data-astro-cid-pocx4tlu] h3[data-astro-cid-pocx4tlu]{font-size:.95rem;font-weight:600;color:var(--text);margin-top:1.25rem;margin-bottom:.5rem}.seo-content[data-astro-cid-pocx4tlu] p[data-astro-cid-pocx4tlu]{margin-bottom:.75rem}.seo-content[data-astro-cid-pocx4tlu] ul[data-astro-cid-pocx4tlu]{padding-left:1.25rem;margin-bottom:.75rem}.seo-content[data-astro-cid-pocx4tlu] li[data-astro-cid-pocx4tlu]{margin-bottom:.4rem}.seo-content[data-astro-cid-pocx4tlu] strong[data-astro-cid-pocx4tlu]{color:var(--text)}@media(max-width:640px){.page-title[data-astro-cid-pocx4tlu]{font-size:1.25rem}.dropzone[data-astro-cid-pocx4tlu]{padding:2rem 1rem}.pattern-buttons[data-astro-cid-pocx4tlu]{gap:.4rem}.grid-btn[data-astro-cid-pocx4tlu]{padding:.5rem .65rem;font-size:.75rem}.grid-icon[data-astro-cid-pocx4tlu]{width:24px}.result-grid[data-astro-cid-pocx4tlu]{max-width:100%;gap:3px}.result-tile[data-astro-cid-pocx4tlu]{gap:.2rem}.tile-dl-btn[data-astro-cid-pocx4tlu]{font-size:.65rem;padding:.2rem}.tile-order[data-astro-cid-pocx4tlu]{width:18px;height:18px;font-size:.6rem;top:3px;left:3px}}