.visual-editor-shell{--editor-primary:#2563eb;--editor-primary-light:rgba(37,99,235,.1);--editor-primary-border:rgba(37,99,235,.5);--editor-overlay:rgba(0,0,0,.02);--editor-highlight:rgba(37,99,235,.15)}.visual-editor-edit-mode{overflow:hidden}.visual-editor-banner{animation:.2s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.visual-editor-toolbar{box-shadow:0 1px 3px rgba(0,0,0,.05)}.visual-editor-canvas{background-image:linear-gradient(45deg,rgba(0,0,0,.02) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.02) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.02) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.visual-editor-preview{transition:width .3s ease-in-out}.visual-editor-frame{overflow:hidden}.visual-editor-editable{cursor:pointer;transition:all .15s;position:relative}.visual-editor-editable:before{content:"";pointer-events:none;border:2px dashed transparent;border-radius:4px;transition:border-color .15s;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.visual-editor-editable:hover:before,.visual-editor-editable-hover:before{border-color:var(--editor-primary-border)}.visual-editor-editable:hover,.visual-editor-editable-hover{background-color:var(--editor-highlight)}.visual-editor-selected{position:relative}.visual-editor-selected:before{content:"";border:2px solid var(--editor-primary);pointer-events:none;box-shadow:0 0 0 4px var(--editor-primary-light);border-radius:4px;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.visual-editor-section{transition:all .15s;position:relative}.visual-editor-section:after{content:"";pointer-events:none;border:2px dashed transparent;transition:border-color .15s;position:absolute;top:0;bottom:0;left:0;right:0}.visual-editor-section:hover:after{border-color:var(--editor-primary-border)}.visual-editor-section-label{background-color:var(--editor-primary);color:#fff;opacity:0;pointer-events:none;z-index:10;border-radius:4px 4px 0 0;padding:2px 8px;font-size:11px;font-weight:500;transition:opacity .15s;position:absolute;top:0;left:0;transform:translateY(-100%)}.visual-editor-section:hover .visual-editor-section-label{opacity:1}.visual-editor-hidden-section{opacity:.5;background-color:rgba(0,0,0,.05)}.visual-editor-hidden-section:before{content:"Hidden";color:#fff;z-index:5;background-color:rgba(0,0,0,.7);border-radius:4px;padding:4px 12px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visual-editor-side-panel{transition:width .2s}.visual-editor-side-panel.collapsed{width:0;overflow:hidden}#visual-editor-floating-toolbar{z-index:100;pointer-events:none;position:fixed}#visual-editor-floating-toolbar>*{pointer-events:auto}.visual-editor-preview[data-view-mode=tablet]{border-left:4px solid var(--editor-primary-light);border-right:4px solid var(--editor-primary-light)}.visual-editor-preview[data-view-mode=mobile]{border-left:4px solid var(--editor-primary-light);border-right:4px solid var(--editor-primary-light);border-radius:24px}.visual-editor-device-desktop{border-radius:8px}.visual-editor-device-tablet{border:8px solid hsl(var(--muted));box-shadow:0 0 0 2px hsl(var(--border)),0 10px 40px -10px rgba(0,0,0,.2);border-radius:16px}.visual-editor-device-mobile{border:12px solid hsl(var(--muted));box-shadow:0 0 0 2px hsl(var(--border)),0 10px 40px -10px rgba(0,0,0,.2);border-radius:32px;position:relative}.visual-editor-device-mobile:before{content:"";background-color:hsl(var(--muted));z-index:10;border-radius:12px;width:80px;height:24px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.visual-editor-device-mobile:after{content:"";background-color:hsl(var(--muted-foreground)/.3);z-index:10;border-radius:2px;width:100px;height:4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.visual-editor-saving{position:relative}.visual-editor-saving:after{content:"";z-index:1000;background-color:rgba(255,255,255,.5);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.visual-editor-loading-overlay{animation:.2s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visual-editor-skeleton{background:linear-gradient(90deg,hsl(var(--muted))25%,hsl(var(--muted-foreground)/.1)50%,hsl(var(--muted))75%);background-size:200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.visual-editor-skeleton-text{height:1em;margin-bottom:.5em}.visual-editor-skeleton-image{aspect-ratio:16/9;width:100%}@keyframes pulse-border{0%,to{border-color:var(--editor-primary)}50%{border-color:var(--editor-primary-border)}}.visual-editor-editing{animation:2s ease-in-out infinite pulse-border}.dark .visual-editor-shell{--editor-overlay:rgba(255,255,255,.02);--editor-highlight:rgba(37,99,235,.2)}.dark .visual-editor-canvas{background-image:linear-gradient(45deg,rgba(255,255,255,.02) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.02) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.02) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.02) 75%)}.dark .visual-editor-hidden-section{background-color:rgba(255,255,255,.05)}.visual-editor-editable[contenteditable=true]{cursor:text;min-height:1em}.visual-editor-editable[contenteditable=true]:empty:before{content:attr(data-placeholder);color:gray;pointer-events:none;font-style:italic}.visual-editor-editable[contenteditable=true]:focus{outline:none}.visual-editor-editable img{pointer-events:none}.visual-editor-section .visual-editor-section-label{white-space:nowrap}.visual-editor-section[data-collapsed=true]{max-height:60px;overflow:hidden}@media (prefers-reduced-motion:reduce){.visual-editor-banner,.visual-editor-preview,.visual-editor-editable,.visual-editor-editable:before,.visual-editor-section:after,.visual-editor-section-label{transition:none;animation:none}}.visual-editor-editable:focus-visible{outline:2px solid var(--editor-primary);outline-offset:2px}.visual-editor-editable:focus-visible:before{border-color:var(--editor-primary)}.floating-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:200px}.floating-toolbar:before{content:"";border:6px solid transparent;position:absolute;left:50%;transform:translate(-50%)}.floating-toolbar[data-placement=top]:before{border-top-color:hsl(var(--border));bottom:-12px}.floating-toolbar[data-placement=bottom]:before{border-bottom-color:hsl(var(--border));top:-12px}.floating-toolbar button[data-active=true]{background-color:var(--editor-primary-light);color:var(--editor-primary)}.floating-toolbar input[type=url]{background-color:hsl(var(--background))}.floating-toolbar input[type=url]:focus{border-color:var(--editor-primary)}