.base64-tool.svelte-7bdgpi{display:flex;flex-direction:column;gap:20px;max-width:760px;margin:0 auto;width:100%}.mode-tabs.svelte-7bdgpi{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;width:fit-content}.mode-tab.svelte-7bdgpi{padding:10px 28px;font-size:14px;font-weight:600;font-family:inherit;border:none;cursor:pointer;background:var(--bg-card);color:var(--text-secondary);transition:all .15s}.mode-tab.svelte-7bdgpi:first-child{border-right:1px solid var(--border)}.mode-tab.svelte-7bdgpi:hover:not(.active){background:var(--bg-secondary);color:var(--text-primary)}.mode-tab.active.svelte-7bdgpi{background:var(--brand);color:#fff}.panels.svelte-7bdgpi{display:flex;flex-direction:column;gap:0}.panel.svelte-7bdgpi{display:flex;flex-direction:column;gap:8px}.panel-header.svelte-7bdgpi{display:flex;align-items:center;justify-content:space-between}label.svelte-7bdgpi{font-size:14px;font-weight:600;color:var(--text-primary)}.char-count.svelte-7bdgpi{font-size:12px;color:var(--text-secondary)}.output-actions.svelte-7bdgpi{display:flex;align-items:center;gap:10px}textarea.svelte-7bdgpi{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;font-size:14px;font-family:Consolas,Monaco,Courier New,monospace;line-height:1.5;resize:vertical;background:var(--bg-card);color:var(--text-primary);transition:border-color .15s,box-shadow .15s}textarea.svelte-7bdgpi:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}textarea[readonly].svelte-7bdgpi{background:var(--bg-secondary);cursor:default}textarea.svelte-7bdgpi::placeholder{color:var(--text-secondary);opacity:.6}.divider.svelte-7bdgpi{display:flex;align-items:center;justify-content:center;padding:8px 0}.swap-btn.svelte-7bdgpi{display:flex;align-items:center;gap:2px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .15s}.swap-btn.svelte-7bdgpi:hover:not(:disabled){color:var(--brand);border-color:var(--brand);background:color-mix(in srgb,var(--brand) 5%,var(--bg-card))}.swap-btn.svelte-7bdgpi:disabled{opacity:.35;cursor:not-allowed}.error-msg.svelte-7bdgpi{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:color-mix(in srgb,#ef4444 8%,var(--bg-card));border:1px solid color-mix(in srgb,#ef4444 25%,var(--border));border-radius:var(--radius);color:#ef4444;font-size:14px;line-height:1.5}.error-msg.svelte-7bdgpi svg:where(.svelte-7bdgpi){flex-shrink:0;margin-top:2px}@media(max-width:640px){.mode-tab.svelte-7bdgpi{padding:10px 20px;font-size:13px}textarea.svelte-7bdgpi{font-size:13px;padding:12px 14px}}