.unsupported-viewer[data-v-3af335b3]{display:flex;align-items:center;justify-content:center;width:100%;min-height:260px;background:var(--el-bg-color)}.unsupported-viewer__name[data-v-3af335b3]{max-width:min(520px,80vw);overflow:hidden;color:var(--el-text-color-secondary);text-overflow:ellipsis;white-space:nowrap}.file-preview[data-v-af0e3c03]{display:flex;flex-direction:column;overflow:hidden;background:var(--el-bg-color);border:1px solid var(--el-border-color);border-radius:8px}.file-preview__toolbar[data-v-af0e3c03]{display:flex;flex:0 0 48px;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:0 14px;background:var(--el-fill-color-extra-light);border-bottom:1px solid var(--el-border-color)}.file-preview__meta[data-v-af0e3c03]{display:flex;align-items:center;min-width:0;gap:10px}.file-preview__name[data-v-af0e3c03]{min-width:0;overflow:hidden;color:var(--el-text-color-primary);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.file-preview__type[data-v-af0e3c03]{flex:0 0 auto;padding:2px 7px;color:var(--el-text-color-secondary);font-size:12px;line-height:18px;background:var(--el-bg-color);border:1px solid var(--el-border-color);border-radius:4px}.file-preview__actions[data-v-af0e3c03]{display:flex;flex:0 0 auto;align-items:center;gap:10px}.file-preview__loading[data-v-af0e3c03]{color:var(--el-text-color-secondary);font-size:13px}.file-preview__body[data-v-af0e3c03]{position:relative;flex:1 1 auto;min-height:0}.file-preview__error[data-v-af0e3c03]{position:absolute;left:50%;top:50%;z-index:3;padding:10px 14px;color:var(--el-color-danger);background:var(--el-bg-color);border:1px solid var(--el-border-color);border-radius:6px;box-shadow:var(--el-box-shadow-light);transform:translate(-50%,-50%)}