.canvas-dock{position:absolute;right:12px;bottom:12px;z-index:4;display:flex;align-items:center;gap:2px;padding:4px;background:rgb(255 255 255 / 95%);border:1px solid #D8E2E5;border-radius:7px;box-shadow:0 2px 9px #203A4310;color:#29434C;font:11px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;backdrop-filter:blur(8px)}
.canvas-dock button{display:inline-flex;align-items:center;justify-content:center;width:28px;min-width:28px;height:28px;padding:5px;border:1px solid transparent;border-radius:4px;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}
.canvas-dock button:hover,.canvas-dock button[aria-expanded=true]{background:#EDF3F4}
.canvas-dock button[aria-pressed=true]{background:#E5EFF0;color:#115965}
.canvas-dock svg,.toolbar button[data-icon] svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.canvas-dock #zoom-level,.canvas-dock #viewer-zoom-level{min-width:35px;text-align:center;color:#52676F;font-size:10px;font-variant-numeric:tabular-nums}
.popover-control{position:relative;display:flex}
.canvas-popover{position:absolute;right:0;bottom:calc(100% + 9px);z-index:8;width:188px;padding:6px;background:#fff;border:1px solid #D8E2E5;border-radius:7px;box-shadow:0 5px 20px #203A431A;color:#29434C;text-align:left;font:11px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.canvas-popover::after{content:'';position:absolute;top:100%;right:0;left:0;height:10px}
.canvas-popover .popover-title{display:block;padding:5px 8px;color:#6A7D83;font-size:10px;font-weight:400}
.canvas-popover button{width:100%;height:auto;min-height:32px;padding:6px 8px;display:flex;gap:10px;justify-content:flex-start;text-align:left;font-size:11px}
.canvas-popover button[aria-pressed=true]::after{content:'✓';margin-left:auto;font-size:11px}
.canvas-popover button svg{flex:none}
.canvas-popover p{margin:5px 8px;white-space:normal;line-height:1.8}
.canvas-popover #graph-count{display:block;margin:8px;color:#6A7D83;font-size:10px;white-space:normal}
.surface-tooltip{position:fixed;z-index:10000;max-width:260px;padding:6px 9px;border-radius:4px;background:#263E47;color:#fff;font:11px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 2px 8px #203A4320;pointer-events:none;white-space:normal;text-align:left}
@media(max-width:500px){.canvas-dock{right:8px;bottom:8px;gap:0;padding:3px}.canvas-dock button{width:27px;min-width:27px}.canvas-popover{width:178px}.surface-tooltip{max-width:220px}}
@media(prefers-reduced-motion:reduce){.canvas-dock{backdrop-filter:none}}
[hidden]{display:none!important}
.editor-status.canvas-dock{min-height:0;padding:4px;gap:2px;min-width:0}
.editor-status.canvas-dock button{width:28px;min-width:28px;height:28px;padding:5px;font-size:11px}
.editor-status.canvas-dock .canvas-popover button{width:100%;height:auto;min-height:32px;padding:6px 8px;font-size:11px}
.editor-status.canvas-dock .canvas-popover #editor-hint{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;margin:5px 8px}
.editor-status.canvas-dock .canvas-popover #graph-count{display:block;white-space:normal;margin:8px}
@media(max-width:500px){.editor-status.canvas-dock{padding:3px;gap:0}.editor-status.canvas-dock button{width:27px;min-width:27px}}
/* Anchor menus to the dock so the leftmost icons cannot open beyond a narrow canvas. */
.canvas-dock .popover-control{position:static}
.canvas-dock .canvas-popover button{width:100%;height:auto;min-height:32px;white-space:nowrap}

.surface-tooltip.is-portalled{width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}