.bits-shell{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:24px;}

.bits-header-row{margin-bottom:18px;padding-bottom:16px;border-bottom:1px dashed var(--border);}
.bits-header-row:last-of-type{border-bottom:none;padding-bottom:0;}
.bits-header-label{
  font-family:var(--mono);font-size:12px;font-weight:800;color:var(--amber);
  text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;text-align:center;
}
.bits-header-sub{color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:normal;}
.bits-header-readout{
  display:flex;justify-content:center;gap:10px;align-items:baseline;margin-top:8px;
  font-family:var(--mono);
}
.bits-header-readout span:first-child{font-size:20px;font-weight:800;color:var(--teal);}
.bits-header-hex{font-size:12px;color:var(--text-muted);}

.bit-row{display:flex;gap:6px;justify-content:center;margin-bottom:4px;flex-wrap:wrap;}
.bit-toggle{
  width:38px;height:46px;border-radius:7px;border:2px solid var(--border);background:var(--bg-panel-2);
  display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;
  font-family:var(--mono);transition:.15s;
}
.bit-toggle .bit-val{font-size:16px;font-weight:800;color:var(--text-muted);}
.bit-toggle .bit-place{font-size:8px;color:var(--text-muted);margin-top:2px;}
.bit-toggle.on{border-color:var(--amber);background:rgba(232,163,61,.15);}
.bit-toggle.on .bit-val{color:var(--amber);}

.bits-summary{
  font-family:var(--mono);font-size:13px;color:var(--text);line-height:1.7;text-align:center;
  background:var(--bg-panel-2);border:1px solid var(--border);border-radius:8px;padding:14px 18px;margin:18px 0 22px;
}
.bits-summary b{color:var(--teal);}

.bits-picture-label{
  font-family:var(--mono);font-size:11.5px;color:var(--text-muted);text-transform:uppercase;
  letter-spacing:.05em;text-align:center;margin-bottom:10px;
}

.pixel-grid{display:grid;gap:2px;justify-content:center;margin:0 auto 8px;width:fit-content;}
.pixel{background:var(--bg-panel-2);border:1px solid var(--border);cursor:pointer;}
.pixel.on{background:var(--amber);}
.bits-clamp-note{text-align:center;font-family:var(--mono);font-size:11.5px;color:var(--danger);margin-bottom:8px;min-height:14px;}
.pixel-controls{text-align:center;margin-top:8px;}
.pixel-btn{font-family:var(--mono);font-size:12px;padding:8px 16px;border-radius:7px;border:1px solid var(--border);background:var(--bg-panel-2);color:var(--text);cursor:pointer;margin:0 4px;}
.pixel-btn:hover{border-color:var(--amber);color:var(--amber);}

h2.section-title{font-family:var(--mono);font-size:15px;color:var(--amber);margin:36px 0 4px;}