.base64-container[data-v-0908ebda]{max-width:1400px;margin:0 auto;padding:20px;min-height:100vh;transition:background-color .3s,color .3s}.base64-container.dark-theme[data-v-0908ebda]{background-color:#1e1e1e;color:#e0e0e0}.header[data-v-0908ebda]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.base64-container.dark-theme .header[data-v-0908ebda]{border-bottom-color:#333}.header h1[data-v-0908ebda]{margin:0;font-size:24px;font-weight:700}.header-actions[data-v-0908ebda]{display:flex;gap:10px;align-items:center}.mode-bar[data-v-0908ebda]{margin-bottom:16px}.content[data-v-0908ebda]{display:flex;gap:16px;align-items:stretch}.left-panel[data-v-0908ebda],.right-panel[data-v-0908ebda]{flex:1;display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.base64-container.dark-theme .left-panel[data-v-0908ebda],.base64-container.dark-theme .right-panel[data-v-0908ebda]{border-color:#333;background-color:#252526}.panel-header[data-v-0908ebda]{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0}.base64-container.dark-theme .panel-header[data-v-0908ebda]{background-color:#2d2d2d;border-bottom-color:#333}.panel-header h3[data-v-0908ebda]{margin:0;font-size:14px;font-weight:700}.panel-actions[data-v-0908ebda]{display:flex;gap:5px}.text-area[data-v-0908ebda]{flex:1;padding:15px;border:none;resize:none;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;background-color:#fff;color:#333;text-align:left;-moz-user-select:text;user-select:text;-webkit-user-select:text;min-height:300px}.base64-container.dark-theme .text-area[data-v-0908ebda]{background-color:#1e1e1e;color:#e0e0e0}.text-area[data-v-0908ebda]:focus{outline:none}.output-area[data-v-0908ebda]{cursor:text}.output-wrapper[data-v-0908ebda]{flex:1;position:relative;display:flex;flex-direction:column}.error-overlay[data-v-0908ebda]{position:absolute;top:0;left:0;right:0;padding:15px;background-color:#fef0f0;border:1px solid #fbc4c4;border-radius:4px;color:#f56c6c;font-size:13px;display:flex;align-items:center;gap:8px}.base64-container.dark-theme .error-overlay[data-v-0908ebda]{background-color:#3a2020;border-color:#5a3030}.action-column[data-v-0908ebda]{display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:80px;align-items:center}.direction-toggle[data-v-0908ebda]{display:flex;flex-direction:column;gap:6px}.direction-toggle .el-button[data-v-0908ebda],.swap-btn[data-v-0908ebda]{width:70px}.input-stats[data-v-0908ebda],.output-stats[data-v-0908ebda]{padding:8px 15px;font-size:12px;color:#666;background-color:#f5f5f5;border-top:1px solid #e0e0e0;text-align:left}.base64-container.dark-theme .input-stats[data-v-0908ebda],.base64-container.dark-theme .output-stats[data-v-0908ebda]{background-color:#2d2d2d;border-top-color:#333;color:#999}.size-info[data-v-0908ebda]{color:#409eff}.options-bar[data-v-0908ebda]{margin-top:16px;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fafafa;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.base64-container.dark-theme .options-bar[data-v-0908ebda]{border-color:#333;background-color:#252526}.option-group[data-v-0908ebda]{display:flex;align-items:center;gap:8px}.option-label[data-v-0908ebda]{font-size:13px;color:#606266;white-space:nowrap}.base64-container.dark-theme .option-label[data-v-0908ebda]{color:#aaa}.upload-area[data-v-0908ebda]{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px;cursor:pointer;transition:background-color .2s;padding:20px}.upload-area[data-v-0908ebda]:hover{background-color:#f0f7ff}.base64-container.dark-theme .upload-area[data-v-0908ebda]:hover{background-color:#2a3040}.upload-placeholder[data-v-0908ebda]{text-align:center;color:#909399}.upload-placeholder i[data-v-0908ebda]{font-size:48px;margin-bottom:12px;display:block}.upload-placeholder p[data-v-0908ebda]{margin:4px 0;font-size:14px}.upload-placeholder .sub-text[data-v-0908ebda]{font-size:12px;color:#c0c4cc}.preview-wrapper[data-v-0908ebda]{text-align:center;width:100%}.preview-image[data-v-0908ebda]{max-width:100%;max-height:250px;border-radius:4px;-o-object-fit:contain;object-fit:contain}.image-info[data-v-0908ebda]{margin-top:8px;font-size:12px;color:#909399}.decoded-image-preview[data-v-0908ebda]{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px;padding:20px;background-color:#fafafa}.base64-container.dark-theme .decoded-image-preview[data-v-0908ebda]{background-color:#1e1e1e}.file-input-area[data-v-0908ebda],.image-input-area[data-v-0908ebda]{flex:1;display:flex;flex-direction:column}.file-info-card[data-v-0908ebda]{display:flex;align-items:center;gap:12px;padding:16px;background:#f5f7fa;border-radius:8px;width:100%}.base64-container.dark-theme .file-info-card[data-v-0908ebda]{background:#2d2d2d}.file-info-card i[data-v-0908ebda]{font-size:36px;color:#409eff}.file-detail[data-v-0908ebda]{flex:1;text-align:left}.file-name[data-v-0908ebda]{font-size:14px;font-weight:600;word-break:break-all}.file-size[data-v-0908ebda],.file-type[data-v-0908ebda]{font-size:12px;color:#909399;margin-top:2px}.decoded-file-info[data-v-0908ebda]{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px;padding:20px}@media (max-width:768px){.content[data-v-0908ebda]{flex-direction:column}.action-column[data-v-0908ebda]{flex-direction:row;min-width:auto}.direction-toggle[data-v-0908ebda]{flex-direction:row}.left-panel[data-v-0908ebda],.right-panel[data-v-0908ebda]{min-height:300px}}