/* UI glyphs: 22px for canvas tools, 18px for supporting actions.
   Pattern previews and scene geometry deliberately keep their own scale. */
:root{--icon-primary:22px;--icon-secondary:18px;--icon-stroke:2;--icon-ink:#e4ebe6;--icon-hover:#405345;--icon-active:#d5e6c9}
body svg.ui-icon{width:var(--ui-icon-size,var(--icon-secondary))!important;height:var(--ui-icon-size,var(--icon-secondary))!important;flex:none;fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round;pointer-events:none;vertical-align:middle}
body :is(.tools>.icon,.creation-shell>.icon,.plan-navigation button,.views>.view-action,.shape-modes button,.panel-tabs button,#build-actions button)>svg.ui-icon{--ui-icon-size:var(--icon-primary)}
body :is(.top .icon,.floating-bar button,.floating-grip,.strip-count button,.panel-back,.panel-close,#context-actions button,#camera-tools button){min-width:44px;min-height:44px;height:44px}
body :is(.top .icon,.floating-bar button,.strip-count button,.panel-back,.panel-close,#context-actions button,#camera-tools button){display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}
body :is(.top .icon,.strip-count button,.panel-back,.panel-close,.object-actions button,.floating-bar button,#context-actions button){background:transparent;border:0;color:var(--icon-ink)}
body .top{height:52px}
body .creation-shell{background:transparent;padding:0;gap:3px}
body .object-list-row>svg.ui-icon{width:var(--icon-secondary);height:var(--icon-secondary);margin-left:0;opacity:1;color:#c6d6ca}
body :is(.objects-menu,.project-menu) button>svg.ui-icon{margin:0 2px}
body :where(.tools,.top,.floating-bar,.plan-navigation,.panel-tabs,#context-actions,.object-panel-head,.object-actions,.strip-count) button:hover:not(:disabled){background:var(--icon-hover)}
body :is(.tools,.plan-navigation,.panel-tabs,.shape-modes) button[aria-pressed=true],body .tools button[aria-expanded=true]{background:var(--icon-active);color:#213323}
body :is(.tools,.top,.floating-bar,.plan-navigation,.panel-tabs,#context-actions,.object-panel-head,.object-actions,.strip-count) button:focus-visible{outline:2px solid #c6e1b9;outline-offset:2px}
body .object-actions .object-delete{color:#efb8ab}
body .floating-grip svg.ui-icon{stroke:currentColor}
/* A preview is a drawing, not an extra oversized command icon. */
.pattern-options svg,.motif-gallery svg{pointer-events:none}
@media(max-width:700px){
 body .tools{right:12px;bottom:12px;padding:8px;gap:3px;max-width:calc(100vw - 24px)}
 body .plan-navigation,body .views.swapped .plan-navigation{left:12px;bottom:80px;min-height:60px}
 body #camera-tools{bottom:148px!important;left:12px!important}
 body .scene[data-floating=true] #camera-tools{bottom:7px!important;left:8px!important}
 body .inspector,body .inspector.mapping-mode{left:12px;right:12px;top:76px;bottom:152px;width:auto;max-height:calc(100dvh - 228px)}
 body .top{right:12px}
 body .canvas-scale{left:auto;right:16px;bottom:88px}
 body .project-menu{max-width:calc(100vw - 24px)}
 body .scene[data-floating=true] #camera-tools button{width:44px;min-width:44px;height:44px;padding:0}
}
body .mapping-strip-nav button{width:44px;height:44px;min-height:44px;display:inline-grid;place-items:center;background:transparent;border:0}
body .mapping-strip-nav button:hover:not(:disabled){background:var(--icon-hover)}

body .top .icon>svg.ui-icon{--ui-icon-size:var(--icon-secondary)}
body .quick-shapes svg.ui-icon{--ui-icon-size:var(--icon-primary)}
body .tools button:is([aria-pressed=true],[aria-expanded=true]):hover:not(:disabled),body .panel-tabs button[aria-pressed=true]:hover:not(:disabled){background:var(--icon-active);color:#213323}
body .scheme-dialog [data-zoom]{width:44px;display:inline-grid;place-items:center;padding:0}
body .floating-resize{width:44px;height:44px;display:grid;place-items:center}
body .scene[data-floating=true] #camera-tools button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0}
body #project-settings[aria-expanded=true],body #project-settings[aria-expanded=true]:hover:not(:disabled){background:var(--icon-active);color:#213323}