.base64-image[data-v-05cf2362]{display:flex;flex-direction:column;gap:1.25rem}.tabs[data-v-05cf2362]{display:flex;border-bottom:1px solid var(--border)}.tab[data-v-05cf2362]{padding:.65rem 1.25rem;font-size:.9rem;font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s}.tab[data-v-05cf2362]:hover{color:var(--text-primary)}.tab.active[data-v-05cf2362]{color:var(--accent);border-bottom-color:var(--accent)}.tab-content[data-v-05cf2362]{display:flex;flex-direction:column;gap:1.25rem}.drop-zone[data-v-05cf2362]{border:2px dashed var(--border);border-radius:var(--radius);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg-surface)}.drop-zone[data-v-05cf2362]:hover,.drop-zone.dragging[data-v-05cf2362]{border-color:var(--accent);background:var(--accent-bg)}.drop-icon[data-v-05cf2362]{font-size:2.5rem;margin-bottom:.75rem;opacity:.6}.drop-text[data-v-05cf2362]{color:var(--text-primary);font-size:.95rem;margin-bottom:.25rem}.drop-hint[data-v-05cf2362]{color:var(--text-muted);font-size:.8rem}.output-section[data-v-05cf2362]{display:flex;flex-direction:column;gap:.5rem}.output-header[data-v-05cf2362]{display:flex;justify-content:space-between;align-items:center}.output-info[data-v-05cf2362]{display:flex;gap:1rem}.info-item[data-v-05cf2362]{font-size:.8rem;color:var(--text-secondary);font-family:var(--font-mono)}.base64-textarea[data-v-05cf2362]{width:100%;font-family:var(--font-mono);font-size:.8rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:.75rem;resize:vertical;outline:none;word-break:break-all}.base64-textarea[data-v-05cf2362]:focus{border-color:var(--accent)}.input-section[data-v-05cf2362]{display:flex;flex-direction:column;gap:.5rem}.field-label[data-v-05cf2362]{font-size:.8rem;color:var(--text-secondary);font-weight:500}.convert-btn[data-v-05cf2362]{align-self:flex-start;padding:.55rem 1.25rem;font-size:.9rem;font-weight:600;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-bg);color:var(--accent);cursor:pointer;transition:all .2s}.convert-btn[data-v-05cf2362]:hover{background:var(--accent);color:#fff}.error-msg[data-v-05cf2362]{padding:.75rem 1rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-sm);color:var(--error);font-size:.85rem}.preview-section[data-v-05cf2362]{display:flex;flex-direction:column;gap:.75rem}.preview-header[data-v-05cf2362]{display:flex;justify-content:space-between;align-items:center}.section-title[data-v-05cf2362]{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.preview-dims[data-v-05cf2362]{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.preview-box[data-v-05cf2362]{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:var(--bg-secondary);display:flex;justify-content:center;align-items:center;overflow:auto;max-height:400px}.preview-box img[data-v-05cf2362]{max-width:100%;height:auto}.download-btn[data-v-05cf2362]{padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;transition:all .2s}.download-btn[data-v-05cf2362]:hover{opacity:.9;transform:translateY(-1px)}