.studio .wb-canvas-host{flex-direction:column;flex:auto;min-height:0;display:flex}.studio .wb-canvas-vp{cursor:grab;touch-action:none;background-color:var(--paper);background-image:radial-gradient(circle at 1px 1px, var(--hair) 1px, transparent 0);background-size:24px 24px;flex:auto;min-height:0;position:relative;overflow:hidden}.studio .wb-canvas-vp[data-panning]{cursor:grabbing}.studio .wb-canvas-content{inline-size:max-content;min-inline-size:var(--wb-canvas-min,720px);max-inline-size:var(--wb-canvas-max,1280px);transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.studio .wb-canvas-bar{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);background:var(--plate);border-top:1px solid var(--hair);display:flex}.studio .wb-canvas-note{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.studio .wb-canvas-zoom{align-items:center;gap:var(--s1);flex:none;display:flex}.studio .wb-canvas-pct{text-align:center;min-width:44px;color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:12px}.studio .wb-canvas-act{min-height:24px;padding:0 var(--s2);border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--plate);font:inherit;color:var(--ink-muted);cursor:pointer;font-size:12px}.studio .wb-canvas-act:hover{color:var(--accent);border-color:var(--accent)}@media (max-width:560px){.studio .wb-canvas-act{min-height:44px}}
.studio .wb-icon-btn{border-radius:var(--r-sm);width:28px;height:28px;color:var(--ink-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}.studio .wb-icon-btn:hover{background:var(--paper-alt);color:var(--ink)}.studio .wb-icon-btn svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}@media (max-width:560px){.studio .wb-icon-btn{width:44px;height:44px}}