.doc-converter-page[data-v-66de2f51]{background:#f5f5f5;display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-toolbar[data-v-66de2f51]{align-items:center;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000d;display:flex;flex-shrink:0;height:80px;justify-content:space-between;padding:0 32px}.top-toolbar .toolbar-left[data-v-66de2f51]{flex:1}.top-toolbar .toolbar-left .page-title[data-v-66de2f51]{align-items:center;color:var(--df-text,#24211f);display:flex;font-size:var(--df-fs-xl,20px);font-weight:600;gap:12px;margin:0 0 4px}.top-toolbar .toolbar-left .page-subtitle[data-v-66de2f51]{color:#757575;font-size:14px;margin:0}.top-toolbar .toolbar-right[data-v-66de2f51]{display:flex;flex:0 0 auto;gap:12px}.editor-main[data-v-66de2f51]{display:flex;flex:1;overflow:hidden}.editor-main.is-compact[data-v-66de2f51]{background:#f4f7fb}.left-sidebar[data-v-66de2f51]{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:300px}.left-sidebar .section-title[data-v-66de2f51]{align-items:center;color:#424242;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.left-sidebar .upload-section[data-v-66de2f51]{border-bottom:1px solid #e0e0e0;flex-shrink:0;padding:20px}.left-sidebar .files-list-section[data-v-66de2f51]{display:flex;flex:1;flex-direction:column;overflow:hidden}.left-sidebar .files-list-section .files-header[data-v-66de2f51]{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px 12px}.left-sidebar .files-list-section .files-list[data-v-66de2f51]{display:flex;flex:1;flex-direction:column;gap:8px;overflow-y:auto;padding:8px}.left-sidebar .files-list-section .empty-list[data-v-66de2f51]{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;padding:40px 20px}.left-sidebar .files-list-section .empty-list .empty-text[data-v-66de2f51]{color:#9e9e9e;font-size:14px;margin-top:12px}.canvas-area[data-v-66de2f51]{align-items:center;display:flex;flex:1;justify-content:center;padding:40px;position:relative}.canvas-area.is-compact[data-v-66de2f51]{align-items:flex-start;background:#f4f7fb;justify-content:flex-start;overflow-y:auto;padding:32px 36px}.canvas-area .empty-canvas[data-v-66de2f51]{color:var(--df-text,#24211f);text-align:center}.canvas-area .empty-canvas .empty-title[data-v-66de2f51]{color:var(--df-text,#24211f);font-size:28px;font-weight:600;margin:16px 0 8px}.canvas-area .empty-canvas .empty-subtitle[data-v-66de2f51]{color:var(--df-text-muted,#6f6a66);font-size:16px}.canvas-area .preview-container-main[data-v-66de2f51]{background:transparent;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;width:100%}.canvas-area .preview-list-header[data-v-66de2f51]{align-items:center;color:#ffffffe6;display:flex;flex:0 0 auto;justify-content:space-between;padding:0 0 20px 4px}.canvas-area .preview-list-header h4[data-v-66de2f51]{font-size:16px;font-weight:600;letter-spacing:.3px;margin:0}.canvas-area .preview-list[data-v-66de2f51]{display:flex;flex:1;flex-direction:column;gap:16px;overflow-x:visible;overflow-y:auto;padding-right:10px}.canvas-area .preview-list-item[data-v-66de2f51]{align-items:center;background:#fff;border:1px solid #e6ecf5;border-radius:18px;box-shadow:0 10px 30px #1f2d3d14;display:flex;gap:20px;overflow:visible;padding:18px 22px;position:relative;transition:background .2s ease,border-color .2s ease,transform .2s ease}.canvas-area .preview-list-item[data-v-66de2f51]:hover{background:#f5f9ff;border-color:#aec8ff;transform:translateY(-2px)}.canvas-area .preview-list-item.active[data-v-66de2f51]{background:#eef3ff;border-color:#6f8bf6;box-shadow:0 14px 34px #6f8bf640}.canvas-area .thumbnail-wrapper[data-v-66de2f51]{flex-shrink:0;height:100px;overflow:visible;position:relative;width:140px}.canvas-area .thumbnail-content[data-v-66de2f51]{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0f172a2e;display:flex;height:100%;justify-content:center;overflow:hidden;transition:box-shadow .25s ease;width:100%}.canvas-area .preview-list-item:hover .thumbnail-content[data-v-66de2f51]{box-shadow:0 24px 36px #0f172a4d;z-index:5}.canvas-area .thumbnail-image[data-v-66de2f51]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.canvas-area .thumbnail-content canvas[data-v-66de2f51],.canvas-area .thumbnail-pdf[data-v-66de2f51]{height:100%;width:100%}.canvas-area .thumbnail-pdf[data-v-66de2f51]{align-items:center;background:#f7f9fc;display:flex;justify-content:center}.canvas-area .thumbnail-content.is-image[data-v-66de2f51]{background:#fff}.canvas-area .thumbnail-content.is-pdf[data-v-66de2f51]{background:#f443361a}.canvas-area .thumbnail-icon[data-v-66de2f51]{align-items:center;color:var(--df-text,#24211f);display:flex;height:100%;justify-content:center;width:100%}.canvas-area .thumbnail-icon.pdf[data-v-66de2f51]{color:#f44336}.canvas-area .preview-file-info[data-v-66de2f51]{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.canvas-area .preview-file-info .file-name[data-v-66de2f51]{color:#1f2937;font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-area .preview-file-info .file-meta[data-v-66de2f51]{align-items:center;color:#6c7a91;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.canvas-area .preview-file-info .file-meta .dot[data-v-66de2f51]{background:#cdd4e0;border-radius:50%;display:inline-block;height:4px;width:4px}.canvas-area .thumbnail-zoom-btn[data-v-66de2f51]{align-items:center;background:var(--df-primary,#ff5b4f);border:none;border-radius:50%;bottom:12px;box-shadow:0 10px 20px #ff5b4f47;color:#fff;cursor:pointer;display:flex;height:34px;justify-content:center;opacity:0;position:absolute;right:12px;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,background .2s ease;width:34px}.canvas-area .preview-list-item:hover .thumbnail-zoom-btn[data-v-66de2f51],.canvas-area .thumbnail-zoom-btn[data-v-66de2f51]:focus-visible{opacity:1;transform:translateY(0)}.canvas-area .thumbnail-zoom-btn[data-v-66de2f51]:hover{background:var(--df-primary-hover,#ea493f)}.canvas-area .thumbnail-zoom-btn[data-v-66de2f51]:focus-visible{outline:2px solid var(--df-primary,#ff5b4f);outline-offset:2px}.preview-dialog[data-v-66de2f51]{border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:calc(100vw - 64px);overflow:hidden}.preview-dialog-header[data-v-66de2f51]{align-items:center;background:#f4f7fb;color:#1f2937;display:flex;font-weight:600;justify-content:space-between;padding:18px 24px!important}.preview-dialog-title[data-v-66de2f51]{align-items:center;display:flex;font-size:15px;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-dialog-body[data-v-66de2f51]{background:#fff;padding:24px!important}.preview-dialog-content[data-v-66de2f51]{background:#fff;border-radius:16px;box-shadow:inset 0 0 0 1px #6f8bf61f;height:70vh;min-height:420px;overflow:auto}.right-sidebar[data-v-66de2f51]{background:#fff;border-left:1px solid #e0e0e0;flex-shrink:0;overflow-y:auto;transition:width .2s ease;width:340px}.right-sidebar .config-panel[data-v-66de2f51]{padding:24px}.right-sidebar .config-panel .section-title[data-v-66de2f51]{align-items:center;color:#424242;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 16px}.right-sidebar .config-panel .config-section[data-v-66de2f51]{margin-bottom:20px}.right-sidebar .config-panel .tips-section[data-v-66de2f51]{margin-top:24px}.right-sidebar.is-compact[data-v-66de2f51]{background:transparent;border-left:none;padding:0 24px 24px;width:360px}.right-sidebar.is-compact .config-panel[data-v-66de2f51]{background:transparent;padding:24px 0 0}.compact-upload-section[data-v-66de2f51]{margin-bottom:24px}.compact-upload-card[data-v-66de2f51]{background:#fff;border:1px solid rgba(103,127,255,.08);border-radius:16px;box-shadow:0 10px 24px #0f172a1f;padding:20px 24px}.compact-files-summary[data-v-66de2f51]{align-items:center;border-top:1px solid rgba(103,127,255,.16);display:flex;gap:12px;justify-content:space-between;margin-top:16px;padding-top:12px}.compact-files-summary .summary-info[data-v-66de2f51]{align-items:center;color:#1f2937;display:flex;font-size:13px;gap:8px}@media (max-width:1400px){.left-sidebar[data-v-66de2f51]{width:260px}.right-sidebar[data-v-66de2f51]{width:300px}}@media (max-width:1200px){.canvas-area .preview-container-main[data-v-66de2f51]{padding:20px}.canvas-area .preview-list-item[data-v-66de2f51]{gap:16px;padding:14px 18px}.canvas-area .thumbnail-wrapper[data-v-66de2f51]{height:90px;width:120px}}@media (max-width:768px){.top-toolbar[data-v-66de2f51]{align-items:stretch;flex-direction:column;gap:12px;height:auto;padding:16px}.top-toolbar .toolbar-left[data-v-66de2f51],.top-toolbar .toolbar-right[data-v-66de2f51]{flex:none}.top-toolbar .toolbar-right[data-v-66de2f51]{display:flex;gap:8px}.editor-main[data-v-66de2f51]{flex-direction:column}.left-sidebar[data-v-66de2f51],.right-sidebar[data-v-66de2f51]{max-height:40vh;width:100%}.canvas-area .preview-container-main[data-v-66de2f51]{padding:16px}.canvas-area .preview-list[data-v-66de2f51]{gap:12px}.canvas-area .preview-list-item[data-v-66de2f51]{align-items:stretch;flex-direction:column;padding:14px}.canvas-area .thumbnail-wrapper[data-v-66de2f51]{height:200px;margin-bottom:12px;width:100%}.canvas-area .thumbnail-content[data-v-66de2f51]{transform-origin:center}.canvas-area .preview-list-item:hover .thumbnail-content[data-v-66de2f51]{transform:none}}.v-theme--dark .doc-converter-page[data-v-66de2f51]{background:#121212}.v-theme--dark .top-toolbar[data-v-66de2f51]{background:#1e1e1e;border-bottom-color:#2c2c2c}.v-theme--dark .left-sidebar[data-v-66de2f51],.v-theme--dark .right-sidebar[data-v-66de2f51]{background:#1e1e1e;border-color:#2c2c2c}.v-theme--dark .canvas-area[data-v-66de2f51]{background:#0f1117}.v-theme--dark .canvas-area .preview-container-main[data-v-66de2f51]{background:#1b1d24;box-shadow:0 18px 38px #0000008c}.v-theme--dark .canvas-area .preview-list-header[data-v-66de2f51]{color:#e0e6f5}.v-theme--dark .canvas-area .preview-list-item[data-v-66de2f51]{background:#1b1d24f2;border-color:#ffffff0f;box-shadow:0 14px 32px #0000008c}.v-theme--dark .canvas-area .preview-list-item[data-v-66de2f51]:hover{background:#30343ff2;border-color:#6f8bf659}.v-theme--dark .canvas-area .preview-list-item.active[data-v-66de2f51]{background:#47527ba6;border-color:#6f8bf673;box-shadow:0 20px 40px #6f8bf659}.v-theme--dark .canvas-area .thumbnail-content[data-v-66de2f51]{background:#21262ef2;box-shadow:0 10px 28px #0000008c}.v-theme--dark .canvas-area .thumbnail-icon[data-v-66de2f51]{color:#90caf9d9}.v-theme--dark .canvas-area .thumbnail-icon.pdf[data-v-66de2f51]{color:#ef5350}.v-theme--dark .canvas-area .preview-file-info .file-name[data-v-66de2f51]{color:#f5f7ff}.v-theme--dark .canvas-area .preview-file-info .file-meta[data-v-66de2f51]{color:#e0e0e0d1}.v-theme--dark .canvas-area .preview-file-info .file-meta .dot[data-v-66de2f51]{background:#e0e0e08c}.v-theme--dark .canvas-area .thumbnail-zoom-btn[data-v-66de2f51]{background:#6f8bf6f2;box-shadow:0 12px 22px #6f8bf666}.v-theme--dark .canvas-area .thumbnail-zoom-btn[data-v-66de2f51]:hover{background:#7c97ff}.v-theme--dark .file-card[data-v-66de2f51]{background:#1e1e1e!important}.v-theme--dark .preview-dialog[data-v-66de2f51]{background:#f4f7fb}.v-theme--dark .preview-dialog-body[data-v-66de2f51],.v-theme--dark .preview-dialog-header[data-v-66de2f51]{background:#f4f7fb!important;color:#1f2937}.v-theme--dark .preview-dialog-content[data-v-66de2f51]{background:#fff;box-shadow:inset 0 0 0 1px #6f8bf629}.doc-converter-page[data-v-66de2f51]{background:#fff;color:#172238;min-height:680px;padding:clamp(20px,3vw,34px)}.top-toolbar[data-v-66de2f51]{background:#fff;border-bottom:1px solid #e6eaf1;height:auto;margin-bottom:24px;min-height:74px;padding:0 0 22px}.top-toolbar .page-title[data-v-66de2f51]{color:#172238;font-size:var(--df-fs-2xl,26px);font-weight:600;letter-spacing:var(--df-tracking-display,.02em);line-height:var(--df-lh-tight,1.35)}.top-toolbar .page-subtitle[data-v-66de2f51]{color:#6b7689;font-size:14px}.top-toolbar .toolbar-right[data-v-66de2f51] .v-btn{border-radius:11px;box-shadow:none;min-height:42px;text-transform:none}.editor-main[data-v-66de2f51]{background:transparent;display:grid;gap:16px;grid-template-columns:minmax(230px,280px) minmax(330px,1fr) minmax(250px,310px);min-height:540px}.left-sidebar[data-v-66de2f51],.right-sidebar[data-v-66de2f51]{background:#fbfcfe;border:1px solid #e1e6ef;border-radius:16px;overflow:hidden;width:auto}.left-sidebar[data-v-66de2f51]{border-right:1px solid #e1e6ef}.left-sidebar .upload-section[data-v-66de2f51]{border-bottom:1px solid #e7eaf0;padding:16px}.left-sidebar .files-list-section[data-v-66de2f51]{padding:16px}.canvas-area[data-v-66de2f51]{background:radial-gradient(circle at 18% 18%,rgba(84,86,217,.11),transparent 32%),radial-gradient(circle at 84% 80%,rgba(8,125,104,.08),transparent 28%),#f7f8fc;border:1px solid #e1e6ef;border-radius:16px;min-width:0;overflow:hidden}.canvas-area .empty-canvas[data-v-66de2f51]{background:transparent;color:#172238}.canvas-area .empty-canvas[data-v-66de2f51] .v-icon{color:#5456d9!important;opacity:.88}.canvas-area .empty-canvas .empty-title[data-v-66de2f51]{color:#172238;font-size:24px}.canvas-area .empty-canvas .empty-subtitle[data-v-66de2f51]{color:#6b7689}.right-sidebar[data-v-66de2f51]{border-left:1px solid #e1e6ef}.right-sidebar .config-panel[data-v-66de2f51]{background:#fff;padding:18px}.compact-upload-card[data-v-66de2f51]{border-color:#e1e6ef;box-shadow:none}@media (max-width:1200px){.editor-main[data-v-66de2f51]{grid-template-columns:minmax(220px,270px) minmax(320px,1fr)}.right-sidebar[data-v-66de2f51]{grid-column:1/-1}}@media (max-width:768px){.doc-converter-page[data-v-66de2f51]{padding:16px}.editor-main[data-v-66de2f51]{display:flex}.canvas-area[data-v-66de2f51],.left-sidebar[data-v-66de2f51],.right-sidebar[data-v-66de2f51]{max-height:none;width:100%}}@keyframes fadeInUp-66de2f51{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.doc-converter-page[data-v-66de2f51]{animation:fadeInUp-66de2f51 .4s ease-out}