.detail-image-grid-editor[data-v-c50e90ee]{height:100%;display:flex;flex-direction:column;background:#f5f5f5}.toolbar[data-v-c50e90ee]{background:#fff;border-bottom:1px solid #e8e8e8;box-shadow:0 2px 8px #0000000f}.editor-content[data-v-c50e90ee]{flex:1;overflow:hidden}.image-library[data-v-c50e90ee]{background:#fafafa;border-right:1px solid #e8e8e8}.image-library h4[data-v-c50e90ee]{color:#262626;font-weight:600}.image-item[data-v-c50e90ee]{transition:all .3s ease;background:#fff;border:1px solid #e8e8e8}.image-item[data-v-c50e90ee]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#1890ff}.grid-container[data-v-c50e90ee]{background:#fff}.grid-wrapper[data-v-c50e90ee]{background:#f8f9fa;border:1px solid #e8e8e8}.grid-stack[data-v-c50e90ee]{background:linear-gradient(90deg,#f0f0f0 1px,transparent 1px),linear-gradient(#f0f0f0 1px,transparent 1px);background-size:20px 20px}.grid-stack-item.selected[data-v-c50e90ee]{border:2px solid #1890ff!important;box-shadow:0 0 0 2px #1890ff33!important;z-index:999!important}.grid-item-content[data-v-c50e90ee]{position:relative;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.grid-item-content[data-v-c50e90ee]:hover{box-shadow:0 4px 16px #00000026}.grid-item-overlay[data-v-c50e90ee]{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000;transition:all .3s ease}.grid-item-content:hover .grid-item-overlay[data-v-c50e90ee]{background:#0000001a}.config-panel[data-v-c50e90ee]{background:#fafafa;border-left:1px solid #e8e8e8}.config-panel h4[data-v-c50e90ee]{color:#262626;font-weight:600}[data-v-c50e90ee] .grid-stack-item-content{background:transparent;border:none;border-radius:6px;overflow:hidden;box-shadow:none}[data-v-c50e90ee] .grid-stack-item{border-radius:6px}[data-v-c50e90ee] .grid-stack-item-removing{opacity:.5;transform:scale(.8);transition:all .3s ease}[data-v-c50e90ee] .grid-stack-item.ui-draggable-dragging{transform:rotate(5deg);box-shadow:0 8px 24px #0003}[data-v-c50e90ee] .grid-stack-item.ui-resizable-resizing{box-shadow:0 4px 16px #1890ff4d}[data-v-c50e90ee] .grid-stack-placeholder{background:#1890ff1a!important;border:2px dashed #1890ff!important;border-radius:6px}[data-v-c50e90ee] .ui-resizable-handle{background:#1890ff;border-radius:50%;width:8px!important;height:8px!important;border:2px solid white;box-shadow:0 2px 4px #0003}[data-v-c50e90ee] .ui-resizable-se{right:-4px!important;bottom:-4px!important}@media (max-width: 1200px){.image-library[data-v-c50e90ee],.config-panel[data-v-c50e90ee]{width:240px}}@media (max-width: 768px){.editor-content[data-v-c50e90ee]{flex-direction:column}.image-library[data-v-c50e90ee],.config-panel[data-v-c50e90ee]{width:100%;height:200px}.grid-container[data-v-c50e90ee]{flex:1;min-height:400px}}.image-item[data-v-c50e90ee]{animation:fadeInUp-c50e90ee .3s ease}@keyframes fadeInUp-c50e90ee{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.test-grid-page[data-v-3d59bf46]{padding:20px}