.base64-tool[data-v-821da3ec]{display:flex;flex-direction:column;gap:1rem}.controls[data-v-821da3ec]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.control-group[data-v-821da3ec]{display:flex;align-items:center;gap:.5rem}.btn[data-v-821da3ec]{padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:all .2s}.btn-primary[data-v-821da3ec]{background:var(--accent);color:#fff}.btn-primary[data-v-821da3ec]:hover{opacity:.9}.btn-secondary[data-v-821da3ec]{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary)}.btn-secondary[data-v-821da3ec]:hover{color:var(--text-primary);border-color:var(--accent)}.error-display[data-v-821da3ec]{background:#ff6b6b1a;border:1px solid var(--error);border-radius:var(--radius-sm);color:var(--error);padding:.75rem 1rem;font-size:.85rem;font-family:var(--font-mono)}.panels[data-v-821da3ec]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel[data-v-821da3ec]{display:flex;flex-direction:column;gap:.5rem}.panel-header[data-v-821da3ec]{display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.panel textarea[data-v-821da3ec]{min-height:250px;width:100%}@media(max-width:768px){.panels[data-v-821da3ec]{grid-template-columns:1fr}}