.mode-toggle[data-v-6264da1a]{display:flex;gap:.75rem}.btn-mode[data-v-6264da1a]{flex:1;padding:.625rem 1rem;font-size:.875rem;font-weight:600;background:var(--background-color, #F9FAFB);color:var(--text-secondary, #6B7280);border:1.5px solid var(--border-color, #E5E7EB);border-radius:8px;cursor:pointer;transition:all .15s ease}.btn-mode.active[data-v-6264da1a]{background:var(--primary-color, #3B82F6);color:#fff;border-color:var(--primary-color, #3B82F6)}.btn-mode[data-v-6264da1a]:hover:not(.active){border-color:var(--primary-color, #3B82F6);color:var(--primary-color, #3B82F6)}.drop-zone[data-v-6264da1a]{padding:2rem;border:2px dashed var(--border-color, #E5E7EB);border-radius:12px;background:var(--background-color, #F9FAFB);cursor:pointer;transition:all .15s ease}.drop-zone[data-v-6264da1a]:hover{border-color:var(--primary-color, #3B82F6)}.drop-content[data-v-6264da1a]{display:flex;flex-direction:column;align-items:center;gap:.75rem;pointer-events:none}.drop-icon[data-v-6264da1a]{font-size:2.5rem}.drop-text[data-v-6264da1a]{font-weight:600;color:var(--text-secondary, #6B7280)}.file-info[data-v-6264da1a]{margin-top:.75rem;padding:.75rem 1rem;background:var(--background-color, #F9FAFB);border-radius:8px;border-left:4px solid var(--primary-color, #3B82F6)}.file-details[data-v-6264da1a]{display:flex;justify-content:space-between;align-items:center}.file-name[data-v-6264da1a]{font-weight:600;color:var(--text-primary, #1F2937)}.file-size[data-v-6264da1a]{font-family:monospace;color:var(--primary-color, #3B82F6)}.output-header[data-v-6264da1a]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.output-actions[data-v-6264da1a]{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.base64-output[data-v-6264da1a],.base64-input-textarea[data-v-6264da1a]{word-break:break-all}.image-preview[data-v-6264da1a]{padding:1rem;background:var(--background-color, #F9FAFB);text-align:center;margin-bottom:0}.preview-image[data-v-6264da1a]{max-width:100%;max-height:300px}.text-preview[data-v-6264da1a]{padding:.75rem;background:var(--background-color, #F9FAFB)}.preview-text[data-v-6264da1a]{margin:0;white-space:pre-wrap;word-break:break-all;font-family:monospace;font-size:.875rem}.binary-info[data-v-6264da1a]{padding:1.5rem;text-align:center;color:var(--text-secondary, #6B7280);font-weight:500}