.file-preview-page[data-v-0775ba49]{display:flex;flex:1;flex-direction:column;min-height:0;gap:10px}.preview-toolbar[data-v-0775ba49]{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;padding:12px 16px;border-radius:10px;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.06)}.toolbar-left[data-v-0775ba49]{min-width:0}.brand[data-v-0775ba49]{display:flex;align-items:center;gap:10px}.brand-icon[data-v-0775ba49]{font-size:24px;line-height:1}.brand-text[data-v-0775ba49]{display:flex;flex-direction:column}.brand-text strong[data-v-0775ba49]{font-size:15px;color:#1f2d3d}.brand-text small[data-v-0775ba49]{margin-top:2px;font-size:12px;color:#8492a6}.toolbar-right[data-v-0775ba49]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-upload[data-v-0775ba49],.toolbar-upload[data-v-0775ba49] .el-upload{display:inline-flex}.toolbar-switch[data-v-0775ba49]{display:flex;align-items:center;gap:6px}.toolbar-switch .switch-label[data-v-0775ba49]{font-size:12px;color:#8492a6}.preview-body[data-v-0775ba49]{display:flex;flex:1;min-height:0;gap:10px}.preview-aside[data-v-0775ba49]{display:flex;flex:0 0 232px;flex-direction:column;gap:10px;min-height:0;overflow-y:auto}.aside-card[data-v-0775ba49]{padding:14px;border-radius:10px;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.06)}.aside-card__title[data-v-0775ba49]{margin-bottom:10px;font-size:13px;font-weight:600;color:#1f2d3d}.aside-card--hint[data-v-0775ba49]{background:#f7f9fc}.aside-file[data-v-0775ba49]{display:flex;align-items:center;gap:10px}.aside-file__icon[data-v-0775ba49]{flex:0 0 auto;font-size:26px;line-height:1}.aside-file__meta[data-v-0775ba49]{min-width:0}.aside-file__name[data-v-0775ba49]{font-size:13px;color:#1f2d3d;word-break:break-all;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.aside-file__sub[data-v-0775ba49]{margin-top:2px;font-size:12px;color:#8492a6}.aside-actions[data-v-0775ba49]{margin-top:8px}.aside-empty[data-v-0775ba49]{font-size:12px;color:#a8abb2}.tag-wall[data-v-0775ba49]{display:flex;flex-wrap:wrap;gap:6px}.format-tag[data-v-0775ba49]{padding:2px 8px;border-radius:999px;background:#eef2ff;color:#4b6bfb;font-size:12px;line-height:18px}.format-tag--more[data-v-0775ba49]{background:#f2f4f8;color:#8492a6}.aside-tip[data-v-0775ba49]{margin-top:10px;font-size:12px;line-height:1.6;color:#8492a6}.hint-list[data-v-0775ba49]{margin:0;padding-left:16px;font-size:12px;line-height:1.9;color:#6b7a8f}.hint-list code[data-v-0775ba49]{padding:1px 4px;border-radius:4px;background:#eef2f7;font-size:11px}.preview-stage[data-v-0775ba49]{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;border-radius:10px;background:#f5f7fb;box-shadow:inset 0 0 0 1px rgba(15,23,42,.05)}.preview-stage.is-dark[data-v-0775ba49]{background:#17191d}.preview-stage.is-dragover[data-v-0775ba49]{box-shadow:inset 0 0 0 2px #4b6bfb}.viewer-host[data-v-0775ba49]{position:absolute;inset:0;overflow:hidden}.stage-empty[data-v-0775ba49]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;overflow-y:auto;background:rgba(245,247,251,.96)}.empty-icon[data-v-0775ba49]{font-size:44px;line-height:1}.empty-title[data-v-0775ba49]{font-size:16px;font-weight:600;color:#1f2d3d}.empty-sub[data-v-0775ba49]{font-size:12px;color:#8492a6}.empty-actions[data-v-0775ba49]{display:flex;align-items:center;gap:10px;margin-top:6px}.empty-upload[data-v-0775ba49],.empty-upload[data-v-0775ba49] .el-upload{display:inline-flex}.url-row[data-v-0775ba49]{width:min(460px,100%);margin-top:4px}.url-row[data-v-0775ba49] .el-input-group__append{background:#4b6bfb;border-color:#4b6bfb;color:#fff}.empty-flow[data-v-0775ba49]{display:flex;align-items:stretch;gap:10px;width:min(760px,100%);margin-top:16px}.flow-card[data-v-0775ba49]{position:relative;flex:1;padding:12px 12px 12px 14px;border-radius:10px;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.06)}.flow-card p[data-v-0775ba49]{margin:4px 0 0;font-size:12px;line-height:1.6;color:#8492a6}.flow-step[data-v-0775ba49]{position:absolute;top:-8px;left:12px;width:20px;height:20px;border-radius:999px;background:#4b6bfb;color:#fff;font-size:12px;line-height:20px;text-align:center}.flow-title[data-v-0775ba49]{margin-top:4px;font-size:13px;font-weight:600;color:#1f2d3d}.flow-arrow[data-v-0775ba49]{align-self:center;color:#c0c4cc}.stage-loading[data-v-0775ba49]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:hsla(0,0%,100%,.72);backdrop-filter:blur(2px)}.preview-stage.is-dark .stage-loading[data-v-0775ba49]{background:rgba(23,25,29,.72)}.loading-dot[data-v-0775ba49]{width:10px;height:10px;border-radius:999px;background:#4b6bfb;box-shadow:0 0 0 6px rgba(75,107,251,.15);animation:pulse-0775ba49 1.1s ease-in-out infinite}.loading-text[data-v-0775ba49]{font-size:13px;color:#5c6b82}@keyframes pulse-0775ba49{0%,to{transform:scale(.9);opacity:.7}50%{transform:scale(1.1);opacity:1}}.stage-error[data-v-0775ba49]{position:absolute;top:50%;left:50%;width:min(560px,100% - 40px);padding:20px;border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(24,44,64,.16);transform:translate(-50%,-50%)}.error-title[data-v-0775ba49]{margin-bottom:6px;font-size:14px;font-weight:600;color:#f56c6c}.error-message[data-v-0775ba49]{font-size:13px;line-height:1.6;color:#1f2d3d;word-break:break-word}.error-sub[data-v-0775ba49]{margin-top:8px;font-size:12px;line-height:1.6;color:#8492a6}.stage-dragover-tip[data-v-0775ba49]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:#4b6bfb;background:rgba(75,107,251,.08);pointer-events:none}.dialog-tip[data-v-0775ba49]{margin-top:8px;font-size:12px;color:#8492a6}@media(max-width:1480px){.preview-aside[data-v-0775ba49]{flex-basis:208px}}@media(max-width:1200px){.preview-aside[data-v-0775ba49]{display:none}.empty-flow[data-v-0775ba49]{flex-direction:column}.flow-arrow[data-v-0775ba49]{display:none}}