.bc{gap:16px;display:grid}.bc-col{align-content:start;gap:16px;min-width:0;display:grid}.bc [hidden]{display:none!important}@media (width>=1000px){.bc{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}.bc-col-edit{position:sticky;top:84px}}@media (width<=999px){.bc-col{display:contents}.bc-preview{order:1}.bc-props{order:2}.bc-details-card{order:3}.bc-design-card{order:4}.bc-layers-card{order:5}.bc-export-card{order:6}}.bc-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);min-width:0;box-shadow:var(--edge);gap:12px;padding:18px;display:grid}.bc-card h3{margin:0;font-size:1.05rem}.bc-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.bc-dim{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;font-size:.75rem}.bc-fields{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.bc-fields-2{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-field{gap:5px;min-width:0;display:grid}.bc-field[hidden]{display:none}.bc-field>span,.bc-label{color:var(--ink-2);font-size:.85rem;font-weight:650}.bc-label{margin-top:6px}.bc-wide{grid-column:1/-1}.bc-field input,.bc-field select{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);width:100%;min-height:42px;color:var(--ink);font:inherit;padding:0 12px;font-size:.95rem}.bc-field input:focus-visible,.bc-field select:focus-visible{border-color:var(--sky);outline:none;box-shadow:0 0 0 4px #7cc4ff2e}.bc-hint,.bc-warn,.bc-busy{color:var(--muted);margin:0;font-size:.85rem}.bc-warn{color:var(--danger)}.bc-warn:empty,.bc-busy:empty,.bc-hint:empty{display:none}.bc-check{cursor:pointer;align-items:center;gap:8px;font-size:.95rem;font-weight:550;display:inline-flex}.bc-check[hidden]{display:none}.bc-check input{width:18px;height:18px;accent-color:var(--electric)}.bc-templates{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.bc-tpl{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);text-align:center;color:var(--ink-2);cursor:pointer;gap:6px;padding:6px 6px 8px;font-size:.82rem;font-weight:600;display:grid;position:relative}.bc-tpl input{opacity:0;pointer-events:none;position:absolute}.bc-tpl canvas{border-radius:4px;width:100%;height:auto;box-shadow:0 2px 8px #00000040}.bc-tpl:hover{border-color:var(--sky)}.bc-tpl:has(input:checked){border-color:var(--sky);background:var(--primary-soft);color:var(--ink);box-shadow:0 0 0 1px var(--sky)}.bc-tpl:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.bc-colours,.bc-logo-row,.bc-sheet-row,.bc-under{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.bc-colour{cursor:pointer;align-items:center;gap:8px;font-size:.92rem;font-weight:600;display:inline-flex}.bc-colour input{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:10px;width:36px;height:36px;padding:0}.bc-colour:focus-within{outline:3px solid var(--focus);outline-offset:2px;border-radius:10px}.bc-file{cursor:pointer;align-items:center;gap:6px;display:inline-flex;position:relative}.bc-file input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.bc-file:focus-within{outline:3px solid var(--focus);outline-offset:2px}.bc-logo-row .chip-btn,.bc-sheet-row .chip-btn{align-items:center;gap:6px;display:inline-flex}.bc-logo-row [hidden],.bc-sheet-row [hidden]{display:none}.bc-sides{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg-soft);gap:4px;padding:4px;display:inline-flex}.bc-side{border-radius:var(--radius-pill);min-height:36px;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 16px;font-size:.92rem;font-weight:600}.bc-side[aria-pressed=true]{background:var(--surface-2);color:var(--ink);box-shadow:0 0 0 1px var(--line-strong)}.bc-export{justify-items:start;gap:8px;display:grid}.bc-export .btn{justify-content:center}.bc.is-busy .bc-export button{cursor:progress;opacity:.7}.bc-note summary{cursor:pointer;color:var(--accent-text);font-weight:650}.bc-note p{color:var(--ink-2);margin:8px 0 0;font-size:.9rem}@media (width<=640px){.bc-card{padding:14px}.bc-stage{padding:18px 8px}.bc-export .btn{width:100%}}.bc-bar,.bc-undo,.bc-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bc-bar .chip-btn,.bc-undo .chip-btn,.bc-row .chip-btn{align-items:center;gap:6px;display:inline-flex}.bc-undo .chip-btn[disabled]{opacity:.45;cursor:default}.bc-ico{border:2px solid;border-radius:3px;width:14px;height:11px;display:inline-block}.bc-ico-circle{border-radius:50%;width:13px;height:13px}.bc-stage{border-radius:var(--radius-sm);background:radial-gradient(70% 90% at 50% 40%, #7cc4ff1f, transparent 70%), var(--bg-soft);border:1px solid var(--line);place-items:center;padding:16px 10px;display:grid;overflow:hidden}.bc-canvas-wrap{line-height:0;position:relative}.bc-canvas{border-radius:3px;display:block;box-shadow:0 1px 2px #00000040,0 18px 40px -16px #0000008c}.bc-overlay{touch-action:none;cursor:default;border-radius:3px;outline:none;position:absolute;inset:0}.bc-overlay:focus-visible{box-shadow:0 0 0 3px var(--focus)}.bc-sel{box-sizing:border-box;transform-origin:50%;cursor:move;pointer-events:none;border:1.5px solid #2f7bff;position:absolute;box-shadow:0 0 0 1px #ffffffb3}.bc-sel.bc-locked{cursor:default;border-style:dashed}.bc-h{pointer-events:auto;touch-action:none;background:#fff;border:1.5px solid #2f7bff;border-radius:4px;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute}.bc-h:after{content:"";position:absolute;inset:-10px}.bc-h-nw{cursor:nwse-resize;top:0;left:0}.bc-h-ne{cursor:nesw-resize;top:0;left:100%}.bc-h-se{cursor:nwse-resize;top:100%;left:100%}.bc-h-sw{cursor:nesw-resize;top:100%;left:0}.bc-h-e{cursor:ew-resize;top:50%;left:100%}.bc-h-w{cursor:ew-resize;top:50%;left:0}.bc-h-n{cursor:ns-resize;top:0;left:50%}.bc-h-s{cursor:ns-resize;top:100%;left:50%}.bc-h-rot{cursor:grab;border-radius:50%;top:-26px;left:50%}.bc-h-rot:before{content:"";background:#2f7bff;width:1.5px;height:13px;margin-left:-.75px;position:absolute;top:12px;left:50%}.bc-h-e,.bc-h-w{width:8px;height:18px;margin:-9px 0 0 -4px}.bc-h-n,.bc-h-s{width:18px;height:8px;margin:-4px 0 0 -9px}.bc-sel[data-kind=text] :is(.bc-h-n,.bc-h-s),.bc-sel[data-kind=details] :is(.bc-h-n,.bc-h-s),.bc-sel[data-kind=line] :is(.bc-h-n,.bc-h-s,.bc-h-nw,.bc-h-ne,.bc-h-se,.bc-h-sw),.bc-sel[data-kind=image] :is(.bc-h-n,.bc-h-s,.bc-h-e,.bc-h-w),.bc-sel[data-kind=qr] :is(.bc-h-n,.bc-h-s,.bc-h-e,.bc-h-w),.bc-sel.bc-locked .bc-h{display:none}.bc-guides-host{pointer-events:none;position:absolute;inset:0}.bc-guide{background:#ff3d7f;position:absolute;top:0;left:0}.bc-guide-x{width:1px}.bc-guide-y{height:1px}.bc-props .bc-head h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bc-acts{gap:6px;display:flex}.bc-act{border:1px solid var(--line-strong);background:var(--surface);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:12px;place-items:center;display:inline-grid}.bc-act:hover{border-color:var(--sky)}.bc-act[aria-pressed=true]{background:var(--primary-soft);border-color:var(--sky)}.bc-pgroup{gap:10px;min-width:0;display:grid}.bc-pgroup.bc-row{display:flex}.bc-geo{grid-template-columns:repeat(3,minmax(0,1fr))}.bc-field textarea{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);width:100%;min-height:60px;color:var(--ink);font:inherit;resize:vertical;padding:10px 12px;font-size:.95rem}.bc-field textarea:focus-visible{border-color:var(--sky);outline:none;box-shadow:0 0 0 4px #7cc4ff2e}.bc-range input{min-height:0;accent-color:var(--electric);background:0 0;border:0;padding:0}.bc-range output{color:var(--muted);font-weight:500}.bc-bound{border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;padding:10px 12px;font-size:.88rem;display:flex}.bc-seg{width:max-content;max-width:100%}.bc-tall .bc-tpl canvas{width:auto;height:120px;margin:0 auto}@media (width<=640px){.bc-bar{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.bc-bar .chip-btn{justify-content:center;padding:0 6px;font-size:.82rem}.bc .chip-btn,.bc-tok,.bc-layer-pick,.bc-layer-btn,.bc-side{min-height:44px}.bc-act{width:44px;height:44px}.bc-field input,.bc-field select{min-height:44px}.bc-geo{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-seg{width:100%}.bc-stage{padding:14px 4px}.bc-under{justify-content:space-between}}.bc-cp{gap:6px;display:grid}.bc-cp-label{color:var(--ink-2);font-size:.85rem;font-weight:650}.bc-cp-row{flex-wrap:wrap;gap:6px;display:flex}.bc-tok{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface);min-height:36px;color:var(--ink-2);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:0 10px 0 6px;font-size:.85rem;font-weight:600;display:inline-flex;position:relative}.bc-tok[aria-pressed=true],.bc-custom.bc-on{border-color:var(--sky);color:var(--ink);box-shadow:0 0 0 1px var(--sky)}.bc-sw{border:1px solid #80808080;border-radius:50%;width:22px;height:22px}.bc-sw-none{background:linear-gradient(135deg,#0000 45%,#e5484d 45% 55%,#0000 55%),#fff}.bc-custom input{cursor:pointer;background:0 0;border:0;border-radius:50%;width:24px;height:24px;padding:0}.bc-custom:focus-within{outline:3px solid var(--focus);outline-offset:2px}.bc-layers{gap:6px;max-height:320px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.bc-layer{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:4px;padding:3px;display:grid}.bc-layer-on{border-color:var(--sky);background:var(--primary-soft)}.bc-layer-pick{min-width:0;min-height:36px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px;font-size:.9rem;display:flex}.bc-layer-kind{font-family:var(--font-mono);text-transform:uppercase;color:var(--muted);flex:none;width:56px;font-size:.68rem}.bc-layer-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bc-layer-btn{border:1px solid var(--line-strong);background:var(--surface-2);min-width:36px;min-height:36px;color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;padding:0 8px;font-size:.85rem;font-weight:600}.bc-layer-btn[disabled]{opacity:.35;cursor:default}.bc-layer-locked{border-color:var(--sky)}