.resize-container[data-v-fb9cefe0]{display:flex;flex-direction:column;background:#f0f2f5;overflow:hidden;height:calc(100vh - 84px)}.main-layout[data-v-fb9cefe0]{height:100%}.left-panel[data-v-fb9cefe0]{max-height:100%;background:#fff;border-right:1px solid #dcdfe6;display:flex;flex-direction:column;padding:15px;overflow-x:hidden}@media (min-width: 992px){.custom-width-left[data-v-fb9cefe0]{width:10%!important;flex:0 0 10%!important;max-width:10%!important}.custom-width-center[data-v-fb9cefe0]{width:75%!important;flex:0 0 75%!important;max-width:75%!important}.custom-width-right[data-v-fb9cefe0]{width:15%!important;flex:0 0 15%!important;max-width:15%!important}}.full-width[data-v-fb9cefe0]{width:100%}.mt-5[data-v-fb9cefe0]{margin-top:5px}.batch-opt[data-v-fb9cefe0]{margin:10px 0;text-align:center}.image-list[data-v-fb9cefe0]{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 12px 10px 10px}.image-item[data-v-fb9cefe0]{position:relative;margin-bottom:20px;border:2px solid #f0f0f0;border-radius:6px;padding:5px;cursor:pointer;transition:all .2s;box-sizing:border-box}.image-item.active[data-v-fb9cefe0]{border-color:#409eff;background:#ecf5ff}.thumb[data-v-fb9cefe0]{width:100%;height:80px;border-radius:4px;display:block}.delete-icon[data-v-fb9cefe0]{position:absolute;top:-10px;right:-10px;width:22px;height:22px;background:#f56c6c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 6px #0003;line-height:1}.delete-icon[data-v-fb9cefe0]:hover{background:#f78989}.delete-icon .el-icon[data-v-fb9cefe0]{font-size:14px}.image-list .image-item[data-v-fb9cefe0]:first-child{margin-top:10px}.item-name[data-v-fb9cefe0]{font-size:11px;text-align:center;margin-top:4px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.center-panel[data-v-fb9cefe0]{height:100%;background:#e9eaed;display:flex;flex-direction:column;position:relative}.empty-state[data-v-fb9cefe0]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#909399;cursor:pointer}.empty-state[data-v-fb9cefe0]:hover{color:#409eff}.preview-area[data-v-fb9cefe0]{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.immersive-toolbar[data-v-fb9cefe0]{position:absolute;top:15px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:15px;background:rgba(255,255,255,.8);padding:6px 15px;border-radius:20px;box-shadow:0 2px 12px #0000001a;opacity:.2;transition:opacity .3s ease}.immersive-toolbar[data-v-fb9cefe0]:hover{opacity:1}.tip-text[data-v-fb9cefe0]{font-size:12px;color:#606266}.preview-viewport[data-v-fb9cefe0]{flex:1;overflow:auto;background:#cfd4da;display:flex;padding:60px}.canvas-wrapper[data-v-fb9cefe0]{transition:none;pointer-events:none;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%);background-size:20px 20px;background-position:0 0,10px 10px;background-color:#fff}.canvas-wrapper img[data-v-fb9cefe0]{width:100%;height:100%;display:block}.right-panel[data-v-fb9cefe0]{height:100%;background:#fff;border-left:1px solid #dcdfe6;padding:15px;overflow-y:auto;box-sizing:border-box}.action-buttons[data-v-fb9cefe0]{margin-bottom:20px}.button-row[data-v-fb9cefe0]{display:flex;gap:8px;margin-top:10px;width:100%}.button-row .el-button[data-v-fb9cefe0]{flex:1;margin:0;padding:8px 4px}.settings-form[data-v-fb9cefe0]{padding-bottom:20px}.setting-title[data-v-fb9cefe0]{font-weight:700;font-size:16px;margin-bottom:15px;color:#303133;border-bottom:1px solid #ebeef5;padding-bottom:10px}.setting-item[data-v-fb9cefe0]{margin-bottom:20px}.setting-item .label[data-v-fb9cefe0]{display:block;margin-bottom:8px;font-weight:700;color:#606266;font-size:14px}.sub-tip[data-v-fb9cefe0]{font-size:12px;color:#909399;margin-top:4px}.global-loading[data-v-fb9cefe0]{position:fixed;inset:0;background:rgba(255,255,255,.7);z-index:3000;display:flex;align-items:center;justify-content:center;flex-direction:column}.loading-content p[data-v-fb9cefe0]{margin-top:10px;color:#409eff}@media (max-width: 992px){.resize-container[data-v-fb9cefe0]{height:auto;overflow-y:auto;display:block}.left-panel[data-v-fb9cefe0]{height:auto;border-bottom:1px solid #eee;max-height:none;overflow-x:auto;border-right:none}.image-list[data-v-fb9cefe0]{display:flex;overflow-x:auto;gap:10px;padding:10px}.image-item[data-v-fb9cefe0]{min-width:120px;margin-bottom:0}.center-panel[data-v-fb9cefe0]{height:500px}.immersive-toolbar[data-v-fb9cefe0]{opacity:.8}.right-panel[data-v-fb9cefe0]{border-left:none;border-top:1px solid #eee;height:auto}}