.hero-text.svelte-wcbfjv{width:100%;max-width:550px;padding:0 20px clamp(16px,3vh,32px);text-align:center}.headline.svelte-wcbfjv{font-size:1.25rem;font-weight:600;color:var(--text-dim);margin-bottom:6px;letter-spacing:-.01em}.subline.svelte-wcbfjv{font-size:.8125rem;color:var(--text-dim);opacity:.7;margin-bottom:8px}.hint.svelte-wcbfjv{margin-top:8px;font-size:.6875rem;color:var(--text-dim);opacity:.5}.hint.svelte-wcbfjv kbd:where(.svelte-wcbfjv){font-family:var(--font-mono, monospace);font-size:.625rem;background:color-mix(in srgb,var(--text) 5%,transparent);border:1px solid var(--border-color);padding:1px 4px;border-radius:3px}.tabs-area.svelte-wcbfjv{width:100%;max-width:550px;padding:0 20px clamp(32px,5vh,64px);margin-top:clamp(16px,3vh,32px)}.tab-bar.svelte-wcbfjv{display:flex;gap:0;border-bottom:1px solid var(--border-color);margin-bottom:16px}.tab-btn.svelte-wcbfjv{padding:10px 14px;font-size:.75rem;font-weight:500;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);cursor:pointer;transition:all .15s}.tab-btn.svelte-wcbfjv:hover{color:var(--text)}.tab-btn.active.svelte-wcbfjv{color:var(--accent);border-bottom-color:var(--accent)}.tab-panel.svelte-wcbfjv{animation:svelte-wcbfjv-fadeIn .25s ease}@keyframes svelte-wcbfjv-fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.recent-cards.svelte-wcbfjv{display:flex;gap:8px;flex-wrap:wrap}.new-card.svelte-wcbfjv{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;background:transparent;border:1px dashed color-mix(in srgb,var(--text) 20%,transparent);border-radius:8px;font-size:.75rem;color:var(--text-dim);cursor:pointer;transition:all .2s}.new-card.svelte-wcbfjv:hover{border-color:var(--accent);color:var(--accent)}.new-plus.svelte-wcbfjv{font-size:1rem;color:var(--accent)}.recent-card.svelte-wcbfjv{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-alt);border:1px solid var(--border-color);border-radius:8px;font-size:.75rem;cursor:pointer;transition:all .2s}.recent-card.svelte-wcbfjv:hover{border-color:var(--accent)}.card-name.svelte-wcbfjv{color:var(--text);font-weight:500;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-rows.svelte-wcbfjv{color:var(--text-dim);font-size:.625rem}.examples-row.svelte-wcbfjv{display:flex;gap:8px;flex-wrap:wrap}.example-pill.svelte-wcbfjv{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;background:var(--bg-alt);border:1px solid var(--border-color);border-radius:8px;font-size:.75rem;color:var(--text);cursor:pointer;transition:all .2s}.example-pill.svelte-wcbfjv:hover{border-color:var(--accent)}.example-pill.detailed.svelte-wcbfjv{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px}.ex-title.svelte-wcbfjv{font-weight:500}.ex-hint.svelte-wcbfjv{font-family:var(--font-mono, monospace);font-size:.6875rem;color:var(--text-dim)}.templates-row.svelte-wcbfjv{display:flex;gap:8px;flex-wrap:wrap}.template-pill.svelte-wcbfjv{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;background:var(--bg-alt);border:1px solid var(--border-color);border-radius:8px;font-size:.75rem;color:var(--text);cursor:pointer;transition:all .2s}.template-pill.svelte-wcbfjv:hover{border-color:var(--accent)}.how-section.svelte-wcbfjv{width:100%;max-width:700px;padding:clamp(32px,6vh,64px) 20px;margin-top:clamp(16px,3vh,32px);border-top:1px solid var(--border-color)}.how-header.svelte-wcbfjv{text-align:center;margin-bottom:48px}.how-title.svelte-wcbfjv{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:8px}.how-sub.svelte-wcbfjv{font-size:1rem;color:var(--text-dim)}.steps-container.svelte-wcbfjv{display:flex;flex-direction:column;gap:48px}.step-row.svelte-wcbfjv{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}@media(max-width:600px){.step-row.svelte-wcbfjv{grid-template-columns:1fr;gap:16px}}.step-text.svelte-wcbfjv{position:relative}.step-num.svelte-wcbfjv{font-size:2.5rem;font-weight:700;color:color-mix(in srgb,var(--accent) 20%,transparent);position:absolute;top:-20px;left:-8px}.step-title.svelte-wcbfjv{font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:8px}.step-desc.svelte-wcbfjv{font-size:.9375rem;color:var(--text-dim);line-height:1.5}.step-demo.svelte-wcbfjv{background:var(--bg-alt);border:1px solid var(--border-color);border-radius:12px;padding:20px}.demo-line.svelte-wcbfjv{font-family:var(--font-mono, monospace);font-size:.875rem;color:var(--text);padding:6px 0;border-bottom:1px solid color-mix(in srgb,var(--text) 5%,transparent)}.demo-line.svelte-wcbfjv:last-child{border-bottom:none;color:var(--accent);font-weight:600}.footer-cta.svelte-wcbfjv{padding:32px 20px 64px}.cta-btn.svelte-wcbfjv{padding:14px 28px;font-size:.875rem;font-weight:600;background:var(--accent);color:var(--bg);border:none;border-radius:10px;cursor:pointer;transition:all .2s}.cta-btn.svelte-wcbfjv:hover{filter:brightness(1.1);transform:translateY(-1px)}