.b64-root[data-astro-cid-jwt2rpig]{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.b64-grid[data-astro-cid-jwt2rpig]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}@media(max-width:768px){.b64-grid[data-astro-cid-jwt2rpig]{grid-template-columns:1fr}}.b64-panel[data-astro-cid-jwt2rpig]{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.jf-panel-header[data-astro-cid-jwt2rpig]{display:flex;justify-content:space-between;align-items:center;min-height:28px}.jf-label[data-astro-cid-jwt2rpig]{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);font-family:var(--font-display)}.jf-char-count[data-astro-cid-jwt2rpig]{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono)}.b64-mode-tabs[data-astro-cid-jwt2rpig]{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.b64-tab[data-astro-cid-jwt2rpig]{padding:6px 18px;font-size:.875rem;font-family:var(--font-display);font-weight:600;background:transparent;border:none;border-right:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);flex:1}.b64-tab[data-astro-cid-jwt2rpig]:last-child{border-right:none}.b64-tab[data-astro-cid-jwt2rpig]:hover:not(.b64-tab--active){color:var(--color-text-primary);background:var(--color-bg-tertiary)}.b64-tab--active[data-astro-cid-jwt2rpig]{background:var(--color-primary);color:#fff;border-right-color:var(--color-primary)}.jf-indent-row[data-astro-cid-jwt2rpig]{display:flex;align-items:center;gap:var(--space-3)}.jf-indent-label[data-astro-cid-jwt2rpig]{font-size:.75rem;color:var(--color-text-muted);flex-shrink:0}.jf-seg[data-astro-cid-jwt2rpig]{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.jf-seg-btn[data-astro-cid-jwt2rpig]{padding:4px 10px;font-size:.75rem;font-family:var(--font-body);background:transparent;border:none;border-right:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.jf-seg-btn[data-astro-cid-jwt2rpig]:last-child{border-right:none}.jf-seg-btn[data-astro-cid-jwt2rpig]:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.jf-seg-btn[data-astro-cid-jwt2rpig].active{background:var(--color-primary);color:#fff}.jf-textarea[data-astro-cid-jwt2rpig]{width:100%;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:13.5px;line-height:1.6;resize:vertical;outline:none;transition:border-color var(--transition-fast);box-sizing:border-box;tab-size:2}.jf-textarea[data-astro-cid-jwt2rpig]:focus{border-color:var(--color-primary)}.jf-textarea[data-astro-cid-jwt2rpig]::placeholder{color:var(--color-text-muted)}.jf-btn-row[data-astro-cid-jwt2rpig]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.jf-btn[data-astro-cid-jwt2rpig]{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;font-family:var(--font-display);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;border:1px solid transparent}.jf-btn--primary[data-astro-cid-jwt2rpig]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.jf-btn--primary[data-astro-cid-jwt2rpig]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.jf-btn--secondary[data-astro-cid-jwt2rpig]{background:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.jf-btn--secondary[data-astro-cid-jwt2rpig]:hover{border-color:var(--color-border-light);background:var(--color-bg-tertiary)}.jf-btn--danger[data-astro-cid-jwt2rpig]{background:transparent;color:#ef4444;border-color:var(--color-border)}.jf-btn--danger[data-astro-cid-jwt2rpig]:hover{background:#ef44441a;color:var(--color-error);border-color:var(--color-error)}.jf-btn--sm[data-astro-cid-jwt2rpig]{padding:5px 12px;font-size:.8125rem}.jf-samples[data-astro-cid-jwt2rpig]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding-top:var(--space-1);border-top:1px solid var(--color-border)}.jf-samples-label[data-astro-cid-jwt2rpig]{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.jf-sample-btn[data-astro-cid-jwt2rpig]{padding:4px 10px;font-size:.78rem;font-family:var(--font-body);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.jf-sample-btn[data-astro-cid-jwt2rpig]:hover{color:var(--color-primary);border-color:var(--color-primary)}.jf-output-actions[data-astro-cid-jwt2rpig]{display:flex;gap:var(--space-2)}.b64-output-wrap[data-astro-cid-jwt2rpig]{position:relative;min-height:340px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:auto;box-sizing:border-box}#b64-pre[data-astro-cid-jwt2rpig]{margin:0;padding:var(--space-4);font-family:var(--font-mono);font-size:13.5px;line-height:1.6;white-space:pre-wrap;word-break:break-all;min-height:100%}#b64-output[data-astro-cid-jwt2rpig]{font-family:inherit;font-size:inherit}.jf-placeholder[data-astro-cid-jwt2rpig]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--color-text-muted);pointer-events:none}.jf-placeholder[data-astro-cid-jwt2rpig][hidden]{display:none}.b64-status[data-astro-cid-jwt2rpig]{padding:0;font-size:.8125rem;min-height:1.5rem;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.b64-status[data-astro-cid-jwt2rpig]:not(:empty){padding:var(--space-2) var(--space-3)}.b64-status--success[data-astro-cid-jwt2rpig]{color:var(--color-success);background:#10b98114}.b64-status--error[data-astro-cid-jwt2rpig]{color:var(--color-error);background:#ef444414}.b64-content[data-astro-cid-jwt2rpig]{max-width:720px;margin:var(--space-16) auto 0;padding:var(--space-12) 0;border-top:1px solid var(--color-border)}.b64-content[data-astro-cid-jwt2rpig] h2[data-astro-cid-jwt2rpig]{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:var(--space-8) 0 var(--space-4)}.b64-content[data-astro-cid-jwt2rpig] h2[data-astro-cid-jwt2rpig]:first-child{margin-top:0}.b64-content[data-astro-cid-jwt2rpig] p[data-astro-cid-jwt2rpig]{font-family:var(--font-body);font-size:.9375rem;color:var(--color-text-secondary);line-height:1.75;margin:0 0 var(--space-4)}.b64-content[data-astro-cid-jwt2rpig] code[data-astro-cid-jwt2rpig]{font-family:var(--font-mono);font-size:.875em;color:var(--color-accent);background:var(--color-bg-tertiary);padding:1px 5px;border-radius:4px}