main.svelte-csbh6{max-width:860px;margin:0 auto;padding:40px 20px 64px}.breadcrumbs.svelte-csbh6{color:#7c8694;margin-bottom:16px;font-size:13px}.breadcrumbs.svelte-csbh6 a:where(.svelte-csbh6){color:#7db4ff;text-decoration:none}.breadcrumbs.svelte-csbh6 a:where(.svelte-csbh6):hover{text-decoration:underline}.breadcrumbs.svelte-csbh6 .sep:where(.svelte-csbh6){margin:0 6px}.breadcrumbs.svelte-csbh6 .current:where(.svelte-csbh6){color:#e8eaed;font-weight:500}header.svelte-csbh6 h1:where(.svelte-csbh6){letter-spacing:-.02em;margin:0 0 8px;font-size:34px}.tag.svelte-csbh6{color:#9aa4b2;margin:0 0 32px;font-size:15px;line-height:1.6}.builder-card.svelte-csbh6{background:#11141a;border:1px solid #23282f;border-radius:12px;margin-bottom:32px;padding:24px}.builder-card.svelte-csbh6 h2:where(.svelte-csbh6){margin:0 0 16px;font-size:18px}.form-row.svelte-csbh6{flex-wrap:wrap;gap:20px;margin-bottom:24px;display:flex}.field.svelte-csbh6{flex-direction:column;flex:260px;gap:6px;display:flex}.field.svelte-csbh6 label:where(.svelte-csbh6){text-transform:uppercase;letter-spacing:.06em;color:#7c8694;font-size:12px}.text-input.svelte-csbh6{color:#e8eaed;background:#171b22;border:1px solid #2d333b;border-radius:8px;padding:10px 14px;font-size:14px}.text-input.svelte-csbh6:focus{border-color:#3b82f6;outline:none}.style-toggle.svelte-csbh6{background:#171b22;border:1px solid #2d333b;border-radius:8px;gap:4px;padding:3px;display:flex}.toggle-btn.svelte-csbh6{color:#9aa4b2;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:7px 12px;font-size:13px;font-weight:500}.toggle-btn.active.svelte-csbh6{color:#fff;background:#1d4ed8;font-weight:600}.preview-box.svelte-csbh6{background:#0b0d10;border:1px dashed #2d333b;border-radius:10px;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.preview-lbl.svelte-csbh6{text-transform:uppercase;letter-spacing:.08em;color:#7c8694;font-size:11px}.preview-render.svelte-csbh6{background:#11141a;border:1px solid #1f242d;border-radius:8px;padding:12px 24px}.preview-sub.svelte-csbh6{color:#6b7684;font-size:11px}.code-snippets.svelte-csbh6{margin-bottom:40px}.code-snippets.svelte-csbh6 h2:where(.svelte-csbh6){margin:0 0 16px;font-size:20px}.snippet-box.svelte-csbh6{background:#11141a;border:1px solid #23282f;border-radius:10px;margin-bottom:16px;padding:16px}.snip-header.svelte-csbh6{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.snip-title.svelte-csbh6{color:#e8eaed;font-size:13px;font-weight:600}.copy-btn.svelte-csbh6{color:#7db4ff;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.copy-btn.svelte-csbh6:hover{color:#fff;background:#334155}pre.svelte-csbh6{background:#0b0d10;border-radius:6px;margin:0;padding:12px 14px;overflow-x:auto}code.svelte-csbh6{color:#93c5fd;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.benefits-grid.svelte-csbh6{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.benefit-card.svelte-csbh6{background:#11141a;border:1px solid #23282f;border-radius:10px;padding:18px}.benefit-card.svelte-csbh6 h3:where(.svelte-csbh6){margin:0 0 6px;font-size:15px}.benefit-card.svelte-csbh6 p:where(.svelte-csbh6){color:#9aa4b2;margin:0;font-size:13px;line-height:1.5}