.bsg{gap:16px;display:grid}.bsg-modes{justify-self:start}.bsg-stage{border-radius:var(--radius);min-height:380px;box-shadow:inset 0 0 0 1px var(--line-strong);transition:background-color var(--med) var(--ease);grid-template-columns:minmax(0,1fr);place-items:center;padding:40px 24px;display:grid;position:relative;overflow:hidden}.bsg-box{max-width:82%;max-height:300px}.bsg-box[hidden],.bsg-text[hidden],.bsg-shape[hidden]{display:none}.bsg-text{max-width:100%;font-family:var(--font-display);letter-spacing:-.03em;text-align:center;overflow-wrap:anywhere;font-weight:750;line-height:1.05}.bsg-shape{max-width:82%;height:auto;overflow:visible}.bsg-layers{gap:6px;margin:0;padding:0;list-style:none;display:grid}.bsg-layer{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);align-items:center;gap:4px;padding:4px;display:flex}.bsg-layer.on{border-color:var(--sky);background:var(--primary-soft)}.bsg-layer.off .bsg-pick{opacity:.5}.bsg-layer.off .bsg-eye{color:var(--muted)}.bsg-layer.off .bsg-eye svg{opacity:.55}.bsg-pick{min-width:0;min-height:40px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;align-items:center;gap:10px;padding:2px 6px;display:flex}.bsg-pick:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.bsg-sw{background:repeating-conic-gradient(#d6d9e4 0 25%, #fff 0 50%) 0 0 / 10px 10px;width:26px;height:26px;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:8px;flex:none;overflow:hidden}.bsg-sw>span{width:100%;height:100%;display:block}.bsg-pick-txt{min-width:0;font-size:.88rem;display:grid}.bsg-pick-txt strong{font-weight:650}.bsg-sum{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.bsg-layer-tools{flex:none;display:flex}.bsg-offset{align-items:center;gap:16px;display:flex}.bsg-offset-sliders{flex:1;gap:8px;min-width:0;display:grid}.bsg-pad{--dx:0%;--dy:0%;background:linear-gradient(var(--line-strong), var(--line-strong)) 50% 0 / 1px 100% no-repeat, linear-gradient(var(--line-strong), var(--line-strong)) 0 50% / 100% 1px no-repeat, radial-gradient(circle, var(--line) 1px, transparent 1.5px) 0 0 / 16.5px 16.5px, var(--bg-soft);width:132px;height:132px;box-shadow:inset 0 0 0 1px var(--line-strong);cursor:crosshair;touch-action:none;border-radius:16px;flex:none;position:relative}.bsg-pad-line{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.bsg-pad-dot{border:3px solid var(--ice);background:var(--electric);cursor:grab;width:26px;height:26px;transition:transform var(--fast) var(--spring);border-radius:50%;margin:-13px 0 0 -13px;padding:0;position:absolute;box-shadow:0 0 0 1px #00000059,0 0 16px #7cc4ffa6}.bsg-pad.dragging .bsg-pad-dot{cursor:grabbing;transform:scale(1.15)}.bsg-pad-dot:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.bsg [data-inset-wrap][hidden],.bsg [data-text-field][hidden],.bsg [data-shape-field][hidden]{display:none}.bsg .seg[data-shape-field]{justify-self:start}.bsg-p-box{width:46%;height:52%}.bsg-p-text{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.7rem;font-weight:750}.bsg-p-shape{width:46%;height:auto;overflow:visible}@media (width<=480px){.bsg-stage{min-height:290px}.bsg-pad{width:112px;height:112px}.bsg-offset{gap:12px}.bsg-layer-tools .dk-icon-btn{width:32px}}@media (width<=400px){.bsg-layer-tools .dk-icon-btn{width:30px}.bsg-pick{gap:8px;padding-inline:4px}}