.bpx{gap:1.1rem;display:grid}.bpx__drop{border:2px dashed color-mix(in srgb, currentColor 30%, transparent);text-align:center;border-radius:10px;align-content:center;justify-items:center;gap:.85rem;min-height:19rem;padding:1.5rem;display:grid}.bpx__drop[data-over=true],.bpx__stage[data-over=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent)}.bpx__hint{max-width:28rem;color:var(--muted);margin:0;font-size:.9rem}.bpx__stage{border-radius:10px;gap:1rem;display:grid}.bpx__canvas-wrap{background:color-mix(in srgb, currentColor 8%, transparent);border-radius:8px;place-items:center;padding:.5rem;display:grid}.bpx__canvas{width:100%;height:auto;display:block}.bpx__controls{align-content:start;gap:.85rem;font-size:.92rem;display:grid}.bpx__row{grid-template-columns:1fr auto;align-items:baseline;gap:.3rem .6rem;display:grid}.bpx__row label{font-weight:600}.bpx__row input[type=range],.bpx__row .bpx__select{grid-column:1/-1;width:100%}.bpx__value{color:var(--muted);font-variant-numeric:tabular-nums}.bpx__select{border:1px solid color-mix(in srgb, currentColor 35%, transparent);background:var(--surface);color:inherit;font:inherit;border-radius:7px;padding:.35rem .5rem}.bpx__check{cursor:pointer;align-items:baseline;gap:.5rem;display:flex}.bpx__summary{min-height:1.5em;color:var(--muted);margin:0}.bpx__actions{flex-wrap:wrap;gap:.6rem;display:flex}.bpx__button{border:1px solid color-mix(in srgb, currentColor 35%, transparent);color:inherit;font:inherit;cursor:pointer;text-align:center;background:0 0;border-radius:7px;padding:.55rem 1.1rem;font-size:.95rem;text-decoration:none}.bpx__button:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.bpx__button--primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}.bpx__button--primary:hover{background:color-mix(in srgb, var(--accent) 88%, black)}.bpx__button--quiet{color:var(--muted);border-color:#0000}.bpx__list{border-collapse:collapse;width:100%;font-size:.85rem}.bpx__list-scroll{max-height:16rem;overflow:auto}.bpx__list th,.bpx__list td{text-align:left;border-bottom:1px solid var(--line);padding:.2rem .4rem}.bpx__list td:last-child,.bpx__list th:last-child{text-align:right;font-variant-numeric:tabular-nums}.bpx__swatch{border:1px solid var(--line-strong);vertical-align:middle;border-radius:50%;width:1rem;height:1rem;display:inline-block}.bpx__status{min-height:1.5em;color:var(--muted);margin:0}.bpx__count{color:var(--muted);font-variant-numeric:tabular-nums}.bpx__error{color:var(--warn);margin:0;font-size:.9rem}@media (width>=46rem){.bpx__stage{grid-template-columns:minmax(0,1.5fr) minmax(15rem,1fr);align-items:start}}