:root{--emera-canvas-bg:var(--color-surface);--emera-canvas-dot:color-mix(in srgb, var(--color-ink-3) 34%, transparent);--emera-canvas-grid:color-mix(in srgb, var(--color-ink-3) 18%, transparent);--emera-selection:var(--color-link);--emera-selection-fill:color-mix(in srgb, var(--color-link) 8%, transparent);--emera-snap:var(--color-link);--lo-text-onbrand:#fff}.creative-canvas-root{background:var(--emera-canvas-bg);width:100%;height:100%;position:relative;overflow:hidden}.creative-canvas-root .stage{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.creative-canvas-root .canvas-background-layer{pointer-events:none;background:var(--emera-canvas-bg);position:absolute;inset:0}.creative-canvas-root .nodes-layer,.creative-canvas-root .selection-layer,.creative-canvas-root .brush-layer{pointer-events:none;transform-origin:0 0;will-change:transform;position:absolute;inset:0}.creative-canvas-root .overlay-layer,.creative-canvas-root .area-layer,.creative-canvas-root .guides-layer,.creative-canvas-root .resize-layer,.creative-canvas-root .floating-layer,.creative-canvas-root .node-overlay-layer{pointer-events:none;position:absolute;inset:0}.creative-canvas-root .overlay-layer{z-index:10;overflow:hidden}.creative-canvas-root .node-overlay-layer{z-index:15;overflow:hidden}.creative-canvas-root .floating-layer{z-index:20;overflow:hidden}.creative-canvas-root .area-layer,.creative-canvas-root .guides-layer,.creative-canvas-root .selection-layer{width:100%;height:100%}.creative-canvas-root .resize-layer{z-index:1}.creative-canvas-root .node{pointer-events:auto;transform-origin:0 0;-webkit-user-select:none;user-select:none;will-change:transform;position:absolute;top:0;left:0}.creative-canvas-root .selection-label{z-index:2;min-width:156px;height:18px;color:var(--emera-selection);pointer-events:none;transform-origin:0 0;justify-content:space-between;align-items:center;gap:12px;font-size:12px;line-height:16px;display:flex;position:absolute;top:0;left:0}.creative-canvas-root .selection-label-name{flex:auto;align-items:center;gap:4px;min-width:0;display:flex}.creative-canvas-root .selection-label-name span{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.creative-canvas-root .selection-label-resolution{flex:none}.creative-canvas-root .selection-label-icon{flex:none;width:14px;height:14px}.creative-canvas-root .resize-hit-target,.creative-canvas-root .rotate-hit-target{pointer-events:auto;transform-origin:0 0;background:0 0;border:0;min-height:0;padding:0;position:absolute;top:0;left:0}.creative-canvas-root .resize-hit-target{width:12px;height:12px}.creative-canvas-root .rotate-hit-target{cursor:grab;width:16px;height:16px}.creative-canvas-root .rotate-hit-target:active{cursor:grabbing}.creative-canvas-root .stage[data-tool=pan],.creative-canvas-root .stage[data-tool=pan] .node{cursor:grab}.creative-canvas-root .stage[data-panning=true],.creative-canvas-root .stage[data-panning=true] .node{cursor:grabbing}