.tool-hero.svelte-1yz0s2z{padding:var(--space-6) 0 var(--space-7);position:relative;overflow:hidden}.hero-bg.svelte-1yz0s2z{z-index:-1;background:radial-gradient(40% 70% at 85% 10%,#818cf84d,#0000 70%),radial-gradient(30% 60% at 10% 0,#38bdf82e,#0000 70%),radial-gradient(30% 50% at 60% 90%,#0f172a14,#0000 70%);position:absolute;inset:0}.crumbs.svelte-1yz0s2z{gap:var(--space-2);font-size:var(--text-sm);color:var(--subtle);margin-bottom:var(--space-4);display:flex}.crumbs.svelte-1yz0s2z a:where(.svelte-1yz0s2z){color:var(--muted);text-decoration:none}.crumbs.svelte-1yz0s2z a:where(.svelte-1yz0s2z):hover{color:var(--brand-600)}h1.svelte-1yz0s2z{font-size:var(--text-3xl);letter-spacing:-.035em;max-width:20ch;font-weight:800}.grad.svelte-1yz0s2z{background:linear-gradient(100deg,#4338ca,#2563eb 60%,#0ea5e9);color:#0000;-webkit-background-clip:text;background-clip:text}.lead.svelte-1yz0s2z{margin-top:var(--space-4);font-size:var(--text-lg);color:var(--muted);max-width:58ch}.badges.svelte-1yz0s2z{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.pill.svelte-1yz0s2z{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--line);font-size:var(--text-sm);color:var(--ink-2);box-shadow:var(--shadow-xs);background:#fff;border-radius:999px;font-weight:600;display:inline-flex}.workspace.svelte-1yz0s2z{gap:var(--space-5);margin-top:calc(-1 * var(--space-4));align-items:start;display:grid}@media (width>=960px){.workspace.svelte-1yz0s2z{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.preview-card.svelte-1yz0s2z{position:sticky;top:88px}}.card.svelte-1yz0s2z{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-5);background:#fff;min-width:0}@media (width>=600px){.card.svelte-1yz0s2z{padding:var(--space-6)}}.step.svelte-1yz0s2z+.step:where(.svelte-1yz0s2z){margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--line)}.step-head.svelte-1yz0s2z{gap:var(--space-3);margin-bottom:var(--space-4);align-items:flex-start;display:flex}.step-num.svelte-1yz0s2z{background:var(--brand-50);width:30px;height:30px;color:var(--brand-700);font-weight:800;font-size:var(--text-sm);border-radius:10px;flex:none;place-items:center;display:grid}.step-head.svelte-1yz0s2z h2:where(.svelte-1yz0s2z),.preview-head.svelte-1yz0s2z h2:where(.svelte-1yz0s2z),.empty.svelte-1yz0s2z h2:where(.svelte-1yz0s2z){font-size:var(--text-lg);letter-spacing:-.015em;font-weight:700}.step-sub.svelte-1yz0s2z{font-size:var(--text-sm);color:var(--muted)}.chips.svelte-1yz0s2z{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip.svelte-1yz0s2z{white-space:nowrap;min-height:var(--tap);padding:0 var(--space-4);border:1.5px solid var(--line-2);font-weight:700;font-size:var(--text-sm);color:var(--ink-2);background:#fff;border-radius:14px;align-items:center;gap:6px;transition:border-color .15s,background-color .15s,color .15s,box-shadow .15s;display:inline-flex}.chip.svelte-1yz0s2z:hover{border-color:var(--brand-400)}.chip[aria-checked=true].svelte-1yz0s2z{border-color:var(--brand-600);background:var(--brand-600);color:#fff;box-shadow:var(--shadow-brand)}.size-chip.svelte-1yz0s2z{padding-block:var(--space-2);flex-direction:column;justify-content:center;align-items:flex-start;gap:0;line-height:1.25}.size-chip.svelte-1yz0s2z small:where(.svelte-1yz0s2z){font-weight:600;font-size:var(--text-xs);opacity:.75}.swatch.svelte-1yz0s2z{width:16px;height:16px;box-shadow:0 0 0 1.5px var(--line-2);border-radius:50%}.field.svelte-1yz0s2z{gap:var(--space-2);margin-top:var(--space-4);display:grid}.field-label.svelte-1yz0s2z{gap:var(--space-2);font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700;display:flex}.field-label.svelte-1yz0s2z em:where(.svelte-1yz0s2z){text-transform:none;letter-spacing:0;color:var(--subtle);font-style:normal;font-weight:600}.field.svelte-1yz0s2z input:where(.svelte-1yz0s2z),.field.svelte-1yz0s2z textarea:where(.svelte-1yz0s2z){min-height:var(--tap);padding:0 var(--space-4);border:1.5px solid var(--line-2);font:inherit;color:var(--ink);background:#fff;border-radius:14px;font-weight:600}.field.svelte-1yz0s2z textarea:where(.svelte-1yz0s2z){padding-block:var(--space-3);resize:vertical}.field.svelte-1yz0s2z input:where(.svelte-1yz0s2z):focus,.field.svelte-1yz0s2z textarea:where(.svelte-1yz0s2z):focus{border-color:var(--brand-600);box-shadow:0 0 0 3px var(--brand-100);outline:none}.toggle.svelte-1yz0s2z{align-items:center;gap:var(--space-3);min-height:var(--tap);margin-top:var(--space-2);font-weight:600;font-size:var(--text-sm);color:var(--ink-2);cursor:pointer;display:inline-flex}.toggle.svelte-1yz0s2z input:where(.svelte-1yz0s2z){width:22px;height:22px;accent-color:var(--brand-600)}.color-row.svelte-1yz0s2z{gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.color-field.svelte-1yz0s2z{align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-3) 0 var(--space-2);border:1.5px solid var(--line-2);font-weight:600;font-size:var(--text-sm);color:var(--ink-2);cursor:pointer;border-radius:14px;display:inline-flex}.color-field.svelte-1yz0s2z input:where(.svelte-1yz0s2z){cursor:pointer;background:0 0;border:0;border-radius:8px;width:34px;height:34px;padding:0}.logo-pick.svelte-1yz0s2z{justify-content:center;align-items:center;gap:var(--space-2);min-height:56px;padding:var(--space-3) var(--space-4);border:1.5px dashed var(--line-2);border-radius:var(--radius-lg);background:var(--bg-soft);font-weight:600;font-size:var(--text-sm);color:var(--ink-2);text-align:center;cursor:pointer;display:flex;position:relative}.logo-pick.svelte-1yz0s2z:hover,.logo-pick.svelte-1yz0s2z:focus-within{border-color:var(--brand-600);color:var(--brand-700)}.logo-pick.loading.svelte-1yz0s2z{opacity:.6;pointer-events:none}.logo-pick.svelte-1yz0s2z input:where(.svelte-1yz0s2z){opacity:0;cursor:pointer;position:absolute;inset:0}.picked.svelte-1yz0s2z{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft);display:flex}.logo-thumb.svelte-1yz0s2z{object-fit:contain;width:48px;height:48px;box-shadow:var(--shadow);background:#fff;border-radius:8px;flex:none}.picked.svelte-1yz0s2z .min0:where(.svelte-1yz0s2z){flex:1}.min0.svelte-1yz0s2z{min-width:0}.picked-name.svelte-1yz0s2z{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.picked-size.svelte-1yz0s2z{font-size:var(--text-sm);color:var(--muted)}.notice.svelte-1yz0s2z{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--warning-soft);color:var(--warning);font-size:var(--text-sm)}.btn-sm.svelte-1yz0s2z{min-height:44px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn-ghost.svelte-1yz0s2z{color:var(--muted);background:0 0;border-color:#0000;align-items:center;gap:6px;display:inline-flex}.btn-ghost.svelte-1yz0s2z:hover{color:var(--brand-700);background:var(--brand-50)}.btn-block.svelte-1yz0s2z,.btn-block2.svelte-1yz0s2z{width:100%;min-height:54px;margin-top:var(--space-5)}.btn-block2.svelte-1yz0s2z{margin-top:var(--space-2)}.btn.svelte-1yz0s2z:disabled{opacity:.6}.preview-card.svelte-1yz0s2z{scroll-margin-top:80px}.preview-head.svelte-1yz0s2z{margin-bottom:var(--space-4)}.summary.svelte-1yz0s2z{font-size:var(--text-sm);color:var(--muted);overflow-wrap:anywhere}.qr-stage.svelte-1yz0s2z{padding:var(--space-5);border-radius:var(--radius-lg);background:radial-gradient(60% 60% at 50% 40%, #fff, transparent), linear-gradient(160deg, var(--brand-50), #eef6ff);border:1px solid var(--line);place-items:center;display:grid}.qr-img.svelte-1yz0s2z{aspect-ratio:1;width:min(100%,320px);height:auto;box-shadow:0 1px 2px #00000014, var(--shadow-lg);image-rendering:pixelated;border-radius:8px;display:block}.scan-tip.svelte-1yz0s2z{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--muted);text-align:center}.scan-tip.svelte-1yz0s2z svg{vertical-align:-3px;margin-right:4px;display:inline}.empty.svelte-1yz0s2z{text-align:center;justify-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);display:grid}.empty.svelte-1yz0s2z p:where(.svelte-1yz0s2z){color:var(--muted);font-size:var(--text-sm);max-width:36ch}.demo-qr.svelte-1yz0s2z{width:180px;height:180px;margin-bottom:var(--space-3);box-shadow:0 0 0 1px var(--line), var(--shadow-lg);border-radius:12px}.section.svelte-1yz0s2z{padding:var(--space-8) 0}.section-soft.svelte-1yz0s2z{background:var(--bg-soft);border-block:1px solid var(--line)}.section-head.svelte-1yz0s2z{margin-bottom:var(--space-6)}.steps.svelte-1yz0s2z{gap:var(--space-3);padding:0;list-style:none;display:grid}@media (width>=720px){.steps.svelte-1yz0s2z{grid-template-columns:repeat(4,1fr)}}.steps.svelte-1yz0s2z li:where(.svelte-1yz0s2z){padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff}.steps.svelte-1yz0s2z .n:where(.svelte-1yz0s2z){width:36px;height:36px;margin-bottom:var(--space-3);color:#fff;background:linear-gradient(135deg,#4338ca,#0ea5e9);border-radius:12px;place-items:center;font-weight:800;display:grid}.steps.svelte-1yz0s2z p:where(.svelte-1yz0s2z){color:var(--ink-2)}.ad-wrap.svelte-1yz0s2z{padding-bottom:var(--space-7)}.info-grid.svelte-1yz0s2z{gap:var(--space-7);display:grid}@media (width>=900px){.info-grid.svelte-1yz0s2z{grid-template-columns:1fr 1.2fr}}.tips.svelte-1yz0s2z{gap:var(--space-3);margin-top:var(--space-4);padding:0;list-style:none;display:grid}.tips.svelte-1yz0s2z li:where(.svelte-1yz0s2z){padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 22px);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-2);background:#fff;position:relative}.tips.svelte-1yz0s2z li:where(.svelte-1yz0s2z):before{content:"✓";left:var(--space-4);color:#4338ca;font-weight:800;position:absolute}.faq.svelte-1yz0s2z{gap:var(--space-2);margin-top:var(--space-4);display:grid}.faq.svelte-1yz0s2z details:where(.svelte-1yz0s2z){border:1px solid var(--line);border-radius:var(--radius);padding:0 var(--space-4);background:#fff}.faq.svelte-1yz0s2z summary:where(.svelte-1yz0s2z){justify-content:space-between;align-items:center;gap:var(--space-3);cursor:pointer;min-height:56px;font-weight:700;list-style:none;display:flex}.faq.svelte-1yz0s2z summary:where(.svelte-1yz0s2z)::-webkit-details-marker{display:none}.faq.svelte-1yz0s2z summary:where(.svelte-1yz0s2z):after{content:"+";color:var(--brand-600);font-size:1.4rem;font-weight:400;transition:rotate .2s}.faq.svelte-1yz0s2z details[open]:where(.svelte-1yz0s2z) summary:where(.svelte-1yz0s2z):after{rotate:45deg}.faq.svelte-1yz0s2z details:where(.svelte-1yz0s2z) p:where(.svelte-1yz0s2z){padding-bottom:var(--space-4);color:var(--muted)}