.bc-layout{display:grid;gap:14px}
@media (min-width:760px){.bc-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.bc-layout>.card:last-child{position:sticky;top:120px}}
.bc-sum{cursor:pointer}
.bc-color{padding:4px;height:46px}
.bc-range{width:100%;height:46px;accent-color:var(--brand)}
.bc-preview{display:grid;place-items:center;min-height:160px;padding:12px;border-radius:12px;border:1px solid var(--border);background:repeating-conic-gradient(var(--surface-2) 0 25%,var(--surface) 0 50%) 0 0/16px 16px;overflow:hidden}
.bc-preview svg{max-width:100%;height:auto;display:block}
.bc-preview.err svg{opacity:.15}
.bc-full{margin:10px 0 0;font-size:17px;font-weight:700;letter-spacing:.06em;word-break:break-all;min-height:1.5em}