.page-shell.svelte-15kmrmw{position:relative;min-height:calc(100vh - 200px);display:flex;justify-content:center;padding:18px 16px 40px;background:var(--bg)}.app-container.svelte-15kmrmw{width:100%;max-width:520px;position:relative;display:grid;gap:14px;align-content:start;grid-auto-rows:max-content}.help-btn.svelte-15kmrmw{position:absolute;top:-2px;right:0;width:32px;height:32px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-2);font-size:.95rem;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.help-btn.svelte-15kmrmw:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text)}.help-btn.svelte-15kmrmw:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.subtitle.svelte-15kmrmw{text-align:center;color:var(--text-2);font-size:.9rem;margin:0;max-width:42ch;justify-self:center;line-height:1.45}.control-block.svelte-15kmrmw{display:grid;gap:6px}.control-label.svelte-15kmrmw{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}.seg.svelte-15kmrmw{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.seg-btn.svelte-15kmrmw{min-height:40px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:1rem;font-weight:800;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.seg-btn.svelte-15kmrmw:hover{background:var(--bg-hover);border-color:var(--border-hover)}.seg-btn.active.svelte-15kmrmw{background:var(--accent);border-color:var(--accent);color:#fff}.seg-btn.svelte-15kmrmw:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.template-row.svelte-15kmrmw{display:flex;gap:8px;flex-wrap:wrap}.template-btn.svelte-15kmrmw{display:grid;justify-items:center;gap:5px;padding:8px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:border-color .15s ease,background .15s ease}.template-btn.svelte-15kmrmw:hover{border-color:var(--border-hover);background:var(--bg-hover)}.template-btn.active.svelte-15kmrmw{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.template-btn.svelte-15kmrmw:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mini.svelte-15kmrmw{position:relative;width:44px;height:44px;border-radius:6px;background:var(--bg-secondary);display:block}.mini-cell.svelte-15kmrmw{position:absolute;background:var(--accent);opacity:.65;border-radius:2px;box-shadow:inset 0 0 0 1.5px var(--bg-secondary)}.template-label.svelte-15kmrmw{font-size:.72rem;font-weight:600;color:var(--text-2)}.stage.svelte-15kmrmw{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}.stage.drag.svelte-15kmrmw{outline:3px dashed var(--accent);outline-offset:-3px}.cell.svelte-15kmrmw{position:absolute}.cell-inner.svelte-15kmrmw{position:absolute;inset:4px;border-radius:10px;overflow:hidden;background:#94a3b838;display:grid;place-items:center}.cell-img.svelte-15kmrmw{width:100%;height:100%;object-fit:cover;display:block}.cell-add.svelte-15kmrmw{width:100%;height:100%;border:none;background:transparent;color:#0f172a8c;font-size:1.7rem;font-weight:400;cursor:pointer;transition:background .15s ease}.cell-add.svelte-15kmrmw:hover{background:#ffffff59}.cell-add.svelte-15kmrmw:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.cell-remove.svelte-15kmrmw{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:999px;border:none;background:#0f172a99;color:#fff;font-size:.7rem;cursor:pointer;display:grid;place-content:center;opacity:0;transition:opacity .15s ease}.cell-order.svelte-15kmrmw{position:absolute;bottom:5px;left:5px;display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.ord-btn.svelte-15kmrmw{width:24px;height:24px;border-radius:6px;border:none;background:#0f172a99;color:#fff;font-size:.9rem;line-height:1;cursor:pointer}.ord-btn.svelte-15kmrmw:disabled{opacity:.35;cursor:not-allowed}.cell-inner.svelte-15kmrmw:hover .cell-remove:where(.svelte-15kmrmw),.cell-inner.svelte-15kmrmw:hover .cell-order:where(.svelte-15kmrmw),.cell-inner.svelte-15kmrmw:focus-within .cell-remove:where(.svelte-15kmrmw),.cell-inner.svelte-15kmrmw:focus-within .cell-order:where(.svelte-15kmrmw){opacity:1}.stage-watermark.svelte-15kmrmw{position:absolute;left:50%;bottom:10px;transform:translate(-50%);padding:4px 12px;border-radius:999px;background:#0f172a8c;color:#ffffffeb;font-size:.66rem;font-weight:600;white-space:nowrap;pointer-events:none}.error.svelte-15kmrmw{margin:0;text-align:center;color:#dc2626;font-size:.85rem}.theme-row.svelte-15kmrmw{display:flex;gap:10px;justify-content:center}.theme-swatch.svelte-15kmrmw{width:38px;height:38px;border-radius:10px;border:2px solid var(--border);cursor:pointer;transition:transform .12s ease,border-color .15s ease}.theme-swatch.svelte-15kmrmw:hover{transform:translateY(-1px)}.theme-swatch.selected.svelte-15kmrmw{border-color:var(--accent);transform:scale(1.06)}.theme-swatch.svelte-15kmrmw:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.action-row.svelte-15kmrmw,.result-actions.svelte-15kmrmw{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}.count-hint.svelte-15kmrmw{margin:-4px 0 0;text-align:center;font-size:.78rem;color:var(--text-3)}.primary-button.svelte-15kmrmw{border:none;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;padding:12px 26px;font-size:.95rem;min-height:44px;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.primary-button.svelte-15kmrmw:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 18px #4f46e538}.primary-button.svelte-15kmrmw:disabled{opacity:.5;cursor:not-allowed}.primary-button.svelte-15kmrmw:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ghost-button.svelte-15kmrmw{border:1px solid var(--border);border-radius:999px;background:var(--bg-card);color:var(--text-2);font-weight:600;cursor:pointer;padding:12px 22px;font-size:.92rem;min-height:44px;transition:background .18s ease,border-color .18s ease,color .18s ease}.ghost-button.svelte-15kmrmw:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text)}.result.svelte-15kmrmw{display:grid;justify-items:center;gap:12px;padding-top:4px;animation:svelte-15kmrmw-revealIn .3s ease-out}@keyframes svelte-15kmrmw-revealIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.collage-preview.svelte-15kmrmw{width:100%;max-width:360px;border-radius:14px;box-shadow:var(--shadow-md, 0 10px 30px rgba(0, 0, 0, .18))}.share-message.svelte-15kmrmw{margin:0;font-size:.82rem;color:var(--text-3);text-align:center}.help-overlay.svelte-15kmrmw{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#0f172a8c;padding:1rem}.help-card.svelte-15kmrmw{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);padding:20px;max-height:88vh;overflow-y:auto}.help-card.svelte-15kmrmw h3:where(.svelte-15kmrmw){margin:0 0 12px;font-size:1.1rem;color:var(--text)}.help-list.svelte-15kmrmw{margin:0 0 14px;padding-left:20px;display:grid;gap:8px;color:var(--text-2);font-size:.9rem;line-height:1.45}.help-list.svelte-15kmrmw strong:where(.svelte-15kmrmw){color:var(--text)}.help-note.svelte-15kmrmw{margin:0;color:var(--text-2);font-size:.85rem;line-height:1.5}.help-close.svelte-15kmrmw{margin-top:14px;width:100%}.sr-only.svelte-15kmrmw{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 600px){.action-row.svelte-15kmrmw .primary-button:where(.svelte-15kmrmw),.action-row.svelte-15kmrmw .ghost-button:where(.svelte-15kmrmw),.result-actions.svelte-15kmrmw .primary-button:where(.svelte-15kmrmw),.result-actions.svelte-15kmrmw .ghost-button:where(.svelte-15kmrmw){flex:1;text-align:center}}@media (prefers-reduced-motion: reduce){.primary-button.svelte-15kmrmw,.ghost-button.svelte-15kmrmw,.help-btn.svelte-15kmrmw,.seg-btn.svelte-15kmrmw,.template-btn.svelte-15kmrmw,.theme-swatch.svelte-15kmrmw,.cell-add.svelte-15kmrmw,.cell-remove.svelte-15kmrmw,.cell-order.svelte-15kmrmw{transition:none}.primary-button.svelte-15kmrmw:hover:not(:disabled),.theme-swatch.svelte-15kmrmw:hover,.theme-swatch.selected.svelte-15kmrmw{transform:none}.result.svelte-15kmrmw{animation:none}}