.attachment-manager[data-v-bec4b162]{gap:16px;height:calc(100vh - 180px);min-height:600px;display:flex}.category-sidebar[data-v-bec4b162]{background:var(--el-bg-color);border-radius:8px;width:280px;padding:16px;overflow-y:auto;box-shadow:0 1px 3px #0000001a}.category-header[data-v-bec4b162]{border-bottom:1px solid var(--el-border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.category-title[data-v-bec4b162]{color:var(--el-text-color-primary);font-size:16px;font-weight:600}.category-all[data-v-bec4b162]{cursor:pointer;color:var(--el-text-color-regular);border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:10px 12px;transition:all .2s;display:flex}.category-all[data-v-bec4b162]:hover{background:var(--el-fill-color-light);color:var(--el-color-primary)}.category-all.active[data-v-bec4b162]{background:color-mix(in srgb, var(--el-color-primary) 8%, transparent);color:var(--el-color-primary);font-weight:500}.category-tree[data-v-bec4b162] .el-tree-node{margin-top:4px}.category-tree[data-v-bec4b162] .el-tree-node__content{border-radius:6px;height:auto;padding:8px 0}.category-tree[data-v-bec4b162] .el-tree-node__content:hover{background:var(--el-fill-color-light)}.category-tree[data-v-bec4b162] .el-tree-node.is-current>.el-tree-node__content{background:color-mix(in srgb, var(--el-color-primary) 8%, transparent);color:var(--el-color-primary);font-weight:500}.tree-node[data-v-bec4b162]{justify-content:space-between;align-items:center;width:100%;padding-right:8px;display:flex}.tree-node-label[data-v-bec4b162]{cursor:pointer;color:var(--el-text-color-regular);flex:1;align-items:center;gap:8px;display:flex}.tree-node-label[data-v-bec4b162]:hover{color:var(--el-color-primary)}.tree-node-actions[data-v-bec4b162]{opacity:0;gap:4px;transition:opacity .2s;display:flex}.tree-node-actions .el-button[data-v-bec4b162]{width:24px;height:24px;padding:4px}.tree-node:hover .tree-node-actions[data-v-bec4b162]{opacity:1}.attachment-content[data-v-bec4b162]{background:var(--el-bg-color);border-radius:8px;flex-direction:column;flex:1;padding:20px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a}.toolbar[data-v-bec4b162]{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.search-input[data-v-bec4b162]{width:400px}.empty-state[data-v-bec4b162]{flex:1;justify-content:center;align-items:center;display:flex}.loading-state[data-v-bec4b162]{flex:1;padding:20px}.attachment-grid[data-v-bec4b162]{flex:1;grid-template-columns:repeat(5,1fr);grid-auto-rows:minmax(min-content,max-content);gap:16px;padding:4px;display:grid;overflow-y:auto}.attachment-card[data-v-bec4b162]{background:var(--el-bg-color);border:1px solid var(--el-border-color);cursor:pointer;border-radius:8px;flex-direction:column;height:fit-content;transition:all .2s;display:flex;position:relative;overflow:hidden}.attachment-card[data-v-bec4b162]:hover{border-color:var(--el-color-primary-light-5);transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.attachment-card:hover .card-actions[data-v-bec4b162]{opacity:1}.attachment-card.selected[data-v-bec4b162]{border:2px solid var(--el-color-primary);box-shadow:0 0 0 3px var(--el-color-primary-light-9)}.card-preview[data-v-bec4b162]{background:var(--el-fill-color-light);justify-content:center;align-items:center;width:100%;height:140px;display:flex;position:relative}.image-preview[data-v-bec4b162]{padding:8px}.image-preview .preview-image[data-v-bec4b162]{border-radius:4px;width:100%;height:100%}.file-preview[data-v-bec4b162]{flex-direction:column;gap:8px}.file-preview .file-icon[data-v-bec4b162]{color:var(--el-color-primary);font-size:48px}.file-preview .file-extension[data-v-bec4b162]{color:var(--el-text-color-secondary);text-transform:uppercase;font-size:16px;font-weight:600}.card-info[data-v-bec4b162]{border-top:1px solid var(--el-border-color-lighter);padding:12px}.card-filename[data-v-bec4b162]{color:var(--el-text-color-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:13px;font-weight:500;overflow:hidden}.card-meta[data-v-bec4b162]{color:var(--el-text-color-secondary);align-items:center;font-size:11px;display:flex}.meta-item[data-v-bec4b162]{flex-shrink:0}.meta-divider[data-v-bec4b162]{margin:0 4px}.card-actions[data-v-bec4b162]{opacity:0;z-index:10;gap:6px;transition:opacity .2s;display:flex;position:absolute;top:6px;right:6px}.action-btn[data-v-bec4b162]{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.action-btn .el-icon[data-v-bec4b162]{color:#fff;font-size:16px}.action-btn[data-v-bec4b162]:hover{transform:scale(1.1)}.action-btn-primary[data-v-bec4b162]{background:var(--el-color-primary)}.action-btn-primary[data-v-bec4b162]:hover{background:var(--el-color-primary-light-3)}.action-btn-success[data-v-bec4b162]{background:var(--el-color-success)}.action-btn-success[data-v-bec4b162]:hover{background:var(--el-color-success-light-3)}.action-btn-danger[data-v-bec4b162]{background:var(--el-color-danger)}.action-btn-danger[data-v-bec4b162]:hover{background:var(--el-color-danger-light-3)}.selected-mask[data-v-bec4b162]{z-index:5;background:#409eff1a;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.selected-mask .check-icon[data-v-bec4b162]{color:var(--el-color-success);font-size:40px}.footer[data-v-bec4b162]{border-top:1px solid var(--el-border-color-lighter);justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;display:flex}.dialog-footer[data-v-bec4b162]{border-top:1px solid var(--el-border-color-lighter);justify-content:flex-end;margin-top:24px;padding-top:16px;display:flex}