/* 2026-10-28: one material and one geometry for every floating Canvas dock.
 * Applied after legacy Canvas styles, identical in light and dark themes. */
html body:has(#editorView:not([hidden])) #editorView > .palette.glass,
html body[data-theme="light"]:has(#editorView:not([hidden])) #editorView > .palette.glass{
 position:absolute!important;left:22px!important;top:50%!important;
 width:59px!important;min-width:59px!important;max-width:59px!important;
 bottom:auto!important;transform:translateY(-50%)!important;
 padding:10px 5px!important;gap:3px!important;
 border-radius:18px!important;box-sizing:border-box!important;
}
html body:has(#editorView:not([hidden])) .topbar #boardHead.canvas-status-dock:not([hidden]),
html body[data-theme="light"]:has(#editorView:not([hidden])) .topbar #boardHead.canvas-status-dock:not([hidden]),
html body:has(#editorView:not([hidden])) #editorView > #canvasShell > .zoom-controls.glass,
html body[data-theme="light"]:has(#editorView:not([hidden])) #editorView > #canvasShell > .zoom-controls.glass{
 box-sizing:border-box!important;height:35px!important;min-height:35px!important;
 max-height:35px!important;padding:3px 10px!important;
 border-radius:18px!important;border:1px solid var(--edge)!important;
 background:var(--glass)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 9px 24px rgba(0,0,0,.16)!important;
 backdrop-filter:blur(22px) saturate(145%)!important;
 -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
}
html body[data-theme="light"]:has(#editorView:not([hidden])) .topbar #boardHead.canvas-status-dock:not([hidden]),
html body[data-theme="light"]:has(#editorView:not([hidden])) #editorView > #canvasShell > .zoom-controls.glass{
 background:var(--glass)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 9px 24px rgba(48,52,46,.14)!important;
}
/* The dock layout observer measures the real zoom control center. */
html body:has(#editorView:not([hidden])) .topbar #boardHead.canvas-status-dock:not([hidden]),
html body[data-theme="light"]:has(#editorView:not([hidden])) .topbar #boardHead.canvas-status-dock:not([hidden]){
 top:auto!important;bottom:var(--canvas-dock-status-bottom,20px)!important;
 border-radius:18px!important;
}
html body:has(#editorView:not([hidden])) #editorView > #canvasShell > .zoom-controls.glass,
html body[data-theme="light"]:has(#editorView:not([hidden])) #editorView > #canvasShell > .zoom-controls.glass{
 bottom:20px!important;
}
/* Brand and title must not clip at different window widths. */
html body:has(#editorView:not([hidden])) .topbar #canvasTitleDock:not([hidden]){
 width:min(590px,calc(100vw - 350px))!important;
 max-width:calc(100vw - 350px)!important;
 justify-content:center!important;gap:9px!important;
}
html body:has(#editorView:not([hidden])) #canvasTitleDock #boardTitle{
 flex:0 1 var(--canvas-title-text-width,240px)!important;
 width:var(--canvas-title-text-width,240px)!important;
 max-width:calc(100% - 35px)!important;
 text-align:center!important;text-overflow:clip!important;
 overflow-x:auto!important;white-space:nowrap!important;
}
html body:has(#editorView:not([hidden])) #canvasTitleDock #canvasTitleEdit{
 flex:0 0 29px!important;
}
@media(max-width:820px){
 html body:has(#editorView:not([hidden])) .topbar #canvasTitleDock:not([hidden]){
  top:62px!important;width:min(560px,calc(100vw - 40px))!important;
  max-width:calc(100vw - 40px)!important;
 }
 html body:has(#editorView:not([hidden])) #editorView > .palette.glass,
 html body[data-theme="light"]:has(#editorView:not([hidden])) #editorView > .palette.glass{
  left:14px!important;top:50%!important;
 }
}
/* Large, single-weight 3D Studio icon; same hitbox as the theme button. */
html body .topbar #canvasStudioLink.canvas-nav-icon svg,
html body .free-top #freeStudioLink.canvas-nav-icon svg{
 width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;
 stroke-width:1.8!important;display:block!important;
}
html body .topbar #canvasStudioLink.canvas-nav-icon,
html body .free-top #freeStudioLink.canvas-nav-icon{
 display:grid!important;place-items:center!important;
 min-width:42px!important;width:42px!important;
 min-height:42px!important;height:42px!important;
}
/* Text and image toolbars are the same unscaled floating surface. */
#canvasViewport > #canvasImageToolbarLayer .canvas-image-tools [data-image-action][hidden]{display:none!important}