.bb-wrap{position:relative}.bb-ring{pointer-events:none;z-index:4;border:2px solid #4f3dd8;border-radius:6px;transition:top .12s,left .12s,width .12s,height .12s,opacity .15s;position:absolute;box-shadow:0 0 0 4px #4f3dd824}.bb-bar{z-index:6;color:#fff;font:600 12.5px var(--font-sans,-apple-system, "Segoe UI", sans-serif);background:#15122e;border-radius:12px;align-items:center;gap:2px;padding:4px;transition:top .12s,right .12s,opacity .15s;display:flex;position:absolute;box-shadow:0 12px 30px -10px #15122e99}.bb-bar.off{opacity:0;pointer-events:none}.bb-name{color:#b9aeff;white-space:nowrap;padding:0 8px 0 6px}.bb-b{color:#fff;min-width:34px;height:34px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0 8px;font-size:15px;display:grid}.bb-b:hover:not(:disabled){background:#ffffff1f}.bb-b:disabled{opacity:.3;cursor:default}.bb-b:focus-visible{outline-offset:-2px;outline:2px solid #b9aeff}.bb-drag{cursor:grab;touch-action:none;letter-spacing:-2px;font-size:17px}.bb-drag:active{cursor:grabbing}.bb-edit{background:#4f3dd8;padding:0 12px;font-size:13px}.bb-edit:hover{background:#6b5bf0!important}.bb-del:hover{background:#c2341b!important}.bb-x{color:#b9aeff;font-size:12px}.bb-line{z-index:7;pointer-events:none;background:#4f3dd8;border-radius:4px;height:4px;margin-top:-2px;position:absolute;left:6%;right:6%;box-shadow:0 0 0 3px #4f3dd840}.bb-line:before,.bb-line:after{content:"";background:#4f3dd8;border-radius:50%;width:12px;height:12px;position:absolute;top:-4px}.bb-line:before{left:-6px}.bb-line:after{right:-6px}.bb-add{color:#15122e;z-index:8;background:#fff;border-radius:14px;gap:8px;width:300px;padding:10px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 24px 60px -18px #15122e8c,0 0 0 1px #e4e0fa}.bb-seg{background:#f3f1fd;border-radius:999px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.bb-seg button{height:30px;font:inherit;color:#6b6590;cursor:pointer;background:0 0;border:0;border-radius:999px;font-weight:600}.bb-seg button[aria-pressed=true]{color:#2e2190;background:#fff;box-shadow:0 1px 3px #15122e24}.bb-types{grid-template-columns:1fr 1fr;gap:6px;max-height:300px;display:grid;overflow:auto}.bb-types button{text-align:left;cursor:pointer;font:inherit;background:#fff;border:1px solid #e4e0fa;border-radius:10px;gap:1px;padding:8px 10px;display:grid}.bb-types button:hover{background:#f7f5ff;border-color:#4f3dd8}.bb-types b{color:#15122e;font-size:13px}.bb-types span{color:#6b6590;font-size:11.5px;font-weight:500}@media (max-width:960px){.bb-b{min-width:40px;height:40px;font-size:17px}.bb-name{display:none}.bb-add{width:min(320px,100vw - 24px)}}@media (prefers-reduced-motion:reduce){.bb-ring,.bb-bar{transition:none}}