.layout-canvas{touch-action:none;-webkit-user-select:none;user-select:none;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:4.16667% 4.16667%;width:100%;position:relative}.layout-canvas .zone{box-sizing:border-box;color:#fff;cursor:move;background:#0f766e59 50%/cover no-repeat;border:1px solid #fff9;position:absolute}.layout-canvas .zone.selected{outline-offset:-3px;outline:3px solid #f59e0b}.layout-canvas .zone-label{pointer-events:none;background:#0000008c;flex-direction:column;gap:2px;max-width:100%;padding:4px 6px;font-size:12px;line-height:1.2;display:flex;overflow:hidden}.layout-canvas .zone-label span{opacity:.85;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.layout-canvas .handle{z-index:2;background:#f59e0b;border:2px solid #fff;border-radius:2px;width:12px;height:12px;position:absolute}.layout-canvas .handle.n{cursor:ns-resize;top:-6px;left:calc(50% - 6px)}.layout-canvas .handle.s{cursor:ns-resize;bottom:-6px;left:calc(50% - 6px)}.layout-canvas .handle.e{cursor:ew-resize;top:calc(50% - 6px);right:-6px}.layout-canvas .handle.w{cursor:ew-resize;top:calc(50% - 6px);left:-6px}.layout-canvas .handle.ne{cursor:nesw-resize;top:-6px;right:-6px}.layout-canvas .handle.sw{cursor:nesw-resize;bottom:-6px;left:-6px}.layout-canvas .handle.nw{cursor:nwse-resize;top:-6px;left:-6px}.layout-canvas .handle.se{cursor:nwse-resize;bottom:-6px;right:-6px}