@media (min-width:768px){.hidden-desktop{opacity:.3!important;outline:2px dashed #ef4444!important;position:relative}.hidden-desktop:before{content:"👁️ Hidden on Desktop";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fee2e2;color:#991b1b;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap;pointer-events:none;z-index:10}}@media (max-width:767px){.hidden-mobile{opacity:.3!important;outline:2px dashed #ef4444!important;position:relative}.hidden-mobile:before{content:"👁️ Hidden on Mobile";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fee2e2;color:#991b1b;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap;pointer-events:none;z-index:10}}.custom-editor{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;display:flex;flex-direction:column;background:var(--editor-bg);color:var(--editor-text)}.custom-editor-toolbar{height:56px;background:var(--editor-surface);border-bottom:1px solid var(--editor-border);box-shadow:0 1px 2px rgba(0,0,0,.05);flex-shrink:0}.custom-editor-body{flex:1;display:flex;overflow:hidden}.custom-editor-sidebar{width:320px;background:var(--editor-surface);border-right:1px solid var(--editor-border);overflow-y:auto;flex-shrink:0}.custom-editor-canvas{flex:1;background:var(--editor-surface-muted);overflow-y:auto;overflow-x:hidden}.custom-editor-right-sidebar{width:320px;background:var(--editor-surface);border-left:1px solid var(--editor-border);overflow-y:auto;flex-shrink:0}.custom-editor-canvas .element-selected,body.editor-mode .element-selected{outline:2px solid #2563eb;outline-offset:2px}.custom-editor-canvas .element-hover,body.editor-mode .element-hover{outline:2px dashed #3b82f6;outline-offset:2px}.custom-editor-canvas .drop-zone-active,body.editor-mode .drop-zone-active{border-top:3px solid #2563eb;margin-top:-2px}.tab-button{font-size:14px;font-weight:500;padding:8px 16px;border-radius:6px;transition:all .2s ease}.tab-button-active{background:#2563eb;color:white;box-shadow:0 1px 3px rgba(37,99,235,.3)}.tab-button-inactive{color:var(--editor-text-muted);background:transparent}.tab-button-inactive:hover{background:var(--editor-surface-muted)}.block-button{aspect-ratio:1;width:100%;border:1px solid var(--editor-border);border-radius:8px;padding:12px;cursor:move;transition:all .2s ease;background:var(--editor-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.block-button:hover{border-color:#2563eb;background:var(--editor-surface-muted);transform:translateY(-2px);box-shadow:0 4px 6px rgba(37,99,235,.1)}.block-button-icon{width:24px;height:24px;color:var(--editor-text);flex-shrink:0}.block-button-label{font-size:11px;font-weight:500;color:var(--editor-text);text-align:center;line-height:1.3;max-width:100%;word-wrap:break-word;display:block}.op-empty-container{min-height:80px;display:flex;align-items:center;justify-content:center;background:var(--editor-surface-muted);border:2px dashed var(--editor-border);border-radius:8px;color:var(--editor-text-muted);font-size:14px;margin:16px}.nested-drop-zone{transition:all .2s ease}.container-element,.nested-children{position:relative}.nested-children{min-height:40px}.op-column,.op-row,.op-section{position:relative;transition:all .2s ease}body .op-column:hover,body .op-row:hover,body .op-section:hover{outline:none!important;background-color:transparent!important}.custom-editor-canvas .op-section:hover,body.editor-mode .op-section:hover{outline:2px dashed #cbd5e0!important;outline-offset:-2px!important;background-color:rgba(203,213,224,.05)!important}.custom-editor-canvas .op-row:hover,body.editor-mode .op-row:hover{outline:1px dashed #93c5fd!important;outline-offset:-1px!important;background-color:rgba(147,197,253,.05)!important}.custom-editor-canvas .op-column:hover,body.editor-mode .op-column:hover{outline:1px dashed #fbbf24!important;outline-offset:-1px!important;background-color:rgba(251,191,36,.05)!important}@media (max-width:767px){.op-row{flex-direction:column!important;padding-left:16px!important;padding-right:16px!important}.op-row>.op-column{flex:1 1 100%!important;width:100%!important;min-width:100%!important;max-width:100%!important}.op-section{padding-left:16px!important;padding-right:16px!important}.op-section>div{max-width:100%!important}}@media (min-width:768px) and (max-width:1023px){.op-row{flex-wrap:wrap!important}.op-row>.op-column{flex:1 1 calc(50% - 12px)!important;min-width:calc(50% - 12px)!important;max-width:calc(50% - 12px)!important}.op-row>.op-column:only-child{flex:1 1 100%!important;min-width:100%!important;max-width:100%!important}.op-section{padding-left:24px!important;padding-right:24px!important}}@media (min-width:1024px){.op-row{flex-direction:row!important}}.custom-editor-canvas .op-image-link,body.editor-mode .op-image-link{pointer-events:none;cursor:default}.custom-editor-canvas .op-gallery a,.custom-editor-canvas .op-gallery img,.custom-editor-canvas .op-image,.custom-editor-canvas .op-image-link img,.custom-editor-canvas .op-video iframe,.custom-editor-canvas .op-video video,body.editor-mode .op-gallery a,body.editor-mode .op-gallery img,body.editor-mode .op-image,body.editor-mode .op-image-link img,body.editor-mode .op-video iframe,body.editor-mode .op-video video{pointer-events:none}