/* Hex, Binary & ASCII Converter — scoped.
   Inputs, labels, buttons and messages come from the shared .ftb-tool block in
   core.css so every tool looks like one product. */

.ftb-tool-hba textarea{min-height:120px;font-family:var(--ftb-mono);
	font-size:var(--ftb-text-code);line-height:1.6;overflow-wrap:anywhere}

.ftb-tool-hba .ftb-hba-settings{display:grid;gap:var(--ftb-space-4);
	grid-template-columns:1fr;margin-bottom:var(--ftb-space-5)}
@media (min-width:768px){
	.ftb-tool-hba .ftb-hba-settings{grid-template-columns:1fr 1fr auto;align-items:end}
}
.ftb-tool-hba .ftb-hba-settings .ftb-field{margin-bottom:0}

.ftb-hba-detected{margin:0 0 var(--ftb-space-4);font-size:var(--ftb-text-sm);
	color:var(--ftb-text-muted)}

/* All five representations at once. Height reserved so nothing shifts (§10). */
.ftb-hba-outputs{display:grid;gap:var(--ftb-space-4);grid-template-columns:1fr;
	min-height:520px}
@media (min-width:900px){
	.ftb-hba-outputs{grid-template-columns:1fr 1fr}
	/* Text is the one people read, so it spans the full width at the top. */
	.ftb-hba-outputs .ftb-hba-pane:first-child{grid-column:1 / -1}
}

.ftb-hba-pane h3{display:flex;align-items:center;justify-content:space-between;
	gap:var(--ftb-space-3);margin:0 0 var(--ftb-space-2);
	font-size:var(--ftb-text-base);font-weight:var(--ftb-fw-semi);
	letter-spacing:var(--ftb-ls-tight)}
.ftb-tool-hba .ftb-hba-pane textarea{min-height:88px;background:var(--ftb-surface)}

.ftb-hba-copy{min-height:var(--ftb-tap);min-width:var(--ftb-tap);
	padding:var(--ftb-space-1) var(--ftb-space-3);font-family:inherit;
	font-size:var(--ftb-text-xs);font-weight:var(--ftb-fw-semi);
	color:var(--ftb-text);background:var(--ftb-bg);
	border:1px solid var(--ftb-border-strong);border-radius:var(--ftb-radius);
	cursor:pointer}
.ftb-hba-copy:hover{border-color:var(--ftb-primary);color:var(--ftb-primary)}
.ftb-hba-copy:focus-visible{outline:2px solid var(--ftb-primary);outline-offset:2px}

.ftb-hba-stats{margin:var(--ftb-space-4) 0 0;font-size:var(--ftb-text-sm);
	color:var(--ftb-text-muted);line-height:var(--ftb-lh-snug)}