/* RECATOOLS — Binary Calculator look (indigo math family) */
.bc-wrap { padding: 1.25rem; }
.bc-operand { display: flex; align-items: flex-end; gap: .6rem; margin-bottom: .8rem; }
.bc-field { display: flex; flex-direction: column; gap: .25rem; }
.bc-field.grow { flex: 1; }
.bc-field label { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #9b968d; }
.bc-field input, .bc-field select { padding: .6rem .7rem; border: 1px solid #ebebeb; border-radius: 10px; font-size: 1rem; font-family: ui-monospace, Menlo, monospace; background: #fff; }
.bc-field input:focus, .bc-field select:focus { outline: none; border-color: #4f46e5; box-shadow: 0 0 0 3px rgba(79,70,229,.15); }
.bc-controls { display: flex; flex-wrap: wrap; gap: .8rem; align-items: flex-end; margin: .4rem 0 .2rem; }
.bc-error { margin: 1rem 0 0; padding: .8rem 1rem; background: #fef2f2; border-left: 4px solid #ef4444; border-radius: 10px; color: #991b1b; font-size: .9rem; }
.bc-result { margin-top: 1.5rem; }
.bc-eq { font-size: .85rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #6366f1; margin-bottom: .7rem; }
.bc-bases { display: flex; flex-direction: column; gap: .5rem; }
.bc-brow { display: flex; align-items: center; gap: 1rem; padding: .6rem .9rem; background: #f5f3ff; border: 1px solid #ddd6fe; border-radius: 10px; }
.bc-blabel { min-width: 110px; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #9b968d; }
.bc-bval { flex: 1; font-family: ui-monospace, Menlo, monospace; font-size: 1.05rem; color: #4338ca; word-break: break-all; background: none; }