.file-viewer[data-v-c22f65a6]{background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh}.tab-menu[data-v-c22f65a6]{background:#fff;border-bottom:1px solid #e8e8e8;display:flex;padding:0 20px}.tab-menu .tab-button[data-v-c22f65a6]{background:transparent;border:none;border-bottom:2px solid transparent;color:#666;cursor:pointer;flex-shrink:0;font-size:14px;padding:12px 20px;position:relative;transition:all .2s}.tab-menu .tab-button[data-v-c22f65a6]:hover{background:rgba(0,0,0,.04);color:#333}.tab-menu .tab-button.active[data-v-c22f65a6]{border-bottom-color:#4675f6;color:#4675f6;font-weight:500}.file-content[data-v-c22f65a6],.result-content[data-v-c22f65a6]{display:flex;flex:1;flex-direction:column;overflow:hidden}.error-container[data-v-c22f65a6],.loading-container[data-v-c22f65a6],.unsupported-container[data-v-c22f65a6]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:24px;text-align:center}.loading-spinner[data-v-c22f65a6]{animation:spin-c22f65a6 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#1890ff;height:32px;margin-bottom:16px;width:32px}@keyframes spin-c22f65a6{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p[data-v-c22f65a6]{color:#666;margin:0}.error-icon[data-v-c22f65a6],.unsupported-icon[data-v-c22f65a6]{font-size:48px;margin-bottom:16px}.error-container h3[data-v-c22f65a6],.unsupported-container h3[data-v-c22f65a6]{color:#333;margin:0 0 8px}.error-container h3[data-v-c22f65a6]{color:#ff4d4f}.error-container p[data-v-c22f65a6],.unsupported-container p[data-v-c22f65a6]{color:#666;margin:0 0 16px}.file-info[data-v-c22f65a6]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin:16px 0;max-width:400px;padding:16px;text-align:left}.file-info p[data-v-c22f65a6]{color:#495057;margin:4px 0}.file-info strong[data-v-c22f65a6]{color:#212529}