.cms-container[data-v-1982c896]{display:flex;height:calc(100vh - 100px);background:#f5f7fa}.cms-sidebar[data-v-1982c896]{width:220px;background:#fff;padding:15px;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;flex-shrink:0}.sidebar-title[data-v-1982c896]{font-weight:700;margin-bottom:15px;font-size:16px}.widget-item[data-v-1982c896]{padding:12px;margin-bottom:10px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:grab;display:flex;align-items:center;transition:all .2s}.widget-item[data-v-1982c896]:hover{border-color:#1890ff;color:#1890ff;box-shadow:0 2px 8px rgba(0,0,0,.05)}.widget-icon[data-v-1982c896]{margin-right:10px;font-size:18px}.instruction[data-v-1982c896]{margin-top:auto;font-size:12px;color:#888;background:#f9f9f9;padding:10px;border-radius:4px}.cms-work-area[data-v-1982c896]{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.area-header[data-v-1982c896]{height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid #eee;padding:0 20px;flex-shrink:0}.canvas-outer-wrapper[data-v-1982c896]{flex:1;overflow-y:auto;background:#f0f2f5;padding:40px 0;display:flex;justify-content:center;align-items:flex-start}.canvas-wrapper[data-v-1982c896]{background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1);transition:transform .2s ease-out}.canvas-list[data-v-1982c896]{min-height:600px;padding-bottom:50px}.cms-row[data-v-1982c896]{position:relative;margin-bottom:0;border:1px dashed transparent}.cms-row[data-v-1982c896]:hover{border-color:#1890ff;z-index:5}.cms-row:hover .row-handle-group[data-v-1982c896]{display:flex}.row-handle-group[data-v-1982c896]{display:none;position:absolute;left:-32px;top:0;flex-direction:column}.row-delete-btn[data-v-1982c896],.row-drag-handle[data-v-1982c896]{width:28px;height:28px;line-height:28px;text-align:center;background:#fff;border:1px solid #d9d9d9;cursor:pointer;margin-bottom:5px;border-radius:2px;color:#666;font-size:14px}.row-delete-btn[data-v-1982c896]:hover{color:red;border-color:red}.row-flex-container[data-v-1982c896]{display:flex;min-height:50px}.cms-component-wrapper[data-v-1982c896]{flex:1;position:relative;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.cms-component-wrapper[data-v-1982c896]:hover{border-color:#a6d4ff;z-index:2}.cms-component-wrapper.is-selected[data-v-1982c896]{border-color:#1890ff;z-index:10}.preview-media-box[data-v-1982c896]{position:relative;background:#fff;overflow:hidden}.gray-placeholder[data-v-1982c896]{background:#e6e6e6;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999}.resource-name[data-v-1982c896]{font-size:12px;color:#666;background:hsla(0,0%,100%,.5);padding:2px 6px;border-radius:2px}.type-tag[data-v-1982c896]{position:absolute;top:5px;left:5px;font-size:10px;color:#fff;background:rgba(0,0,0,.3);padding:1px 4px;border-radius:2px}.media-caption.mode-outside[data-v-1982c896]{padding:10px;background:#fff}.media-caption.mode-overlay[data-v-1982c896]{pointer-events:none;z-index:2}.selected-mask[data-v-1982c896]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border:1px solid #1890ff}.action-bar[data-v-1982c896]{position:absolute;top:-30px;right:0;pointer-events:auto;display:flex;gap:5px;background:#fff;padding:2px;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.cms-properties[data-v-1982c896]{width:320px;background:#fff;padding:20px;border-left:1px solid #e8e8e8;overflow-y:auto;flex-shrink:0}.empty-properties[data-v-1982c896]{margin-top:100px;text-align:center;color:#999}.prop-header[data-v-1982c896]{font-size:16px;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.grid-selector[data-v-1982c896]{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:120px;margin:0 auto}.grid-cell[data-v-1982c896]{width:36px;height:36px;background:#f0f0f0;border:1px solid #ddd;cursor:pointer;border-radius:2px}.grid-cell.active[data-v-1982c896]{background:#1890ff;border-color:#1890ff}