.perler-heading.svelte-1faphe7{max-width:1392px;margin:auto}.drawing-toolbar.svelte-1faphe7{display:flex;align-items:center;gap:6px;padding:10px;flex-wrap:wrap;border-top:1px solid var(--ui-line);background:#fff}.quick-palette.svelte-1faphe7{display:flex;gap:10px;padding:10px 14px;overflow-x:auto;border-top:1px solid var(--ui-line)}.quick-palette.svelte-1faphe7 button:where(.svelte-1faphe7){min-width:44px;min-height:44px;border-radius:8px;padding:0}.width-number.svelte-1faphe7{width:70px;min-height:40px;border:1px solid var(--ui-line);border-radius:8px;padding:6px;background:#fff;color:var(--ui-text)}.settings-dialog.svelte-1faphe7{color-scheme:light}@media (max-width: 767px){.drawing-toolbar.svelte-1faphe7{position:sticky;bottom:0;z-index:15;padding-bottom:max(10px,env(safe-area-inset-bottom))}.drawing-toolbar.svelte-1faphe7 button:where(.svelte-1faphe7){padding:8px 10px}.pattern-viewport.svelte-1faphe7{padding:16px}}.perler-page.svelte-1faphe7{background:var(--ui-bg);color:#172338;padding:24px 16px 64px}.editor-shell.svelte-1faphe7{background:#fff;border:1px solid #dbe3ef;border-radius:16px;scroll-margin-top:72px;box-shadow:0 8px 30px #23365409}.editor-toolbar.svelte-1faphe7{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #e2e8f0}button.svelte-1faphe7,.upload-button.svelte-1faphe7,summary.svelte-1faphe7{min-height:44px}button.svelte-1faphe7{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#334155;padding:8px 12px;font:inherit;font-size:14px}button.svelte-1faphe7:hover{background:#eff6ff;border-color:#93b4ed}button.svelte-1faphe7:disabled{opacity:.5;cursor:wait}button.svelte-1faphe7:focus-visible,summary.svelte-1faphe7:focus-visible,input.svelte-1faphe7:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.upload-button.svelte-1faphe7{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ui-accent);color:#fff;border-radius:9px;padding:8px 14px;cursor:pointer;font-weight:600;font-size:14px}.file-input.svelte-1faphe7{position:absolute;width:1px;height:1px;opacity:0}.editor-toolbar.svelte-1faphe7:has(.file-input:where(.svelte-1faphe7):focus-visible) .upload-button:where(.svelte-1faphe7){outline:3px solid #1d4ed8;outline-offset:3px}.download-menu.svelte-1faphe7{margin-left:auto;position:relative}.download-menu.svelte-1faphe7 summary:where(.svelte-1faphe7){display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border:1px solid #cbd5e1;border-radius:9px;font-size:14px}.download-options.svelte-1faphe7{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:grid;gap:6px;width:210px;background:#fff;border:1px solid #dbe3ef;padding:8px;box-shadow:0 8px 24px #17233822;border-radius:12px}.desktop-settings.svelte-1faphe7{display:none}.editor-main.svelte-1faphe7{min-width:0;flex:1}.intro.svelte-1faphe7{text-align:center;padding:32px 20px}.upload-area.svelte-1faphe7{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;margin:24px auto 16px;border:2px dashed #93b4ed;border-radius:16px;background:#f3f7ff;color:#1d4ed8;max-width:440px;cursor:pointer}.upload-area.svelte-1faphe7>span:where(.svelte-1faphe7):not(.tool-artwork){color:#52617a;font-size:14px}.quick-examples.svelte-1faphe7{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.quick-examples.svelte-1faphe7 button:where(.svelte-1faphe7){padding:4px 10px;font-size:14px}.pattern-viewport.svelte-1faphe7{height:48dvh;min-height:260px;max-height:650px;overflow:auto;padding:24px;display:flex;background:#f1f5f9;background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:16px 16px}.pattern-viewport.empty.svelte-1faphe7{display:none}.scaled-grid.svelte-1faphe7{position:relative;flex-shrink:0;margin:auto}.pixel-grid.svelte-1faphe7{transform-origin:top left;position:absolute;background:#fff;box-shadow:0 4px 20px #17233820}.pixel-row.svelte-1faphe7{display:flex}.pixel-cell.svelte-1faphe7{width:24px;height:24px;min-height:24px;border:0;border-right:1px solid;border-bottom:1px solid;border-radius:0;padding:0;flex-shrink:0;background:#fff;-webkit-user-select:none;user-select:none}.pixel-cell.svelte-1faphe7>span:where(.svelte-1faphe7){display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:8px;font-weight:700;pointer-events:none}.pixel-cell.svelte-1faphe7>span.round:where(.svelte-1faphe7){width:85%;height:85%;border-radius:50%}.zoom-toolbar.svelte-1faphe7{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;padding:10px;font-size:14px;border-top:1px solid #e2e8f0}.zoom-toolbar.svelte-1faphe7>span:where(.svelte-1faphe7){margin-right:auto}.zoom-toolbar.svelte-1faphe7 output:where(.svelte-1faphe7){min-width:38px;text-align:center}.settings-dialog.svelte-1faphe7{position:fixed;inset:auto 0 0;width:100%;max-width:480px;max-height:85svh;overflow:auto;border:none;border-radius:20px 20px 0 0;margin:auto auto 0;padding:0;background:#fff;color:#172338}.settings-dialog.svelte-1faphe7::backdrop{background:#0f172a88}.dialog-heading.svelte-1faphe7{position:sticky;top:0;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;padding:14px 20px;z-index:1}.settings-content.svelte-1faphe7{padding:20px}.control-heading.svelte-1faphe7{display:flex;justify-content:space-between;align-items:center;font-size:14px}input[type=range].svelte-1faphe7{width:100%;min-height:44px;accent-color:var(--ui-accent)}.hint.svelte-1faphe7{font-size:14px;color:#64748b;line-height:1.6}fieldset.svelte-1faphe7{border:0;margin:22px 0 0;padding:0}legend.svelte-1faphe7{margin-bottom:10px;font-size:14px;font-weight:700}.button-row.svelte-1faphe7{display:flex;gap:6px}.button-row.svelte-1faphe7 button:where(.svelte-1faphe7){flex:1;flex-direction:column;padding:8px 6px;font-size:14px;white-space:nowrap}button.chosen.svelte-1faphe7{border-color:var(--ui-accent);box-shadow:0 0 0 1px #2563eb;color:#1d4ed8}.color-palette.svelte-1faphe7{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.color-palette.svelte-1faphe7 button:where(.svelte-1faphe7){border:1px solid #cbd5e1;width:100%;min-height:38px;aspect-ratio:1;border-radius:50%;padding:0}.check.svelte-1faphe7{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px}.check.svelte-1faphe7 input:where(.svelte-1faphe7){width:18px;height:18px;accent-color:var(--ui-accent)}.bead-usage.svelte-1faphe7{padding:20px;border-top:1px solid #e2e8f0}h2.svelte-1faphe7{font-size:22px;font-weight:750;line-height:1.4}h3.svelte-1faphe7{font-size:17px;font-weight:700;line-height:1.5}.section-heading.svelte-1faphe7{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:14px}.section-heading.svelte-1faphe7 h2:where(.svelte-1faphe7){font-size:18px}.section-heading.svelte-1faphe7 p:where(.svelte-1faphe7){font-size:14px;color:#52617a}.usage-list.svelte-1faphe7{display:flex;flex-wrap:wrap;gap:8px}.usage-list.svelte-1faphe7 button:where(.svelte-1faphe7){font-size:14px}.swatch.svelte-1faphe7{width:22px;height:22px;border:1px solid #cbd5e1;border-radius:50%}.guide-grid.svelte-1faphe7{display:grid;gap:24px;margin-top:24px}.palette-note.svelte-1faphe7{margin-top:24px;padding:22px;background:#eaf1ff;border-radius:14px}.error.svelte-1faphe7,.processing.svelte-1faphe7{padding:12px 20px;font-size:14px}.error.svelte-1faphe7{color:#b91c1c;background:#fef2f2}.processing.svelte-1faphe7{color:#1d4ed8;background:#eff6ff}@media (min-width: 700px){.guide-grid.svelte-1faphe7{grid-template-columns:repeat(2,minmax(0,1fr))}.perler-page.svelte-1faphe7{padding:32px 24px 72px}}@media (min-width: 1024px){.editor-body.svelte-1faphe7{display:flex}.desktop-settings.svelte-1faphe7{display:block;width:268px;flex-shrink:0;border-right:1px solid #e2e8f0}.desktop-settings.svelte-1faphe7>h2:where(.svelte-1faphe7){display:flex;align-items:center;gap:8px;font-size:16px;padding:20px 20px 0}.mobile-settings.svelte-1faphe7{display:none}}