.base64-grid{align-items:start}
.base64-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.base64-stage{min-height:200px;padding:12px}
.base64-stage img{max-width:100%;max-height:360px;height:auto}
.base64-kv{margin:14px 0 0;font-size:14px}
.base64-note{display:block;margin:10px 0 0;font-size:13px;color:var(--mut)}
.base64-fields{display:flex;flex-direction:column;gap:14px;min-width:0}
.base64-fields .alert{margin:0}
.base64-fields .alert svg{width:18px;height:18px;flex:none}
.base64-fields>.btn{align-self:flex-start}
.base64-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.base64-fhead{gap:8px;flex-wrap:nowrap}
.base64-fhead b{font-size:14px}
.base64-ta{width:100%;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;resize:vertical;word-break:break-all;background:var(--soft)}
.base64-in{width:100%;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;resize:vertical;min-height:150px}
.base64-hint{display:block;margin:8px 0 16px;font-size:13px;color:var(--mut)}
.base64-dec-out:empty{display:none}
.base64-dec-out .alert{margin:0 0 12px}
@media(max-width:860px){.base64-fhead{flex-wrap:wrap}}
.base64-grid>*{min-width:0}