.bn-tool{--bn-sheet-r:var(--radius-control);--bn-keyline:var(--ground-deep);--bn-pane:var(--surface-1)}.bn-tool[role=dialog]{--bn-pane:var(--surface-2)}.bn-tool[data-dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none}.bn-lamp:before{content:"";background-image:radial-gradient(ellipse 100% 100% at 50% 0%, rgb(var(--light) / .035) 0%, rgb(var(--light) / .07) 50%, rgb(var(--light) / .03) 80%, transparent 100%);pointer-events:none;position:absolute;inset:0}.bn-frame{border-radius:var(--bn-sheet-r);box-shadow:0 0 0 1px #ffffff0f, var(--shadow-ambient);-webkit-user-select:none;user-select:none;position:relative}.bn-sheet{border-radius:inherit;overflow:hidden}.bn-frame .wf-block[data-lifting]{z-index:3;box-shadow:0 0 0 1px var(--bn-keyline), 0 28px 56px -16px #000, 0 12px 24px -12px #000}.bn-overlay{z-index:2}.bn-hit{cursor:default;position:absolute;inset-inline:0}.bn-hit:focus-visible{box-shadow:inset 0 0 0 1px var(--bn-keyline), inset 0 0 0 3px var(--ink), inset 0 0 0 4px var(--bn-keyline);outline:none}.bn-tool[data-dragging] .bn-hit{cursor:grabbing}.bn-hover,.bn-selected{pointer-events:none;position:absolute;inset-inline:0}.bn-hover{box-shadow:inset 0 0 0 1px var(--ink), inset 0 0 0 2px var(--bn-keyline)}.bn-selected{box-shadow:0 0 0 1px var(--bn-keyline), inset 0 0 0 2px var(--ink), inset 0 0 0 3px var(--bn-keyline)}:is(.bn-hover,.bn-selected)[data-first]{border-top-left-radius:var(--bn-sheet-r);border-top-right-radius:var(--bn-sheet-r)}:is(.bn-hover,.bn-selected)[data-last]{border-bottom-left-radius:var(--bn-sheet-r);border-bottom-right-radius:var(--bn-sheet-r)}.bn-tag{background:var(--surface-3);height:20px;box-shadow:0 0 0 1px var(--edge-strong);color:var(--ink);white-space:nowrap;border-radius:0 0 6px;align-items:center;gap:4px;padding-inline:8px;font-size:11px;font-weight:500;line-height:1;display:inline-flex;position:absolute;top:0;left:0}[data-first]>.bn-tag{border-radius:6px 6px 0 0;top:auto;bottom:100%}.bn-tag[data-selected]{background:var(--ink);box-shadow:0 0 0 1px var(--bn-keyline);color:var(--on-white);font-weight:600}.bn-tag span{color:var(--ink-3);font-weight:400}.bn-tag[data-selected] span{color:var(--on-white-2);font-weight:500}.bn-gap{z-index:2;height:18px;position:absolute;inset-inline:0}.bn-gap:before{content:"";background:var(--ink);height:2px;box-shadow:0 0 0 1px var(--bn-keyline);opacity:0;transition:opacity .15s var(--ease-expo);position:absolute;inset:8px 0 auto}.bn-gap-plus{background:var(--ink);width:24px;height:24px;box-shadow:0 0 0 2px var(--bn-keyline);color:var(--on-white);cursor:pointer;opacity:0;transition:opacity .15s var(--ease-expo), transform .15s var(--ease-expo), background-color .15s var(--ease-expo), box-shadow .15s var(--ease-expo);border-radius:999px;place-items:center;display:grid;position:absolute;top:-3px;left:50%;transform:translate(-50%)scale(.7)}.bn-gap-plus svg{stroke-width:2px;width:14px;height:14px}.bn-gap[data-active]:before{opacity:1}.bn-gap:is([data-active],[data-edge]) .bn-gap-plus,.bn-gap-plus:focus-visible{opacity:1;transform:translate(-50%)scale(1)}.bn-gap-plus:is(:hover,[data-popup-open]){background:var(--lit);box-shadow:0 0 0 2px var(--bn-keyline), var(--shadow-glow)}.bn-gap-plus:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.bn-gap-plus:active{transform:translate(-50%)scale(.92)}.bn-insert{z-index:5;background:var(--ink);height:2px;box-shadow:0 0 0 1px var(--bn-keyline), 0 0 6px rgb(var(--light) / .8);margin-top:-1px;position:absolute;inset-inline:0}.bn-drop-target{outline:1px dashed var(--edge-bright);outline-offset:-16px}.bn-thumb{border-radius:var(--radius-control);box-shadow:0 0 0 1px var(--edge);transition:box-shadow .15s var(--ease-expo);display:block;overflow:hidden}.group:hover>.bn-thumb:not([data-chosen]){box-shadow:0 0 0 1px var(--edge-bright)}.bn-thumb[data-small]{border-radius:4px}.bn-thumb[data-chosen]{box-shadow:0 0 0 2px var(--surface-1), 0 0 0 4px var(--ink)}.bn-preset{border:1px dashed var(--edge-strong);background:0 0}.bn-preset-select{background:0 0;border-style:dashed}.bn-range{appearance:none;background:0 0}.bn-range:focus-visible{outline:none}.bn-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) 0 var(--fill), var(--rail) var(--fill) 100%);border-radius:99px;height:2px}.bn-range::-moz-range-track{background:var(--rail);border-radius:99px;height:2px}.bn-range::-moz-range-progress{background:var(--ink);border-radius:99px;height:2px}.bn-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--ground-deep);background:var(--ink);width:14px;height:14px;transition:transform .15s var(--ease-expo), background-color .15s var(--ease-expo);border-radius:999px;margin-top:-6px}.bn-range::-moz-range-thumb{box-sizing:border-box;border:2px solid var(--ground-deep);background:var(--ink);border-radius:999px;width:14px;height:14px}.bn-range:hover::-webkit-slider-thumb{background:var(--lit)}.bn-range[data-preset]::-webkit-slider-runnable-track{background:var(--rail)}.bn-range[data-preset]::-webkit-slider-thumb{border:1.5px dashed var(--ink);background:var(--ground-deep)}.bn-range:active::-webkit-slider-thumb{transform:scale(1.15)}.bn-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--ink);outline-offset:2px}.bn-range:disabled::-webkit-slider-runnable-track{background:var(--edge)}.bn-range:disabled::-webkit-slider-thumb{background:var(--ink-4)}.bn-check{appearance:none;border:1px solid var(--edge-control);background-color:var(--well);transition:border-color .15s var(--ease-expo), background-color .15s var(--ease-expo);border-radius:4px;place-items:center;display:grid}.bn-check:hover{border-color:var(--edge-control-hover)}.bn-check:after{content:"";background-color:var(--on-white);width:10px;height:10px;-webkit-mask:var(--tick) center / contain no-repeat;mask:var(--tick) center / contain no-repeat;opacity:0}.bn-check:checked{border-color:var(--ink);background-color:var(--ink)}.bn-check:checked:after{opacity:1}@media (forced-colors:active){.bn-selected,.bn-hover{outline-offset:-2px;outline:2px solid highlight}.bn-check:checked:after{background-color:canvastext}}