.b64-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.b64-options{flex-wrap:wrap;gap:.75rem 1.75rem;display:flex}.b64-tool .b64-area{resize:vertical;height:260px;min-height:220px}.b64-tool .tool-panel{flex:none}.b64-tool .tool-panel-col{gap:.6rem}.b64-file{border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-input);min-height:120px;color:var(--text-secondary);align-items:center;gap:.75rem;padding:1rem;display:flex}.b64-file-meta{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.b64-file-meta strong{color:var(--text-primary);overflow-wrap:anywhere}.b64-file-meta span{font-size:.85rem}.b64-binary{border:1px dashed var(--border-input);border-radius:var(--radius-md);min-height:220px;color:var(--text-secondary);flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem;font-size:.9rem;display:flex}.b64-binary p{margin:0}.b64-binary strong{color:var(--text-primary)}.b64-preview{border-radius:var(--radius-sm);max-width:100%;max-height:180px;box-shadow:inset 0 0 0 1px var(--border-input);background:repeating-conic-gradient(var(--bg-secondary) 0 25%, var(--bg-tertiary) 0 50%) 0 0 / 16px 16px}.b64-error{align-items:flex-start}.b64-tool .ui-dropzone.is-compact .ui-dropzone-button{flex-wrap:wrap;gap:.1rem .6rem}.b64-link{color:var(--accent-indigo);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}@media (width<=768px){.b64-tool .b64-area{height:180px;min-height:160px}}@media (width<=600px){.b64-tool .ui-btn-sm,.b64-tool .ui-segment,.b64-tool .tk-chain-trigger{min-height:40px}}