.br-frame{outline-offset:0;outline:1px dashed #64748bb3;flex-shrink:0;position:relative}.br-shape{width:100%;height:100%}.br-handle{z-index:2;cursor:grab;touch-action:none;width:40px;height:40px;transform:scale(var(--br-inv,1));background:0 0;border:none;border-radius:50%;place-items:center;margin:-20px 0 0 -20px;padding:0;display:grid;position:absolute}.br-handle:active{cursor:grabbing}.br-handle-dot{background:#4f46e5;border:3px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .12s;box-shadow:0 0 0 1px #0f172a99,0 2px 6px #0f172a59}.br-handle:hover .br-handle-dot,.br-handle.is-active .br-handle-dot{transform:scale(1.2)}.br-handle:focus-visible{outline:none}.br-handle:focus-visible .br-handle-dot{box-shadow:0 0 0 2px #fff,0 0 0 5px #4f46e5}.br-tip{z-index:3;border-radius:var(--radius-sm);color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#0f172ae0;max-width:calc(100% - 20px);padding:.3rem .6rem;font-size:.8rem;font-weight:600;position:absolute;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%)}.br-sample{background:#6366f1;max-width:54px;height:28px;display:block}.br-table{grid-template-columns:max-content minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.5rem .75rem;display:grid}.br-col{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:.75rem;font-weight:700}.br-row{color:var(--text-primary);font-size:.85rem;font-weight:600}.br-saved{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.br-saved-item{border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-input);align-items:center;gap:.15rem;padding:.2rem;display:flex}.br-saved-load{border-radius:calc(var(--radius-sm) - 2px);min-height:40px;color:var(--text-primary);font:600 .8rem var(--font-body);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:.2rem .4rem;display:flex}.br-saved-load:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:1px}.br-saved-shape{width:32px;height:32px}.br-morph-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.br-morph-duration{flex:220px;min-width:0}.br-morph-row>.btn{min-height:40px}@media (width<=600px){.br-table{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.br-table>span:first-child{display:none}.br-row{grid-column:1/-1;margin-top:.25rem}}