.base64-encoder [hidden]{display:none}.base64-encoder__input,.base64-encoder__output{min-block-size:24rem;min-inline-size:0}.base64-encoder__text{field-sizing:fixed;font-variant-ligatures:none;min-block-size:18rem}@media (min-width:64rem){.base64-encoder__text{min-block-size:28rem;max-block-size:70vh}}.base64-encoder__text--wrap{white-space:pre-wrap;word-break:break-all}.base64-encoder__head{gap:var(--space-2) var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;padding-inline-end:var(--space-5);display:flex}.base64-encoder__head .base64-encoder__toolbar{padding:var(--space-3) 0 0 var(--space-5)}.base64-encoder__file{gap:var(--space-3);padding:var(--space-3) var(--space-5) var(--space-5);flex:1;align-content:start;display:grid}.base64-encoder__file-info{gap:var(--space-2);min-inline-size:0;color:var(--ink-2);font-size:var(--text-sm);align-items:center;display:flex}.base64-encoder__file-info .icon{color:var(--accent);flex:none}.base64-encoder__file-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.base64-encoder__truncated{margin:0 var(--space-5) var(--space-4);font-size:var(--text-sm)}.base64-encoder__truncated .icon{flex:none}.base64-encoder__binary{gap:var(--space-4);padding:var(--space-3) var(--space-5) var(--space-5);flex:1;align-content:start;display:grid}.base64-encoder__binary-title{color:var(--ink);font-weight:600}.base64-encoder__toolbar{gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-5) var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.base64-encoder__toolbar .segmented{flex-wrap:nowrap}.base64-encoder__option{gap:var(--space-2);color:var(--ink-2);align-items:center;font-size:.875rem;font-weight:550;display:inline-flex}.base64-encoder__select{min-block-size:2rem;inline-size:auto;padding-block:var(--space-1)}.base64-encoder__result{flex-direction:column;flex:1;min-block-size:0;display:flex}.base64-encoder__empty{place-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);color:var(--ink-3);text-align:center;flex:1;display:grid}.base64-encoder__empty .icon{block-size:1.75rem;inline-size:1.75rem;color:var(--accent)}.base64-encoder__error{margin:var(--space-3) var(--space-5) var(--space-5)}.base64-encoder__error>.icon{flex:none;margin-block-start:.2em}.base64-encoder__error-body{gap:var(--space-2);min-inline-size:0;color:var(--ink);justify-items:start;display:grid}.base64-encoder__error-body .btn{margin-block-start:var(--space-1)}.base64-encoder__error-title{color:var(--danger);font-weight:650}.base64-encoder__error-title [data-error-at]:before{content:"· "}.base64-encoder__detail{color:var(--ink-2);font-size:var(--text-sm)}.base64-encoder__excerpt{max-inline-size:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre;font-variant-ligatures:none;margin:0;line-height:1.5;overflow-x:auto}