.bb-stage{background:#05050c}.bb-canvas{touch-action:manipulation;cursor:crosshair;width:100%;height:min(80vh,860px);display:block}.bb-canvas.is-live{touch-action:none}.bb-pads{display:none}@media (max-width:640px),(hover:none){.bb-canvas{height:calc(100svh - 240px);min-height:380px}.bb-pads{grid-template-columns:1fr 1fr 1.4fr 1fr;gap:6px;margin-top:8px;display:grid}.bb-pads.is-live{touch-action:none}.bb-pad{border:1px solid var(--g-line);height:64px;color:var(--g-cyan);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:linear-gradient(#1c1d33,#0e0e1c);border-bottom-width:3px;border-radius:14px;font:900 20px/1 inherit}.bb-pad:active{background:#26284a;border-bottom-width:1px;transform:translateY(2px)}.bb-pad.is-fire{color:#fff;background:linear-gradient(#ff2d7a,#c41c5c);border-color:#fff3;font-size:17px}.bb-pad.is-swap{color:var(--g-lime);font-size:15px}}