.mode.svelte-1ri7iom{max-width:320px;margin-bottom:16px}.gen-grid.svelte-1ri7iom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"input preview" "design preview";grid-template-rows:auto 1fr;gap:20px;align-items:start}.area-input.svelte-1ri7iom{grid-area:input}.area-design.svelte-1ri7iom{grid-area:design}.area-preview.svelte-1ri7iom{grid-area:preview;display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--header-h) + 16px)}.gen-grid.svelte-1ri7iom>.card:where(.svelte-1ri7iom),.area-preview.svelte-1ri7iom>.card:where(.svelte-1ri7iom){margin-top:0}@media (max-width: 900px){.gen-grid.svelte-1ri7iom{grid-template-columns:minmax(0,1fr);grid-template-areas:"input" "preview" "design";grid-template-rows:auto}.area-preview.svelte-1ri7iom{position:static}}.type-chip.svelte-1ri7iom{height:36px;padding:0 14px;font-size:14px}.pw.svelte-1ri7iom{display:flex;gap:6px}.input.invalid.svelte-1ri7iom{border-color:var(--negative)}.field-msg.svelte-1ri7iom{margin:-8px 0 0;min-height:1.5em;font-size:13px;color:var(--text-3);line-height:1.5}.field-msg.error.svelte-1ri7iom{color:var(--negative)}.preview-card.svelte-1ri7iom{padding:0;overflow:hidden}.stage.svelte-1ri7iom{display:grid;place-items:center;min-height:260px;padding:24px;background-color:var(--surface-2);background-image:linear-gradient(45deg,var(--surface-3) 25%,transparent 25%),linear-gradient(-45deg,var(--surface-3) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--surface-3) 75%),linear-gradient(-45deg,transparent 75%,var(--surface-3) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border-bottom:1px solid var(--border)}.code.svelte-1ri7iom{display:flex;justify-content:center;width:100%}.code.svelte-1ri7iom svg{display:block;max-width:100%;height:auto;border-radius:4px}.qr-stage.svelte-1ri7iom .code:where(.svelte-1ri7iom) svg{width:min(100%,300px)}.empty-preview.svelte-1ri7iom{max-width:320px;text-align:center;color:var(--text-2);font-size:14px;line-height:1.6}.save.svelte-1ri7iom{display:flex;flex-direction:column;gap:12px;padding:16px 20px 20px}.save-btns.svelte-1ri7iom{display:flex;gap:8px;flex-wrap:wrap}.save-btns.svelte-1ri7iom .btn:where(.svelte-1ri7iom){flex:1 1 0;min-width:96px;height:44px}.design-head.svelte-1ri7iom{margin-bottom:14px}.design-head.svelte-1ri7iom .card-title:where(.svelte-1ri7iom){margin:0}.colors.svelte-1ri7iom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px}.color-input.svelte-1ri7iom{display:flex;align-items:center;gap:10px;height:44px;padding:0 10px 0 6px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface)}.color-input.svelte-1ri7iom:focus-within{border-color:var(--primary);box-shadow:var(--ring)}.color-input.svelte-1ri7iom input[type=color]:where(.svelte-1ri7iom){width:34px;height:32px;padding:0;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer;flex-shrink:0}.hex.svelte-1ri7iom{font-size:14px;color:var(--text-2);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.swap.svelte-1ri7iom{height:44px}.dot.svelte-1ri7iom{width:12px;height:12px;border-radius:50%;margin-right:2px;border:1px solid var(--border-strong)}.range.svelte-1ri7iom .label:where(.svelte-1ri7iom){display:flex;justify-content:space-between}.val.svelte-1ri7iom{color:var(--primary-text);font-weight:700}.range.svelte-1ri7iom input:where(.svelte-1ri7iom){height:28px}.hint.tight.svelte-1ri7iom{margin-top:-10px}.hint.inline.svelte-1ri7iom{margin:0}.logo-row.svelte-1ri7iom .row:where(.svelte-1ri7iom){flex-wrap:wrap}.logo-thumb.svelte-1ri7iom{width:40px;height:40px;object-fit:contain;border-radius:8px;border:1px solid var(--border);background:var(--surface-2)}.checks.svelte-1ri7iom{display:flex;align-items:flex-end;gap:16px;padding-bottom:10px}.check.svelte-1ri7iom{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:14px;font-weight:600;color:var(--text-2);cursor:pointer}@media (max-width: 480px){.mode.svelte-1ri7iom{max-width:none}.checks.svelte-1ri7iom{padding-bottom:0}.stage.svelte-1ri7iom{min-height:220px;padding:16px}}