/* ===== Agent B: base64 (.b64-), hex (.hex-), convert (.cv-) ===== */
/* base64 */
.b64-opts{gap:0 14px}
.b64-tick{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;margin-bottom:10px;cursor:pointer}
.b64-tick[hidden]{display:none}
.b64-in{min-height:150px}
.b64-out{min-height:140px;margin-top:8px}
.b64-said{margin:8px 0 0;font-size:.95rem}
.b64-said:empty{display:none}
.b64-mut{color:var(--muted)}
.b64-tbl{overflow-x:auto;margin-top:10px}
.b64-tbl table.kv td:first-child{width:30%;white-space:nowrap}
.b64-txt{white-space:pre-wrap;word-break:break-word;font-size:.9rem!important}
.b64-warn{margin-top:12px;padding:12px;border:1px solid var(--danger);border-radius:8px;background:var(--paper)}
.b64-drop{border:2px dashed var(--line);border-radius:10px;padding:18px;text-align:center;color:var(--muted);display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}
.b64-drop.on{border-color:var(--sage);background:var(--sage-l);color:var(--ink)}
.b64-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.b64-grid textarea{min-height:110px}
/* hex */
.hex-opts{gap:10px 14px;align-items:flex-end;margin-bottom:10px}
.hex-opts .seg{margin-bottom:0}
.hex-opts select{width:auto}
.hex-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hex-grid label.f>.spread{align-items:center}
.hex-box{min-height:110px}
.hex-note{color:var(--muted);font-size:.9rem;margin:6px 0 0}
.hex-note:empty{display:none}
.hex-tbl{overflow-x:auto;margin-top:10px}
.hex-tbl table.kv td:first-child{width:22%;white-space:nowrap}
.hex-dump{white-space:pre;word-break:normal;overflow:auto;max-height:70vh;font-size:.85rem}
#hexmore{margin-top:10px}
.hex-over{outline:2px dashed var(--sage);outline-offset:3px}
/* convert */
.cv-bar{align-items:flex-end}
.cv-bar label.f{flex:1 1 140px}
.cv-sw{flex:0 0 auto}
.cv-opts{margin-top:12px;align-items:flex-end;gap:10px 16px}
.cv-opts label.f select{width:auto}
.cv-opts label.f input{width:150px}
.cv-opts [hidden]{display:none}
.cv-tick{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;padding-bottom:10px;cursor:pointer}
.cv-io{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.cv-ta{min-height:360px;margin-top:8px;white-space:pre;overflow-wrap:normal;overflow:auto}
.cv-caret{white-space:pre;word-break:normal;overflow-x:auto;font-size:.85rem}
.cv-note{color:var(--muted);font-size:.9rem;margin:6px 0 0}
.cv-note:empty{display:none}
@media (max-width:700px){
  .b64-grid,.hex-grid,.cv-io{grid-template-columns:minmax(0,1fr)}
  .cv-ta{min-height:220px}
}