.tags.svelte-135zl27{display:flex;flex-wrap:wrap;gap:6px}.thumb-preview.svelte-135zl27{border:1px solid var(--hairline);border-radius:var(--r-md);overflow:hidden;background:#0b0b0c;max-width:800px}.thumb-preview.svelte-135zl27 svg{width:100%;height:auto;display:block;aspect-ratio:2 / 1}.screenshot-placeholder.svelte-135zl27{border:1px dashed var(--hairline-strong);border-radius:var(--r-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:200px;background:var(--surface);text-align:center}.ph-ico.svelte-135zl27{width:48px;height:48px;border:1px dashed var(--hairline-strong);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:18px;color:var(--text-ghost)}.screenshot-placeholder.svelte-135zl27 p:where(.svelte-135zl27){font:400 13px/1.6 var(--font-display);color:var(--text-faint);margin:0}.screenshot-placeholder.svelte-135zl27 span:where(.svelte-135zl27){font:400 11px/1.4 var(--font-mono);color:var(--text-ghost)}.screenshot-grid.svelte-135zl27{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.screenshot-grid.svelte-135zl27 img:where(.svelte-135zl27){width:100%;border-radius:var(--r-md);border:1px solid var(--hairline);display:block}.feature-grid.svelte-135zl27{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline);border-radius:var(--r-md);overflow:hidden}.feature-grid.svelte-135zl27 .f:where(.svelte-135zl27){background:var(--surface);padding:22px 24px;display:flex;flex-direction:column;gap:10px}.feature-grid.svelte-135zl27 .f:where(.svelte-135zl27) .n:where(.svelte-135zl27){font:500 11px/1 var(--font-mono);color:var(--accent)}.feature-grid.svelte-135zl27 .f:where(.svelte-135zl27) h4:where(.svelte-135zl27){font:600 16px/1.3 var(--font-display);margin:0}.feature-grid.svelte-135zl27 .f:where(.svelte-135zl27) p:where(.svelte-135zl27){font:400 13px/1.6 var(--font-display);color:var(--text-mute);margin:0}.decision-list.svelte-135zl27{display:flex;flex-direction:column;gap:1px;background:var(--hairline);border:1px solid var(--hairline);border-radius:var(--r-md);overflow:hidden}.decision.svelte-135zl27{background:var(--surface);padding:20px 24px;display:flex;flex-direction:column;gap:12px}.decision.svelte-135zl27 h4:where(.svelte-135zl27){font:600 15px/1.4 var(--font-display);margin:0;color:var(--text)}.dec-row.svelte-135zl27{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:start}.dec-row.svelte-135zl27 p:where(.svelte-135zl27){font:400 13px/1.65 var(--font-display);color:var(--text-mute);margin:0;max-width:70ch}.dec-tag.svelte-135zl27{font:600 10px/1.6 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;padding:3px 0;text-align:center;border-radius:var(--r-sm);border:1px solid;height:fit-content}.dec-tag.is-why.svelte-135zl27{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:var(--accent-soft, color-mix(in srgb, var(--accent) 8%, transparent))}.dec-tag.is-cost.svelte-135zl27{color:var(--text-faint);border-color:var(--hairline-strong);background:var(--bg)}.arch-preview.svelte-135zl27 .arch-wrap{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--bg);padding:18px;overflow-x:auto}.arch-preview.svelte-135zl27 .arch-svg{display:block;width:100%;min-width:720px;height:auto}.arch-preview.svelte-135zl27 .arch-svg text{font-family:var(--font-mono)}.arch-preview.svelte-135zl27 .arch-mobile-wrap{display:none;overflow-x:visible}.arch-preview.svelte-135zl27 .arch-mobile{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.arch-preview.svelte-135zl27 .astep{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--r-sm);padding:12px 14px;position:relative}.arch-preview.svelte-135zl27 .astep:not(:last-child){margin-bottom:30px}.arch-preview.svelte-135zl27 .astep:not(:last-child):after{content:"↓";position:absolute;left:50%;bottom:-24px;transform:translate(-50%);color:var(--text-faint);font:400 15px/1 var(--font-mono)}.arch-preview.svelte-135zl27 .astep .an{font:600 10px/1 var(--font-mono);color:var(--text-ghost);border:1px solid var(--hairline);border-radius:var(--r-sm);padding:5px 6px;flex-shrink:0}.arch-preview.svelte-135zl27 .astep .ab{display:flex;flex-direction:column;gap:3px;min-width:0}.arch-preview.svelte-135zl27 .astep .ab b{font:600 14px/1.3 var(--font-display);color:var(--text)}.arch-preview.svelte-135zl27 .astep .ab span{font:400 11px/1.4 var(--font-mono);color:var(--text-faint)}.arch-preview.svelte-135zl27 .astep.is-input{border-style:dashed}.arch-preview.svelte-135zl27 .astep.is-core{border-color:var(--accent)}.arch-preview.svelte-135zl27 .astep.is-core .ab b{color:var(--accent)}.arch-preview.svelte-135zl27 .astep.is-done{border-color:var(--success)}.arch-preview.svelte-135zl27 .astep.is-done .ab b{color:var(--success)}.arch-preview.svelte-135zl27 .arch-loop{margin-top:16px;padding:11px 13px;border:1px dashed color-mix(in srgb,var(--accent) 40%,transparent);border-radius:var(--r-sm);color:var(--accent);font:500 11px/1.55 var(--font-mono);text-align:center}@media(max-width:1080px){.feature-grid.svelte-135zl27{grid-template-columns:1fr}}@media(max-width:640px){.decision.svelte-135zl27{padding:16px 18px}.dec-row.svelte-135zl27{grid-template-columns:1fr;gap:6px}.dec-tag.svelte-135zl27{justify-self:start;padding:3px 8px}.arch-preview.svelte-135zl27 .arch-desktop{display:none}.arch-preview.svelte-135zl27 .arch-mobile-wrap{display:block}}@media(max-width:640px){.feature-grid.svelte-135zl27 .f:where(.svelte-135zl27){padding:18px}.screenshot-grid.svelte-135zl27{grid-template-columns:1fr}}