.brg{gap:16px;display:grid}.brg-modes{justify-self:start}.brg-stage{border-radius:var(--radius);background:radial-gradient(circle, var(--line-strong) 1px, transparent 1.5px) 0 0 / 22px 22px, var(--bg-soft);min-height:400px;box-shadow:inset 0 0 0 1px var(--line-strong);grid-template-columns:minmax(0,1fr);place-items:center;padding:40px 28px;display:grid;position:relative;overflow:hidden}.brg-box{max-width:100%;position:relative}.brg-shape{background-position:50%;background-size:cover;transition:border-radius 90ms linear;position:absolute;inset:0;box-shadow:0 30px 60px -30px #0000008c}.brg-outline{border:1px dashed var(--line-strong);pointer-events:none;border-radius:4px;position:absolute;inset:0}.brg-handle{border:3px solid var(--ice);background:var(--electric);cursor:grab;touch-action:none;z-index:2;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 #0006,0 0 14px #7cc4ff99}.brg-handle[data-k^=h]{top:0}.brg-handle[data-k=h2],.brg-handle[data-k=h3]{top:100%}.brg-handle[data-k^=v]{left:0}.brg-handle[data-k=v1],.brg-handle[data-k=v2]{left:100%}.brg-handle[data-k^=v]{background:var(--deep)}.brg-handle.dragging{cursor:grabbing;transform:scale(1.2)}.brg-handle:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.brg-handles[hidden]{display:none}.brg-file{position:relative}.brg-file input{opacity:0;width:1px;height:1px;position:absolute}.brg-file:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.brg [hidden]{display:none!important}.brg-table{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px 10px;font-size:.88rem;display:grid}.brg-table .brg-th{font-family:var(--font-mono);text-transform:uppercase;color:var(--muted);font-size:.74rem}.brg-table input{border:1px solid var(--line-strong);background:var(--surface-2);width:100%;height:40px;color:var(--ink);font-family:var(--font-mono);border-radius:10px;padding:0 10px;font-size:.9rem}.brg-table input:focus-visible{border-color:var(--sky);outline:none;box-shadow:0 0 0 4px #7cc4ff2e}.brg-table label{font-weight:650}.brg-p-shape{aspect-ratio:1;background:linear-gradient(135deg, var(--sky), var(--electric));width:52%}@media (width<=480px){.brg-stage{min-height:300px;padding:30px 22px}}