.build-root{--ez:cubic-bezier(.16, 1, .3, 1);--rail:3px}.build-root .bd-section{border-top:1px solid var(--line);padding:28px 0;scroll-margin-top:70px}.build-root .bd-section:first-of-type{border-top:0}.build-root .bd-section.locked{opacity:.38;pointer-events:none}.build-root .bd-section.locked .bd-body{display:none}@keyframes bdReveal{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:none}}.build-root .bd-section.just-opened{animation:bdReveal 1.1s var(--ez) both}@media (prefers-reduced-motion:reduce){.build-root .bd-section.just-opened{animation:none}.build-root *{scroll-behavior:auto!important}}.build-root .bd-head{align-items:center;gap:10px;display:flex}.build-root .bd-num{width:26px;height:26px;font:700 12px/1 var(--font-mono,ui-monospace), monospace;color:#c4b5fd;background:#8b5cf61f;border:1px solid #8b5cf659;border-radius:999px;flex:none;place-items:center;display:grid}.build-root .bd-num.done{color:#6ee7b7;background:#34d3991f;border-color:#34d39966}.build-root .bd-title{letter-spacing:-.01em;font-size:1.05rem;font-weight:800}.build-root .bd-sub{color:var(--muted);margin-top:2px;font-size:.8rem}.build-root .bd-body{margin-top:16px}.build-root .bd-grid{gap:12px;display:grid}@media (min-width:640px){.build-root .bd-grid.two{grid-template-columns:1fr 1fr}}.build-root .bd-label{color:var(--muted);margin-bottom:5px;font-size:.78rem;font-weight:600;display:block}.build-root .bd-opt{color:var(--faint);font-weight:400}.build-root .bd-input,.build-root .bd-textarea{width:100%;color:var(--fg);background:var(--surface);border:1px solid var(--line);transition:border-color .18s var(--ez);border-radius:12px;padding:11px 14px;font-size:.9rem}@media (max-width:640px){.build-root .bd-input,.build-root .bd-textarea{font-size:16px}}.build-root .bd-input:focus,.build-root .bd-textarea:focus{border-color:#8b5cf68c;outline:none}.build-root .bd-textarea{resize:vertical;min-height:96px;line-height:1.6}.build-root button{min-height:44px}.build-root .bd-sug{background:#8b5cf60f;border:1px dashed #8b5cf673;border-radius:12px;align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.build-root .bd-sug+.bd-sug{margin-top:8px}.build-root .bd-sug-badge{font:700 10px/1 var(--font-mono,ui-monospace), monospace;text-transform:uppercase;letter-spacing:.1em;color:#c4b5fd;white-space:nowrap;padding-top:3px}.build-root .bd-confirmed{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.build-root .bd-confirmed+.bd-confirmed{margin-top:6px}.build-root .bd-chip{cursor:pointer;background:var(--surface);border:1px solid var(--line);min-height:36px;color:var(--muted);transition:all .16s var(--ez);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;display:inline-flex}.build-root .bd-chip.on{color:#ddd6fe;background:#8b5cf624;border-color:#8b5cf680}.build-root .bd-chips{flex-wrap:wrap;gap:8px;display:flex}.build-root .bd-rail{gap:4px;display:flex}.build-root .bd-rail i{height:var(--rail);background:var(--line);transition:background .3s var(--ez);border-radius:999px;flex:1}.build-root .bd-rail i.on{background:var(--accent)}.build-root .bd-cols{gap:24px;display:grid}@media (min-width:1024px){.build-root .bd-cols{grid-template-columns:minmax(0,1fr) 400px;align-items:start}.build-root .bd-preview{position:sticky;top:76px}}@media (max-width:1023px){.build-root .bd-preview.hide,.build-root .bd-form.hide{display:none}}.build-root .bd-save{font:600 11px/1 var(--font-mono,ui-monospace), monospace;color:var(--faint);letter-spacing:.06em}.build-root .bd-save.err{color:#f87171}.build-root .bd-step-cols{gap:20px;display:grid}.build-root .bd-step-cols>*{min-width:0}@media (min-width:1024px){.build-root .bd-step-cols{grid-template-columns:208px minmax(0,1fr) 380px;align-items:start}.build-root .bd-nav,.build-root .bd-preview{position:sticky;top:84px}}@media (min-width:1024px) and (max-width:1279px){.build-root .bd-step-cols{grid-template-columns:minmax(0,1fr) 360px}.build-root .bd-nav{grid-column:1/-1;position:static}}.build-root .bd-nav ol{flex-direction:column;gap:2px;display:flex}@media (max-width:1279px){.build-root .bd-nav ol{scrollbar-width:none;flex-direction:row;gap:6px;padding-bottom:4px;overflow-x:auto}.build-root .bd-nav ol::-webkit-scrollbar{display:none}.build-root .bd-nav li{flex:none}}.build-root .bd-nav a,.build-root .bd-nav span.bd-nav-item{color:var(--muted);white-space:nowrap;transition:background .18s var(--ez), color .18s var(--ez);border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:.8rem;font-weight:600;display:flex}.build-root .bd-nav a:hover{background:var(--surface);color:var(--fg)}@media (pointer:coarse){.build-root .bd-nav a,.build-root .bd-nav span.bd-nav-item{min-height:44px}}.build-root .bd-nav .on{color:#ddd6fe;background:#8b5cf624;box-shadow:inset 0 0 0 1px #8b5cf659}.build-root .bd-nav .bd-tick{border:1px solid var(--line);width:16px;height:16px;color:var(--faint);border-radius:999px;flex:none;place-items:center;font-size:9px;font-weight:700;display:grid}.build-root .bd-nav .bd-tick.done{color:#6ee7b7;background:#34d39924;border-color:#34d39966}.build-root .bd-step{border-top:0;padding:0}.build-root .bd-step-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:18px;display:flex}.build-root .bd-back{min-height:44px;color:var(--muted);border:1px solid var(--line);border-radius:12px;align-items:center;padding:9px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.build-root .bd-back:hover{color:var(--fg)}.build-root .bd-step-count{font:600 11px/1 var(--font-mono,ui-monospace), monospace;color:var(--faint);letter-spacing:.06em}