.bbo .bbo-stage{background-color:#f4f4f5;background-image:radial-gradient(circle,#10182829 .75px,#0000 1.25px);background-size:16px 16px}:is(html.dark,body.dark,html[data-stacklumen-theme=dark],body[data-stacklumen-theme=dark],html[data-baselumen-theme=dark]) .bbo .bbo-stage{background-color:#0f0f11;background-image:radial-gradient(circle,#ffffff1a .75px,#0000 1.25px)}.bbo .bbo-stage:after{content:none}.bbo .ld-body{grid-template-columns:244px minmax(0,1fr)}.bbo .bbo-panel{border-left:0;border-right:1px solid var(--ld-rule);order:-1;gap:12px}.bbo .bbo-tb{z-index:3;background:var(--ld-bar);border-bottom:1px solid var(--ld-rule);justify-content:center;gap:2px;padding:5px;display:flex;position:absolute;top:0;left:0;right:0}.bbo .bbo-ib{width:26px;height:26px;color:var(--ld-muted);cursor:pointer;transition:background-color .18s var(--bld-ease-out), border-color .18s var(--bld-ease-out), color .18s var(--bld-ease-out);background:0 0;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;padding:0;display:inline-flex}.bbo .bbo-ib svg{width:15px;height:15px}.bbo button.bbo-ib:hover:not(:disabled){background:var(--bld-sunken);border-color:var(--ld-rule);color:var(--ld-ink)}.bbo .bbo-ib:disabled{opacity:.4;cursor:default}.bbo .bbo-ib.is-drawn{cursor:default}.bbo :is(.bbo-ib,.bbo-op):focus-visible{outline-offset:1px;outline:2px solid #0075ff}.bbo .bbo-canvas{place-items:center;padding:44px 40px 40px;display:grid;position:absolute;inset:36px 0 0}.bbo .bbo-board{aspect-ratio:1;background-color:#fff;background-image:linear-gradient(45deg,#0a0a0a12 25%,#0000 25%),linear-gradient(-45deg,#0a0a0a12 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#0a0a0a12 75%),linear-gradient(-45deg,#0000 75%,#0a0a0a12 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;max-width:100%;height:100%;position:relative;box-shadow:0 1px 2px #2e10651f,0 18px 44px -20px #2e106566}.bbo .bbo-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bbo :is(.bbo-g,.bbo-sel){opacity:0;transition:opacity .26s var(--bld-ease-out)}.bbo[data-ld-op=none] [data-g=none],.bbo[data-ld-op=unite] [data-g=unite],.bbo[data-ld-op=subtract] [data-g=subtract],.bbo[data-ld-op=intersect] [data-g=intersect],.bbo[data-ld-op=exclude] [data-g=exclude]{opacity:1}.bbo .bbo-sel{pointer-events:none;position:absolute;inset:0}.bbo .bbo-member{opacity:.75;outline:1px dashed #0075ff;position:absolute}.bbo .bbo-box{position:absolute;box-shadow:0 0 0 2px #0075ff}.bbo .bbo-grip{background:#fff;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;box-shadow:0 0 0 2px #0075ff}.bbo .bbo-grip:is(.is-nw,.is-n,.is-ne){top:0}.bbo .bbo-grip:is(.is-w,.is-e){top:50%}.bbo .bbo-grip:is(.is-sw,.is-s,.is-se){top:100%}.bbo .bbo-grip:is(.is-nw,.is-w,.is-sw){left:0}.bbo .bbo-grip:is(.is-n,.is-s){left:50%}.bbo .bbo-grip:is(.is-ne,.is-e,.is-se){left:100%}.bbo .bbo-rot{background:#0075ff;width:2px;height:14px;margin-left:-1px;position:absolute;bottom:100%;left:50%}.bbo .bbo-rot:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:-4px;left:50%;box-shadow:0 0 0 2px #0075ff}.bbo .bbo-flash{z-index:4;background:var(--ld-ink);color:var(--ld-panel);font:500 12px/1.3 var(--ld-font);white-space:nowrap;opacity:0;transition:opacity .16s var(--bld-ease-out), transform .16s var(--bld-ease-out);border-radius:2px;margin:0;padding:6px 14px;position:absolute;bottom:14px;left:50%;transform:translate(-50%,4px);box-shadow:0 8px 24px -12px #10182866}.bbo .bbo-flash.is-in{opacity:1;transform:translate(-50%)}.bbo .bbo-note{color:var(--ld-faint);margin:0;font-size:11.5px;line-height:1.5}.bbo .bbo-note .is-one,.bbo:not([data-ld-op=none]) .bbo-note .is-two{display:none}.bbo:not([data-ld-op=none]) .bbo-note .is-one{display:inline}.bbo .bbo-group{flex-direction:column;gap:6px;min-width:0;display:flex}.bbo .bbo-label{color:var(--ld-muted);font-size:11px;font-weight:500}.bbo .bbo-row{flex-wrap:wrap;gap:3px;display:flex}.bbo .bbo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.bbo .bbo-op{border:1px solid var(--ld-rule);background:var(--ld-panel);color:var(--ld-muted);font:inherit;cursor:pointer;transition:border-color .12s var(--bld-ease-out), background-color .12s var(--bld-ease-out), color .12s var(--bld-ease-out), opacity .2s var(--bld-ease-out);border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;display:flex}.bbo .bbo-op:hover:not(:disabled){border-color:var(--ld-rule-strong);background:var(--bld-sunken);color:var(--ld-ink)}.bbo .bbo-op:disabled{opacity:.45;cursor:default}.bbo .bbo-op-art{place-items:center;height:24px;display:grid}.bbo .bbo-op-l{color:var(--ld-faint);font-size:10px;line-height:1.2}@container ld (width<=640px){.bbo .ld-body{grid-template-columns:minmax(0,1fr)}.bbo .bbo-panel{border-right:0;order:0}.bbo .bbo-canvas{padding:32px 24px 24px}.bbo .bbo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.bbo :is(.bbo-g,.bbo-sel,.bbo-flash,.bbo-op,.bbo-ib){transition:none}}.bl-design-page[data-astro-cid-lz5o6qqb] .bl-design-sr[data-astro-cid-lz5o6qqb]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}