.wb2{flex-direction:column;gap:16px;display:flex}.wb2__stage{flex-direction:column;gap:12px;padding:16px;display:flex}.wb2__stagebar{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.wb2__stagebar .seg{flex:0 340px}.wb2__canvas{border-radius:var(--r-sm);background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%),repeating-linear-gradient(45deg,var(--surface) 0 12px,var(--surface-2) 12px 24px);padding:28px}.wb2__canvas iframe{background:0 0;border:0;width:100%;display:block}.wb2__cols{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:16px;display:grid}.wb2__h{font-size:18px}.wb2__parts{flex-wrap:wrap;gap:6px;display:flex}.wb2__parts label{border:1px solid var(--line);cursor:pointer;opacity:.6;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.wb2__parts label.on{opacity:1;border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.wb2__parts input{opacity:0;pointer-events:none;position:absolute}.wb2__parts label:focus-within{outline:2px solid var(--accent);outline-offset:2px}.wb2__code{position:sticky;top:86px}@media (max-width:900px){.wb2__cols{grid-template-columns:minmax(0,1fr)}.wb2__code{position:static}.wb2__canvas{padding:14px}}