.kicker[data-astro-cid-e4g3e23e],.eyebrow[data-astro-cid-e4g3e23e]{margin:0 0 var(--space-sm);color:var(--color-text-accent);font-family:var(--font-family-heading);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--font-letter-spacing-wider);text-transform:uppercase}.builder[data-astro-cid-e4g3e23e]{border:1px solid var(--color-border-default);background:var(--color-bg-default);overflow:hidden}.builder-head[data-astro-cid-e4g3e23e],.panel-label[data-astro-cid-e4g3e23e]{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.builder-head[data-astro-cid-e4g3e23e]{padding:var(--space-xl);border-bottom:1px solid var(--color-border-default)}.builder-head[data-astro-cid-e4g3e23e] h2[data-astro-cid-e4g3e23e],.how-it-works[data-astro-cid-e4g3e23e] h2[data-astro-cid-e4g3e23e],.snippet-context[data-astro-cid-e4g3e23e] h2[data-astro-cid-e4g3e23e]{margin:0}.status[data-astro-cid-e4g3e23e]{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--color-bg-celebrate);color:var(--color-text-default);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold)}.builder-grid[data-astro-cid-e4g3e23e]{grid-template-columns:minmax(15rem,.8fr) minmax(20rem,1.2fr);display:grid}.controls[data-astro-cid-e4g3e23e]{padding:var(--space-xl);border-right:1px solid var(--color-border-default)}fieldset[data-astro-cid-e4g3e23e]{margin:0 0 var(--space-xl);border:0;padding:0}legend[data-astro-cid-e4g3e23e]{margin-bottom:var(--space-sm);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.choice-row[data-astro-cid-e4g3e23e]{gap:var(--space-sm);flex-wrap:wrap;display:flex}.choice-row[data-astro-cid-e4g3e23e] label[data-astro-cid-e4g3e23e]{align-items:center;gap:var(--space-xs);min-height:44px;padding:0 var(--space-md);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-body-sm);display:inline-flex}.choice-row[data-astro-cid-e4g3e23e] label[data-astro-cid-e4g3e23e]:has(input:checked){border-color:var(--color-border-accent);background:var(--color-category-accent-bg);color:var(--color-text-default)}input[data-astro-cid-e4g3e23e][type=radio]{accent-color:var(--color-action-primary-bg)}.select-label[data-astro-cid-e4g3e23e]{margin-bottom:var(--space-xs);color:var(--color-text-muted);font-size:var(--font-size-body-sm);display:block}select[data-astro-cid-e4g3e23e],#label-input[data-astro-cid-e4g3e23e]{width:100%;min-height:44px;margin-bottom:var(--space-sm);padding:0 var(--space-sm);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-default);color:var(--color-text-default);font:inherit}.compact[data-astro-cid-e4g3e23e]{margin-top:var(--space-sm)}.toggle-label[data-astro-cid-e4g3e23e]{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);color:var(--color-text-muted);font-size:var(--font-size-body-sm);display:flex}.tip[data-astro-cid-e4g3e23e]{gap:var(--space-xs);padding:var(--space-md);background:var(--color-bg-section);font-size:var(--font-size-body-sm);display:grid}.tip[data-astro-cid-e4g3e23e] span[data-astro-cid-e4g3e23e]{color:var(--color-text-muted)}.result-column[data-astro-cid-e4g3e23e]{align-content:start;display:grid}.preview-panel[data-astro-cid-e4g3e23e],.code-panel[data-astro-cid-e4g3e23e]{padding:var(--space-xl)}.code-panel[data-astro-cid-e4g3e23e]{border-top:1px solid var(--color-border-default);background:var(--ramp-neutral-900);color:var(--color-bg-neutral)}.panel-label[data-astro-cid-e4g3e23e]{margin-bottom:var(--space-md);color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--font-letter-spacing-wide);text-transform:uppercase}.code-panel[data-astro-cid-e4g3e23e] .panel-label[data-astro-cid-e4g3e23e]{color:var(--ramp-neutral-400)}.preview-stage[data-astro-cid-e4g3e23e]{min-height:13rem;padding:var(--space-xl);background:var(--color-bg-surface);place-items:center;display:grid}.preview-stage[data-astro-cid-e4g3e23e] svg[data-astro-cid-e4g3e23e]{width:var(--icon-size,24px);height:var(--icon-size,24px);flex:none}pre[data-astro-cid-e4g3e23e]{padding:var(--space-lg);border-radius:var(--radius-sm);background:var(--color-bg-section);margin:0;overflow-x:auto}.code-panel[data-astro-cid-e4g3e23e] pre[data-astro-cid-e4g3e23e]{color:var(--color-bg-neutral);background:#242225}code[data-astro-cid-e4g3e23e]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--font-size-body-sm)}.copy-button[data-astro-cid-e4g3e23e]{width:100%;min-height:44px;margin-top:var(--space-md);border:1px solid var(--ramp-accent-300);border-radius:var(--radius-sm);background:var(--color-action-primary-bg);color:#fff;font:inherit;font-weight:var(--font-weight-bold);cursor:pointer}.copy-button[data-astro-cid-e4g3e23e]:hover{background:var(--color-action-primary-bg-hover)}.how-it-works[data-astro-cid-e4g3e23e]{padding:var(--space-layout-96) 0}.steps[data-astro-cid-e4g3e23e]{gap:var(--space-xl);margin-top:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.steps[data-astro-cid-e4g3e23e] article[data-astro-cid-e4g3e23e]{padding-top:var(--space-lg);border-top:2px solid var(--color-border-accent)}.steps[data-astro-cid-e4g3e23e] span[data-astro-cid-e4g3e23e]{color:var(--color-text-accent);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.steps[data-astro-cid-e4g3e23e] h3[data-astro-cid-e4g3e23e]{margin:var(--space-lg) 0 var(--space-sm)}.steps[data-astro-cid-e4g3e23e] p[data-astro-cid-e4g3e23e]{color:var(--color-text-muted);margin:0}.snippet-context[data-astro-cid-e4g3e23e]{align-items:center;gap:var(--space-xl);padding:var(--space-xl);background:var(--color-bg-section);grid-template-columns:1fr 1fr;display:grid}.back-link[data-astro-cid-e4g3e23e]{margin-top:var(--space-xl)}@media (width<=700px){.builder-grid[data-astro-cid-e4g3e23e],.steps[data-astro-cid-e4g3e23e],.snippet-context[data-astro-cid-e4g3e23e]{grid-template-columns:1fr}.controls[data-astro-cid-e4g3e23e]{border-right:0;border-bottom:1px solid var(--color-border-default)}}