.bp-root{width:100%}.bp-wrap{justify-content:center;width:100%;display:flex;position:relative}.bp-canvas{border:3px solid var(--ink);max-width:100%;box-shadow:var(--hard);touch-action:none;cursor:crosshair;-webkit-tap-highlight-color:transparent;background:#fff8e3;border-radius:20px;outline:none;display:block}.bp-canvas:focus-visible{box-shadow:var(--hard), 0 0 0 3px var(--white), 0 0 0 6px var(--ink)}.bp-low{color:var(--bad)}.bp-toast{z-index:5;border:3px solid var(--ink);background:var(--sun);box-shadow:var(--hard);font-family:var(--font-display);letter-spacing:-.03em;white-space:nowrap;pointer-events:none;animation:bp-toast 1.6s var(--ease-spring) forwards;border-radius:16px;margin:0;padding:6px 16px 8px;font-size:clamp(20px,5vw,28px);font-weight:800;position:absolute;top:40%;left:50%;rotate:-3deg}@keyframes bp-toast{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}24%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-120%)}}.bp-foot{flex-wrap:wrap;justify-content:center;gap:6px 18px;display:inline-flex}.bp-touch{display:none}@media (hover:none) and (pointer:coarse){.bp-keys{display:none}.bp-touch{display:inline}}@media (width<=520px){.bp-root .ka-bar{gap:8px}.bp-root .ka-actions{gap:6px}.bp-root .ka-actions .ka-btn{height:36px;padding:0 12px;font-size:14px}.bp-root .ka-seg button{height:28px;padding:0 10px;font-size:13px}.bp-root .ka-stat{min-width:0;padding:4px 10px 5px}.bp-root .ka-stat dd{font-size:19px}.bp-canvas{box-shadow:var(--hard-sm);border-radius:16px}}@media (prefers-reduced-motion:reduce){.bp-toast{animation-duration:1ms}}