.canvas-zoom-control,.canvas-brush-parameter-dock{--canvas-view-control-size:32px;--canvas-view-control-border:1px solid var(--canvas-popup-border,#ebebed);--canvas-view-control-shadow:0 2px 8px rgba(0,0,0,.04);--canvas-view-control-background:var(--canvas-popup-surface,#fff)}.canvas-zoom-control{z-index:10;pointer-events:auto;align-items:center;gap:var(--spacing-sm,8px);display:flex;position:absolute;top:12px;right:12px}.canvas-zoom-control__trigger{min-width:70px;height:var(--canvas-view-control-size);border:var(--canvas-view-control-border);border-radius:var(--radius-pill);background:var(--canvas-view-control-background);color:var(--canvas-popup-text,#52525b);box-shadow:var(--canvas-view-control-shadow);font-variant-numeric:tabular-nums;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;display:inline-flex}.canvas-zoom-control--inline{position:relative;top:auto;right:auto}.canvas-zoom-control__step{width:var(--canvas-view-control-size);height:var(--canvas-view-control-size);border:var(--canvas-view-control-border);border-radius:var(--radius-pill);background:var(--canvas-view-control-background);color:var(--canvas-popup-text,#52525b);box-shadow:var(--canvas-view-control-shadow);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.canvas-zoom-control__step:not(:disabled):hover{background:var(--canvas-popup-hover,#f5f5f6)}.canvas-zoom-control__step:disabled{opacity:.4;cursor:not-allowed}.canvas-zoom-control__step:focus-visible{outline-offset:2px;outline:2px solid #93c5fd}.canvas-zoom-control__trigger:hover,.canvas-zoom-control__trigger[aria-expanded=true]{background:var(--canvas-popup-hover,#f5f5f6)}.canvas-zoom-control__trigger:focus-visible{outline-offset:2px;outline:2px solid #93c5fd}.canvas-zoom-control__trigger svg{flex-shrink:0}.canvas-zoom-control__menu{min-width:170px}.canvas-zoom-control__menu .ant-dropdown-menu{max-height:calc(100vh - 96px);overflow-y:auto}.canvas-zoom-control__menu.ant-dropdown .ant-dropdown-menu{border:1px solid var(--canvas-popup-border,#e5e7eb);border-radius:var(--radius);background:var(--canvas-popup-surface,#fff);color:var(--canvas-popup-text,#52525b);padding:4px;box-shadow:0 4px 16px rgba(0,0,0,.08)}.canvas-zoom-control__menu.ant-dropdown .ant-dropdown-menu-item{border-radius:var(--radius-sm);color:var(--canvas-popup-text,#52525b)}.canvas-zoom-control__menu.ant-dropdown .ant-dropdown-menu-item-selected,.canvas-zoom-control__menu.ant-dropdown .ant-dropdown-menu-item:hover{background:var(--canvas-popup-hover,#f5f5f6)}.canvas-zoom-control__option{justify-content:space-between;align-items:center;gap:24px;display:flex}
