.b64-wrap[data-astro-cid-eyh6u4ry]{display:flex;flex-direction:column;gap:.875rem}.b64-privacy-banner[data-astro-cid-eyh6u4ry]{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-md);font-size:.8125rem;color:#166534;font-weight:500}.b64-tabs[data-astro-cid-eyh6u4ry]{display:flex;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.b64-tabs[data-astro-cid-eyh6u4ry]::-webkit-scrollbar{display:none}.b64-tab[data-astro-cid-eyh6u4ry]{flex-shrink:0;padding:.5rem .875rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast);min-height:40px}.b64-tab[data-astro-cid-eyh6u4ry]:hover{background:var(--color-bg-soft);color:var(--color-text)}.b64-tab[data-astro-cid-eyh6u4ry].is-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.b64-panel[data-astro-cid-eyh6u4ry]{display:flex;flex-direction:column;gap:.75rem}.b64-options[data-astro-cid-eyh6u4ry]{display:flex;flex-wrap:wrap;gap:.625rem;padding:.625rem .75rem;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md)}.b64-checkbox-label[data-astro-cid-eyh6u4ry]{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:var(--color-text);cursor:pointer}.b64-checkbox[data-astro-cid-eyh6u4ry]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.b64-io-layout[data-astro-cid-eyh6u4ry]{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:768px){.b64-io-layout[data-astro-cid-eyh6u4ry]{grid-template-columns:repeat(2,1fr)}}.b64-io-pane[data-astro-cid-eyh6u4ry]{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.b64-pane-header[data-astro-cid-eyh6u4ry]{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--color-bg-soft);border-bottom:1px solid var(--color-border)}.b64-pane-title[data-astro-cid-eyh6u4ry]{font-size:.8125rem;font-weight:700;color:var(--color-text)}.b64-pane-actions[data-astro-cid-eyh6u4ry]{display:flex;gap:.25rem}.b64-icon-btn[data-astro-cid-eyh6u4ry]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.b64-icon-btn[data-astro-cid-eyh6u4ry]:hover{background:var(--color-bg-soft);color:var(--color-text)}.b64-icon-btn[data-astro-cid-eyh6u4ry].copied{color:var(--color-success);border-color:var(--color-success)}.b64-textarea[data-astro-cid-eyh6u4ry]{flex:1;min-height:220px;padding:.75rem;border:none;resize:vertical;font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;color:var(--color-text);background:var(--color-bg);outline:none}.b64-textarea[data-astro-cid-eyh6u4ry].b64-output{color:var(--color-text-muted);background:var(--color-bg-soft)}.b64-textarea[data-astro-cid-eyh6u4ry]::placeholder{color:var(--color-text-muted)}.b64-pane-footer[data-astro-cid-eyh6u4ry]{padding:.375rem .75rem;background:var(--color-bg-soft);border-top:1px solid var(--color-border)}.b64-meta[data-astro-cid-eyh6u4ry]{font-size:.75rem;color:var(--color-text-muted)}.b64-btn-row[data-astro-cid-eyh6u4ry]{display:flex;gap:.5rem;flex-wrap:wrap}.b64-btn[data-astro-cid-eyh6u4ry]{padding:.4375rem .875rem;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast);min-height:40px}.b64-btn-primary[data-astro-cid-eyh6u4ry]{background:var(--color-primary);color:#fff}.b64-btn-primary[data-astro-cid-eyh6u4ry]:hover{background:var(--color-primary-hover)}.b64-btn-secondary[data-astro-cid-eyh6u4ry]{background:#ede9fe;color:#5b21b6;border-color:#c4b5fd}.b64-btn-secondary[data-astro-cid-eyh6u4ry]:hover{background:#ddd6fe}.b64-btn-ghost[data-astro-cid-eyh6u4ry]{background:var(--color-bg);color:var(--color-text-muted);border-color:var(--color-border)}.b64-btn-ghost[data-astro-cid-eyh6u4ry]:hover{background:var(--color-bg-soft);color:var(--color-text)}.b64-decode-status[data-astro-cid-eyh6u4ry]{font-size:.8125rem;padding:.375rem 0;min-height:24px}.b64-decode-status[data-astro-cid-eyh6u4ry].is-error{color:var(--color-error)}.b64-decode-status[data-astro-cid-eyh6u4ry].is-ok{color:var(--color-success)}.b64-img-drop-zone[data-astro-cid-eyh6u4ry]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast);position:relative;min-height:160px}.b64-img-drop-zone[data-astro-cid-eyh6u4ry]:hover,.b64-img-drop-zone[data-astro-cid-eyh6u4ry].drag-over{background:var(--color-primary-pale);border-color:var(--color-primary)}.b64-drop-icon[data-astro-cid-eyh6u4ry]{font-size:2rem}.b64-drop-text[data-astro-cid-eyh6u4ry]{font-size:.9375rem;font-weight:600;color:var(--color-text);text-align:center}.b64-drop-sub[data-astro-cid-eyh6u4ry]{font-size:.8125rem;color:var(--color-text-muted)}.b64-file-input[data-astro-cid-eyh6u4ry]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.b64-img-preview-wrap[data-astro-cid-eyh6u4ry]{display:flex;gap:.875rem;align-items:flex-start;flex-wrap:wrap}.b64-img-preview[data-astro-cid-eyh6u4ry]{max-width:200px;max-height:200px;object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-md);display:block}.b64-img-info[data-astro-cid-eyh6u4ry]{font-size:.8125rem;color:var(--color-text-muted);display:flex;flex-direction:column;gap:.25rem}.b64-b2i-result[data-astro-cid-eyh6u4ry]{display:flex;flex-direction:column;gap:.75rem}.b64-b2i-preview-wrap[data-astro-cid-eyh6u4ry]{display:flex;justify-content:center;padding:1rem;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md)}