.bo-canvas-shell{border-radius:12px;position:relative;overflow:hidden}.bo-controls .field{flex:240px}.bo-controls .segmented{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.bo-scale-btn{min-height:var(--control-h);width:100%;font-size:var(--control-fs);background:var(--bg-surface);color:var(--text);border:0;border-right:1px solid var(--border);border-radius:0;line-height:1.1}.bo-scale-btn:last-child{border-right:0}.bo-scale-btn:not(.active):hover{background:var(--bg-hover)}.bo-scale-btn.active{background:var(--accent);color:#fff;box-shadow:inset 0 -2px #0000002e}.bo-canvas-shell canvas{width:100%;height:auto;display:block}#bo-spock-body{border-left:0;padding-left:0}.bo-canvas-actions{z-index:2;position:absolute;top:calc(.45rem - 2px);right:calc(.6rem - 4px)}.bo-fs-btn{background:color-mix(in srgb, var(--bg-surface,#fff) 82%, transparent);width:1.7rem;height:1.7rem;color:var(--text,#0f172a);cursor:pointer;border:0;border-radius:.4rem;line-height:1}.bo-fs-btn:hover{color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent)}.bo-canvas-shell:fullscreen{border-radius:0;width:100vw;height:100vh;padding:.75rem}.bo-canvas-shell:fullscreen canvas{height:calc(100vh - 1.5rem)}