.canvas-hot-swap--out{opacity:.5;transform:scale(0.98);transition:opacity .15s ease-out,transform .15s ease-out;pointer-events:none}.canvas-hot-swap--in{animation:canvas-fade-in .3s ease-out forwards}@keyframes canvas-fade-in{from{opacity:.7;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.canvas-section-highlighted{position:relative;outline:3px solid var(--ej-color-corporate, #233D63);outline-offset:4px;animation:canvas-pulse 1.5s ease-in-out}@keyframes canvas-pulse{0%,100%{outline-color:var(--ej-color-corporate, #233D63);outline-offset:4px}50%{outline-color:var(--ej-color-innovation, #3B82F6);outline-offset:8px}}.canvas-section-highlighted::before{content:attr(data-editing-label);position:absolute;top:-28px;left:8px;background:var(--ej-color-corporate, #233D63);color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,.2)}body.canvas-preview-mode::after{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--ej-color-corporate, #233D63) 0%, var(--ej-color-innovation, #3B82F6) 50%, var(--ej-color-corporate, #233D63) 100%);z-index:10000;pointer-events:none}