.converter-wrapper[data-v-d1362e0e]{padding:20px;background-color:#f5f7fa;min-height:500px;height:100%;display:flex}.office-container[data-v-d1362e0e]{display:flex;width:100%;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.05);overflow:hidden;border:1px solid #ebeef5}.panel[data-v-d1362e0e]{flex:1;display:flex;flex-direction:column;min-width:0}.left-panel[data-v-d1362e0e]{border-right:1px solid #f0f0f0}.panel-header[data-v-d1362e0e]{padding:12px 20px;background-color:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.title-group[data-v-d1362e0e]{color:#303133;font-weight:600;font-size:14px}.action-group[data-v-d1362e0e],.title-group[data-v-d1362e0e]{display:flex;align-items:center;gap:8px}.content-area[data-v-d1362e0e]{flex:1;position:relative;background-color:#fff;padding:20px;overflow:hidden;display:flex;flex-direction:column}.preview-scroll[data-v-d1362e0e]{overflow-y:auto;align-items:center;justify-content:center;background-image:radial-gradient(#e5e7eb 1px,transparent 0);background-size:20px 20px}.image-wrapper[data-v-d1362e0e]{max-width:100%;display:flex;justify-content:center}.preview-img[data-v-d1362e0e]{max-width:100%;height:auto;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:4px;background:#fff}.empty-state[data-v-d1362e0e]{display:flex;flex-direction:column;align-items:center;color:#909399}.empty-state i[data-v-d1362e0e]{font-size:40px;margin-bottom:10px;opacity:.5}.base64-textarea[data-v-d1362e0e]{width:100%;height:100%;flex:1;border:none;resize:none;font-family:Fira Code,Monaco,Consolas,monospace;font-size:12px;line-height:1.6;color:#444;outline:none;padding:0}.base64-textarea[data-v-d1362e0e]::-webkit-scrollbar,.preview-scroll[data-v-d1362e0e]::-webkit-scrollbar{width:6px}.base64-textarea[data-v-d1362e0e]::-webkit-scrollbar-thumb,.preview-scroll[data-v-d1362e0e]::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}.fade-enter-active[data-v-d1362e0e],.fade-leave-active[data-v-d1362e0e]{transition:opacity .3s ease}.fade-enter[data-v-d1362e0e],.fade-leave-to[data-v-d1362e0e]{opacity:0}@media (max-width:768px){.office-container[data-v-d1362e0e]{flex-direction:column}.left-panel[data-v-d1362e0e]{border-right:none;border-bottom:1px solid #f0f0f0;height:400px}}