.b64-mode-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.b64-mode-tabs{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-lg);gap:3px;padding:4px;display:flex}.b64-mode-tab{font-family:var(--font-mono);border-radius:var(--radius-md);color:var(--text2);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:7px;padding:7px 20px;font-size:.76rem;font-weight:600;transition:all .15s;display:flex}.b64-mode-tab:hover{color:var(--text);background:var(--bg2)}.b64-mode-tab.active--encode{background:linear-gradient(135deg, var(--accent), var(--accent2));color:var(--color-primary-contrast);font-weight:700}.b64-mode-tab.active--decode{background:rgba(var(--blue-rgb), .18);border:1px solid rgba(var(--blue-rgb), .4);color:var(--blue);font-weight:700}.b64-options-bar{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.b64-opt-group{align-items:center;gap:8px;display:flex}.b64-opt-label{font-family:var(--font-mono);color:var(--text3);letter-spacing:.1em;white-space:nowrap;font-size:.62rem;font-weight:700}.b64-opt-sep{background:var(--border);flex-shrink:0;width:1px;height:28px}.b64-radio-group{gap:4px;display:flex}.b64-radio-btn{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--border2);color:var(--text2);cursor:pointer;white-space:nowrap;background:0 0;padding:4px 12px;font-size:.72rem;font-weight:500;transition:all .13s}.b64-radio-btn:hover{border-color:var(--accent);color:var(--accent)}.b64-radio-btn.active{background:rgba(var(--accent-rgb), .12);border-color:var(--accent);color:var(--accent)}.b64-opt-toggles{align-items:center;gap:16px;margin-left:auto;display:flex}.b64-toggle-label{color:var(--text2);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.78rem;display:flex}.b64-swap-row{justify-content:center;align-items:center;display:flex;position:relative}.b64-swap-row:before,.b64-swap-row:after{content:"";background:var(--border);flex:1;height:1px}.b64-swap-btn{font-family:var(--font-mono);border-radius:var(--radius-3xl);border:1px solid var(--border2);background:var(--bg3);color:var(--text2);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;margin:0 12px;padding:6px 16px;font-size:.72rem;font-weight:600;transition:all .15s;display:flex}.b64-swap-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb), .08)}.b64-samples-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.b64-samples-label{font-family:var(--font-mono);color:var(--text3);letter-spacing:.1em;white-space:nowrap;font-size:.62rem;font-weight:700}.b64-chips{flex-wrap:wrap;gap:6px;display:flex}.b64-chip{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--border2);background:var(--bg2);color:var(--text2);cursor:pointer;padding:4px 12px;font-size:.72rem;font-weight:500;transition:all .13s}.b64-chip:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb), .07)}.b64-badge{font-family:var(--font-mono);border-radius:var(--radius-xs);align-items:center;gap:4px;padding:2px 8px;font-size:.63rem;font-weight:700;display:inline-flex}.b64-badge--valid{background:rgba(var(--accent2-rgb), .12);border:1px solid rgba(var(--accent2-rgb), .3);color:var(--green)}.b64-badge--invalid{background:rgba(var(--red-rgb), .1);border:1px solid rgba(var(--red-rgb), .25);color:var(--red)}@media (width<=880px){.b64-opt-toggles{margin-left:0}.b64-opt-sep{display:none}}@media (width<=600px){.b64-mode-tab{padding:6px 14px;font-size:.7rem}.b64-options-bar{flex-direction:column;align-items:flex-start}}