
.site-builder-editable{transition:all .2s;position:relative}.site-builder-editable:hover{outline-offset:2px;background-color:#8b5cf60d;border-radius:4px;outline:2px dashed #8b5cf680}.floating-editor-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #8b5cf633;box-shadow:0 10px 40px #00000026}.editor-button{transition:all .2s}.editor-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.editor-textarea{border:2px solid #8b5cf633;transition:all .2s}.editor-textarea:focus{border-color:#8b5cf699;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.edit-mode-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.design-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa}.color-palette-preview{transition:all .2s}.color-palette-preview:hover{transform:scale(1.05);box-shadow:0 8px 24px #0000001f}.editor-loading{position:relative;overflow:hidden}.editor-loading:after{content:"";background:linear-gradient(90deg,#0000,#8b5cf61a,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.inline-text-editor-modal,.inline-text-editor-textarea{color:hsl(var(--foreground))!important;-webkit-text-fill-color:hsl(var(--foreground))!important;background:#fff!important;-webkit-background-clip:initial!important;background-clip:initial!important}.inline-text-editor-backdrop{cursor:pointer;background:#fff!important;-webkit-background-clip:initial!important;background-clip:initial!important}.site-builder-editable-container[data-preview-mode=true] a,.site-builder-editable-container[data-preview-mode=true] .site-builder-editable a{-webkit-text-decoration:inherit;text-decoration:inherit;color:inherit;pointer-events:none!important;cursor:pointer!important}.site-builder-editable-container{position:relative}.site-builder-editable-container[data-preview-mode=true] button,.site-builder-editable-container[data-preview-mode=true] .site-builder-editable button{pointer-events:none!important;cursor:pointer!important}:is(a:has(.editable-element-wrapper[data-preview-mode=true]),button:has(.editable-element-wrapper[data-preview-mode=true])),:is(a:has(.editable-element-wrapper[data-preview-mode=true]) .editable-element-wrapper,button:has(.editable-element-wrapper[data-preview-mode=true]) .editable-element-wrapper){pointer-events:auto!important}
