.guide-article.svelte-1yjhriz{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.breadcrumb.svelte-1yjhriz{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-ss-text-secondary);margin-bottom:2rem}.breadcrumb.svelte-1yjhriz a:where(.svelte-1yjhriz){color:var(--color-ss-text-secondary);text-decoration:none;transition:color .15s}.breadcrumb.svelte-1yjhriz a:where(.svelte-1yjhriz):hover{color:var(--color-ss-accent)}.breadcrumb.svelte-1yjhriz .sep:where(.svelte-1yjhriz){opacity:.5}.breadcrumb.svelte-1yjhriz .current:where(.svelte-1yjhriz){color:var(--color-ss-text-primary);font-weight:600}.hero.svelte-1yjhriz{text-align:center;margin-bottom:3rem;padding-bottom:3rem;border-bottom:2px solid var(--color-ss-border-subtle)}.hero-badges.svelte-1yjhriz{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.badge.svelte-1yjhriz{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:6px}.badge-ai.svelte-1yjhriz{background:linear-gradient(135deg,var(--color-ss-accent) 0%,#34d399 100%);color:#fff}.badge-guide.svelte-1yjhriz{background:var(--color-ss-bg-overlay);color:var(--color-ss-text-secondary);border:2px solid var(--color-ss-border-subtle)}.hero.svelte-1yjhriz h1:where(.svelte-1yjhriz){font-size:3rem;font-weight:900;line-height:1.1;margin-bottom:1rem}.hero.svelte-1yjhriz h1:where(.svelte-1yjhriz) .accent:where(.svelte-1yjhriz){color:var(--color-ss-accent)}.lead.svelte-1yjhriz{font-size:1.25rem;color:var(--color-ss-text-secondary);max-width:600px;margin:0 auto 2rem;line-height:1.6}.hero-stats.svelte-1yjhriz{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.stat-card.svelte-1yjhriz{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:var(--color-ss-bg-overlay);border:2px solid var(--color-ss-border-subtle);border-radius:12px}.stat-value.svelte-1yjhriz{font-size:1.5rem;font-weight:800;color:var(--color-ss-accent);font-family:var(--font-ss-mono)}.stat-label.svelte-1yjhriz{font-size:.75rem;color:var(--color-ss-text-secondary);font-weight:600}.hero-actions.svelte-1yjhriz{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.content-section.svelte-1yjhriz{margin-bottom:4rem}.section-header.svelte-1yjhriz{margin-bottom:2rem}.section-num.svelte-1yjhriz{display:inline-block;font-size:.6875rem;font-weight:700;color:var(--color-ss-accent);background:var(--color-ss-accent-light);padding:.25rem .625rem;border-radius:4px;margin-bottom:.75rem;font-family:var(--font-ss-mono)}.section-header.svelte-1yjhriz h2:where(.svelte-1yjhriz){font-size:1.75rem;font-weight:800;color:var(--color-ss-text-primary);margin:0}.install-block.svelte-1yjhriz{display:flex;flex-direction:column;gap:1.5rem}.install-step.svelte-1yjhriz{display:flex;gap:1rem;align-items:flex-start}.install-num.svelte-1yjhriz{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--color-ss-accent);color:#fff;font-weight:700;font-size:.875rem;border-radius:50%;flex-shrink:0}.install-content.svelte-1yjhriz{flex:1}.install-content.svelte-1yjhriz h3:where(.svelte-1yjhriz){font-size:1rem;font-weight:700;margin-bottom:.5rem}.install-content.svelte-1yjhriz p:where(.svelte-1yjhriz){font-size:.875rem;color:var(--color-ss-text-secondary);margin:0}.install-content.svelte-1yjhriz a:where(.svelte-1yjhriz){color:var(--color-ss-accent);font-weight:600}.code-block.svelte-1yjhriz{display:flex;align-items:center;gap:.5rem;background:var(--color-ss-bg-dark);padding:.75rem 1rem;border-radius:8px}.code-block.svelte-1yjhriz code:where(.svelte-1yjhriz){flex:1;font-family:var(--font-ss-mono);font-size:.875rem;color:var(--color-ss-accent)}.copy-btn.svelte-1yjhriz{background:none;border:none;cursor:pointer;padding:.25rem;opacity:.6;transition:opacity .15s}.copy-btn.svelte-1yjhriz:hover{opacity:1}.copy-btn.svelte-1yjhriz svg:where(.svelte-1yjhriz){width:1rem;height:1rem;stroke:var(--color-ss-text-inverse)}.config-tabs.svelte-1yjhriz{display:flex;gap:.5rem;margin-bottom:1rem}.config-tab.svelte-1yjhriz{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;background:var(--color-ss-bg-overlay);border:2px solid var(--color-ss-border-subtle);border-radius:8px;cursor:pointer;transition:all .15s}.config-tab.svelte-1yjhriz:hover{border-color:var(--color-ss-accent)}.config-tab.active.svelte-1yjhriz{background:var(--color-ss-accent);border-color:var(--color-ss-accent);color:#fff}.config-tab.svelte-1yjhriz .tab-icon:where(.svelte-1yjhriz){border-radius:2px}.config-panel.svelte-1yjhriz{background:var(--color-ss-bg-overlay);border:2px solid var(--color-ss-border-subtle);border-radius:12px;padding:1.5rem}.config-desc.svelte-1yjhriz{font-size:.875rem;color:var(--color-ss-text-secondary);margin-bottom:1rem}.config-desc.svelte-1yjhriz code:where(.svelte-1yjhriz){font-family:var(--font-ss-mono);font-size:.8125rem;background:var(--color-ss-bg-base);padding:.125rem .375rem;border-radius:4px}.config-code.svelte-1yjhriz{background:var(--color-ss-bg-dark);color:var(--color-ss-text-inverse);padding:1rem;border-radius:8px;font-family:var(--font-ss-mono);font-size:.8125rem;line-height:1.6;overflow-x:auto;margin:0}.tools-grid.svelte-1yjhriz{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.tool-card.svelte-1yjhriz{position:relative;padding:1.25rem;background:var(--color-ss-bg-overlay);border:2px solid var(--color-ss-border-subtle);border-radius:12px;transition:all .15s ease}.tool-card.svelte-1yjhriz:hover{border-color:var(--color-ss-accent);transform:translateY(-2px)}.tool-card.tool-pro.svelte-1yjhriz{border-color:#a855f7}.tool-badge.svelte-1yjhriz{position:absolute;top:.75rem;right:.75rem;font-size:.625rem;font-weight:700;background:#a855f7;color:#fff;padding:.125rem .375rem;border-radius:4px}.tool-card.svelte-1yjhriz h3:where(.svelte-1yjhriz){font-family:var(--font-ss-mono);font-size:.875rem;font-weight:600;margin-bottom:.375rem;color:var(--color-ss-accent)}.tool-card.svelte-1yjhriz p:where(.svelte-1yjhriz){font-size:.8125rem;color:var(--color-ss-text-secondary);margin:0;line-height:1.4}.examples-grid.svelte-1yjhriz{display:flex;flex-direction:column;gap:1rem}.example-card.svelte-1yjhriz{background:var(--color-ss-bg-overlay);border:2px solid var(--color-ss-border-subtle);border-radius:12px;padding:1.25rem}.example-prompt.svelte-1yjhriz{display:flex;gap:.75rem;margin-bottom:.75rem}.example-prompt.svelte-1yjhriz svg:where(.svelte-1yjhriz){width:1.25rem;height:1.25rem;stroke:var(--color-ss-text-secondary);flex-shrink:0;margin-top:.125rem}.example-prompt.svelte-1yjhriz span:where(.svelte-1yjhriz){font-size:.9375rem;color:var(--color-ss-text-primary);font-style:italic}.example-result.svelte-1yjhriz{display:flex;align-items:center;gap:.5rem;padding-left:2rem}.result-label.svelte-1yjhriz{font-size:.75rem;color:var(--color-ss-text-secondary)}.example-result.svelte-1yjhriz code:where(.svelte-1yjhriz){font-family:var(--font-ss-mono);font-size:.8125rem;background:var(--color-ss-bg-base);padding:.25rem .5rem;border-radius:4px;color:var(--color-ss-accent)}.pro-tag.svelte-1yjhriz{font-size:.625rem;font-weight:700;background:#a855f7;color:#fff;padding:.125rem .375rem;border-radius:4px}.cta-section.svelte-1yjhriz{background:linear-gradient(135deg,var(--color-ss-accent-light) 0%,var(--color-ss-bg-overlay) 100%);border:3px solid var(--color-ss-accent);border-radius:16px;padding:3rem 2rem;text-align:center;margin-bottom:4rem}.cta-content.svelte-1yjhriz h2:where(.svelte-1yjhriz){font-size:2rem;font-weight:800;margin-bottom:1rem}.cta-content.svelte-1yjhriz h2:where(.svelte-1yjhriz) .accent:where(.svelte-1yjhriz){color:var(--color-ss-accent)}.cta-content.svelte-1yjhriz p:where(.svelte-1yjhriz){font-size:1rem;color:var(--color-ss-text-secondary);max-width:500px;margin:0 auto 1.5rem}.cta-buttons.svelte-1yjhriz{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}@media(max-width:768px){.hero.svelte-1yjhriz h1:where(.svelte-1yjhriz){font-size:2rem}.lead.svelte-1yjhriz{font-size:1rem}.config-tabs.svelte-1yjhriz{flex-wrap:wrap}.tools-grid.svelte-1yjhriz{grid-template-columns:1fr}.hero-stats.svelte-1yjhriz{gap:.75rem}.stat-card.svelte-1yjhriz{padding:.75rem 1rem}}