.builder[data-v-4e63a95f]{display:grid;gap:1.5rem}.builder-grid[data-v-4e63a95f]{display:grid;gap:0;border:1px solid var(--color-ink)}@media(min-width:960px){.builder-grid[data-v-4e63a95f]{grid-template-columns:1fr 1.05fr}}.panel[data-v-4e63a95f]{padding:1.75rem}@media(min-width:960px){.panel[data-v-4e63a95f]{padding:2.25rem}.panel--paper[data-v-4e63a95f]{border-right:1px solid var(--color-ink)}}@media(max-width:959.98px){.panel--paper[data-v-4e63a95f]{border-bottom:1px solid var(--color-ink)}}.panel--paper[data-v-4e63a95f]{background:var(--color-paper);color:var(--color-ink)}.panel--ink[data-v-4e63a95f]{background:var(--color-ink);color:var(--color-paper);display:flex;flex-direction:column;min-width:0}.step[data-v-4e63a95f]{padding-block:1.5rem;border-bottom:1px solid var(--color-rule-soft)}.step[data-v-4e63a95f]:first-child{padding-top:0}.step[data-v-4e63a95f]:last-child{border-bottom:0;padding-bottom:0}.step-head[data-v-4e63a95f]{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1rem}.step-n[data-v-4e63a95f]{font-family:var(--font-mono);font-size:1.5rem;letter-spacing:-.01em;color:var(--color-ink)}.step-title[data-v-4e63a95f]{font-family:var(--font-display);font-size:1.5rem;line-height:1;font-weight:400;letter-spacing:-.01em}.step-meta[data-v-4e63a95f]{margin-left:auto;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted)}.control-grid[data-v-4e63a95f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:0;border:1px solid var(--color-rule-soft)}.radio[data-v-4e63a95f]{position:relative;display:flex;gap:.75rem;padding:.85rem 1rem;cursor:pointer;border-right:1px solid var(--color-rule-soft);border-bottom:1px solid var(--color-rule-soft);background:var(--color-paper);transition:background .12s ease}.radio[data-v-4e63a95f]:hover{background:var(--color-paper-2)}.radio input[data-v-4e63a95f]{position:absolute;opacity:0;pointer-events:none}.radio-mark[data-v-4e63a95f]{width:14px;height:14px;border:1.5px solid var(--color-ink);border-radius:999px;margin-top:2px;flex-shrink:0;position:relative;background:var(--color-paper)}.radio input:checked+.radio-mark[data-v-4e63a95f]{background:var(--color-ink);box-shadow:inset 0 0 0 3px var(--color-accent)}.radio input:focus-visible+.radio-mark[data-v-4e63a95f]{outline:2px solid var(--color-ink);outline-offset:2px}.radio-body[data-v-4e63a95f]{display:flex;flex-direction:column;line-height:1.2}.radio-label[data-v-4e63a95f]{font-weight:500;font-size:.95rem}.radio-hint[data-v-4e63a95f]{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-top:.2rem}.control-list[data-v-4e63a95f]{display:grid;border:1px solid var(--color-rule-soft)}.check[data-v-4e63a95f]{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;text-align:left;width:100%;background:var(--color-paper);border:0;border-bottom:1px solid var(--color-rule-soft);cursor:pointer;font-family:inherit;color:inherit;transition:background .12s ease,color .12s ease}.check[data-v-4e63a95f]:last-child{border-bottom:0}.check[data-v-4e63a95f]:hover{background:var(--color-paper-2)}.check.is-checked[data-v-4e63a95f]{background:var(--color-ink);color:var(--color-paper)}.check.is-checked[data-v-4e63a95f]:hover{background:var(--color-ink-soft)}.check.is-checked .check-hint[data-v-4e63a95f]{color:#fafaf599}.check-mark[data-v-4e63a95f]{width:18px;height:18px;border:1.5px solid currentColor;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.check.is-checked .check-mark[data-v-4e63a95f]{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.check.is-checked .check-mark svg[data-v-4e63a95f]{width:100%;height:100%}.check-body[data-v-4e63a95f]{display:flex;flex-direction:column;line-height:1.2;min-width:0}.check-label[data-v-4e63a95f]{font-weight:500;font-size:.95rem}.check-hint[data-v-4e63a95f]{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-top:.2rem}.text-input[data-v-4e63a95f]{width:100%;padding:.75rem 1rem;background:var(--color-paper);border:1px solid var(--color-rule-soft);font-family:var(--font-mono);font-size:.875rem;color:var(--color-ink);transition:border-color .12s ease}.text-input[data-v-4e63a95f]:hover{border-color:var(--color-ink)}.text-input[data-v-4e63a95f]:focus{outline:none;border-color:var(--color-ink);box-shadow:0 0 0 2px var(--color-accent)}.code-header[data-v-4e63a95f]{display:flex;align-items:center;justify-content:space-between;padding-bottom:.85rem;border-bottom:1px solid rgba(250,250,245,.15);margin-bottom:1rem}.code-tag[data-v-4e63a95f]{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-paper)}.code-meta[data-v-4e63a95f]{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:#fafaf580}.code-meta .dot[data-v-4e63a95f]{color:#fafaf54d}.code-out[data-v-4e63a95f]{flex:1;font-family:var(--font-mono);font-size:.8125rem;line-height:1.7;white-space:pre;overflow-x:auto;margin:0;padding:0;color:var(--color-paper);min-height:16rem}.code-out[data-v-4e63a95f] .c-key{color:var(--color-accent)}.code-out[data-v-4e63a95f] .c-str{color:#f5e6a8}.code-out[data-v-4e63a95f] .c-com{color:#6b6961;font-style:italic}.code-out[data-v-4e63a95f] .c-fn{color:#c5e6ff}.code-actions[data-v-4e63a95f]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(250,250,245,.15)}.action-btn[data-v-4e63a95f]{display:inline-flex;align-items:center;justify-content:center;padding:.6rem .95rem;background:transparent;color:var(--color-paper);font-family:var(--font-sans);font-size:.8125rem;font-weight:500;border:1px solid rgba(250,250,245,.3);cursor:pointer;text-decoration:none;transition:background .12s ease,color .12s ease,border-color .12s ease}.action-btn[data-v-4e63a95f]:hover{border-color:var(--color-paper)}.action-btn.primary[data-v-4e63a95f]{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.action-btn.primary[data-v-4e63a95f]:hover{background:var(--color-paper);border-color:var(--color-paper)}.action-btn.ghost[data-v-4e63a95f]{margin-left:auto;color:#fafaf5b3}.preview-frame[data-v-4e63a95f]{border:1px solid var(--color-ink);background:var(--color-paper-2)}.preview-head[data-v-4e63a95f]{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;border-bottom:1px solid var(--color-ink);background:var(--color-paper)}.preview-stage[data-v-4e63a95f]{padding:2.5rem}.browser[data-v-4e63a95f]{max-width:52rem;margin:0 auto;background:var(--color-paper);border:1px solid var(--color-ink);box-shadow:8px 8px 0 var(--color-ink)}.browser-bar[data-v-4e63a95f]{display:flex;align-items:center;gap:.85rem;padding:.55rem .85rem;border-bottom:1px solid var(--color-ink);background:var(--color-paper-2)}.dots[data-v-4e63a95f]{display:inline-flex;gap:.3rem}.dots span[data-v-4e63a95f]{width:10px;height:10px;border:1.5px solid var(--color-ink);border-radius:999px}.url-bar[data-v-4e63a95f]{flex:1;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:lowercase;color:var(--color-muted);padding:.2rem .55rem;background:var(--color-paper);border:1px solid var(--color-rule-soft)}.browser-body[data-v-4e63a95f]{position:relative;min-height:14rem;padding:1.25rem}.page-fade[data-v-4e63a95f]{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 14px,rgba(11,11,11,.04) 14px 16px),var(--color-paper);pointer-events:none}.bnr[data-v-4e63a95f]{position:absolute;left:1.25rem;right:1.25rem;bottom:1.25rem;background:var(--bnr-bg, var(--color-paper));color:var(--bnr-fg, var(--color-ink));border:1px solid var(--color-ink);box-shadow:4px 4px 0 var(--color-ink);padding:1.1rem 1.25rem}.bnr--empty[data-v-4e63a95f]{background:var(--color-paper);box-shadow:none;color:var(--color-muted)}.bnr-title[data-v-4e63a95f]{font-family:var(--font-display);font-size:1.25rem;line-height:1;margin-bottom:.5rem}.bnr-body[data-v-4e63a95f]{font-size:.85rem;line-height:1.5;color:color-mix(in srgb,var(--bnr-fg, var(--color-ink-soft)) 72%,transparent);max-width:38rem}.bnr-body a[data-v-4e63a95f]{color:var(--bnr-fg, var(--color-ink));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.bnr-cats[data-v-4e63a95f]{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0;list-style:none;padding:0}.bnr-pill[data-v-4e63a95f]{display:inline-flex;align-items:center;gap:.45rem;padding:.2rem .55rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;background:var(--color-paper-2);border:1px solid var(--color-rule-soft);color:var(--color-ink-soft)}.bnr-pill.is-required[data-v-4e63a95f]{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.bnr-pill.is-on[data-v-4e63a95f]{background:var(--bnr-accent, var(--color-accent));color:var(--bnr-accent-ink, var(--color-accent-ink));border-color:var(--bnr-accent, var(--color-accent))}.bnr-pill-tag[data-v-4e63a95f]{font-size:.62rem;letter-spacing:.1em;opacity:.7}.bnr-actions[data-v-4e63a95f]{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.bnr-btn[data-v-4e63a95f]{padding:.45rem .85rem;font-family:var(--font-sans);font-size:.8rem;font-weight:500;border:1px solid var(--bnr-fg, var(--color-ink));background:var(--bnr-bg, var(--color-paper));color:var(--bnr-fg, var(--color-ink));cursor:pointer}.bnr-btn.ghost[data-v-4e63a95f]{background:transparent;border-color:color-mix(in srgb,var(--bnr-fg, var(--color-ink-soft)) 35%,transparent);color:color-mix(in srgb,var(--bnr-fg, var(--color-ink-soft)) 72%,transparent)}.bnr-btn.primary[data-v-4e63a95f]{background:var(--bnr-accent, var(--color-accent));border-color:var(--bnr-accent, var(--color-accent));color:var(--bnr-accent-ink, var(--color-accent-ink))}.step-reset[data-v-4e63a95f]{margin-left:auto;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.step-reset[data-v-4e63a95f]:hover{color:var(--color-ink)}.color-grid[data-v-4e63a95f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem}.color-field[data-v-4e63a95f]{display:flex;flex-direction:column;gap:.4rem}.color-label[data-v-4e63a95f]{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-soft)}.color-control[data-v-4e63a95f]{display:flex;align-items:stretch;border:1px solid var(--color-rule-soft);background:var(--color-paper)}.color-swatch[data-v-4e63a95f]{width:2.25rem;padding:0;border:0;border-right:1px solid var(--color-rule-soft);background:none;cursor:pointer}.color-swatch[data-v-4e63a95f]::-webkit-color-swatch-wrapper{padding:3px}.color-swatch[data-v-4e63a95f]::-webkit-color-swatch{border:0}.color-hex[data-v-4e63a95f]{flex:1;min-width:0;padding:.4rem .55rem;font-family:var(--font-mono);font-size:.8rem;color:var(--color-ink);background:none;border:0}.color-hex[data-v-4e63a95f]:focus-visible{outline:2px solid var(--color-ink);outline-offset:-2px}.color-note[data-v-4e63a95f]{margin-top:.9rem;font-size:.8rem;line-height:1.5;color:var(--color-ink-soft)}.color-note code[data-v-4e63a95f]{font-family:var(--font-mono);font-size:.78em}.color-snippet[data-v-4e63a95f]{margin:.6rem 0;padding:.7rem .85rem;background:var(--color-paper-2);border:1px solid var(--color-rule-soft);font-family:var(--font-mono);font-size:.75rem;line-height:1.5;white-space:pre;overflow-x:auto}.action-btn.small[data-v-4e63a95f]{padding:.4rem .7rem;font-size:.78rem}.sr-only[data-v-4e63a95f]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}