.page-header[data-astro-cid-mwpqxc76]{text-align:center;padding:2em 0 1em}.page-header[data-astro-cid-mwpqxc76] h1[data-astro-cid-mwpqxc76]{letter-spacing:-.03em;margin-bottom:.3em;font-size:2.8rem;font-weight:700}.page-header[data-astro-cid-mwpqxc76] .subtitle[data-astro-cid-mwpqxc76]{color:var(--text-secondary);max-width:680px;margin:0 auto;font-size:clamp(.95em,1.2vw,1.1em)}.eyebrow[data-astro-cid-mwpqxc76]{color:var(--accent-light);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.4em;font-size:.8em}.builder[data-astro-cid-mwpqxc76]{max-width:900px;margin:0 auto}.builder[data-astro-cid-mwpqxc76] h2[data-astro-cid-mwpqxc76],.learn[data-astro-cid-mwpqxc76] h2[data-astro-cid-mwpqxc76],.how[data-astro-cid-mwpqxc76] h2[data-astro-cid-mwpqxc76]{margin-top:2em;font-size:1.4rem}.section-desc[data-astro-cid-mwpqxc76],.learn[data-astro-cid-mwpqxc76] p[data-astro-cid-mwpqxc76],.how[data-astro-cid-mwpqxc76] li[data-astro-cid-mwpqxc76]{color:var(--text-secondary);font-size:.95em}.controls[data-astro-cid-mwpqxc76]{flex-wrap:wrap;align-items:flex-end;gap:1.5em;display:flex}.field[data-astro-cid-mwpqxc76]{flex-direction:column;gap:.4em;min-width:180px;display:flex}.field[data-astro-cid-mwpqxc76] label[data-astro-cid-mwpqxc76]{color:var(--text-secondary);font-size:.9em}.field[data-astro-cid-mwpqxc76] input[data-astro-cid-mwpqxc76][type=color]{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:64px;height:42px;padding:2px}.field[data-astro-cid-mwpqxc76] input[data-astro-cid-mwpqxc76][type=text]{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;width:110px;padding:.6em .8em;font-family:ui-monospace,monospace}.field[data-astro-cid-mwpqxc76] input[data-astro-cid-mwpqxc76][type=range]{accent-color:var(--accent)}input[data-astro-cid-mwpqxc76]:focus-visible,button[data-astro-cid-mwpqxc76]:focus-visible,pre[data-astro-cid-mwpqxc76]:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}.msg[data-astro-cid-mwpqxc76]{min-height:1.2em;color:var(--text-secondary);margin:.6em 0 0;font-size:.9em}.scale[data-astro-cid-mwpqxc76]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6em;display:grid}.step[data-astro-cid-mwpqxc76]{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);overflow:hidden}.step-swatch[data-astro-cid-mwpqxc76]{justify-content:space-between;align-items:flex-end;height:64px;padding:.4em .5em;font-size:.8em;font-weight:600;display:flex}.step-info[data-astro-cid-mwpqxc76]{color:var(--text-secondary);padding:.5em .6em;font-family:ui-monospace,monospace;font-size:.78em;line-height:1.5}.badge[data-astro-cid-mwpqxc76]{border-radius:4px;padding:.1em .4em;font-size:.9em;font-weight:700;display:inline-block}.badge[data-astro-cid-mwpqxc76].aaa{color:#fff;background:#1f6f43}.badge[data-astro-cid-mwpqxc76].aa{color:#fff;background:#7a5a12}.badge[data-astro-cid-mwpqxc76].fail{color:#f5c6bd;background:#5a1a14}.copy-step[data-astro-cid-mwpqxc76]{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;margin-top:.3em;padding:.1em .4em;font-family:inherit;font-size:.9em}.preview[data-astro-cid-mwpqxc76]{color:#111;border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;padding:1.5em}.pv-card[data-astro-cid-mwpqxc76]{max-width:420px}.pv-card[data-astro-cid-mwpqxc76] h3[data-astro-cid-mwpqxc76]{margin:0 0 .4em;font-size:1.2rem}.pv-card[data-astro-cid-mwpqxc76] p[data-astro-cid-mwpqxc76]{margin:.4em 0}.pv-btn[data-astro-cid-mwpqxc76]{border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:.6em;padding:.6em 1.1em;font-family:inherit;font-weight:600}.pv-badge[data-astro-cid-mwpqxc76]{border-radius:999px;margin-left:.6em;padding:.2em .6em;font-size:.85em;font-weight:600;display:inline-block}.export-tabs[data-astro-cid-mwpqxc76]{gap:.5em;margin-bottom:.6em;display:flex}.tab[data-astro-cid-mwpqxc76]{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;padding:.45em .9em;font-family:inherit}.tab[data-astro-cid-mwpqxc76].active{border-color:var(--accent);color:#fff}.code[data-astro-cid-mwpqxc76]{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:#e8e8ea;white-space:pre;max-height:320px;padding:1em;font-size:.85em;overflow:auto}.copy-btn[data-astro-cid-mwpqxc76]{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:.6em;padding:.55em 1.1em;font-family:inherit;font-weight:600}.copy-btn[data-astro-cid-mwpqxc76]:hover{background:var(--accent-dark)}.learn[data-astro-cid-mwpqxc76],.how[data-astro-cid-mwpqxc76]{max-width:800px;margin:2.5em auto 0}.how[data-astro-cid-mwpqxc76] ul[data-astro-cid-mwpqxc76]{padding-left:1.2em}.how[data-astro-cid-mwpqxc76] li[data-astro-cid-mwpqxc76]{margin:.4em 0}@media (width<=600px){.page-header[data-astro-cid-mwpqxc76] h1[data-astro-cid-mwpqxc76]{font-size:2rem}.scale[data-astro-cid-mwpqxc76]{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){[data-astro-cid-mwpqxc76]{transition:none!important;animation:none!important}}