.beak-attack-debug-panel {
  --debug-accent: #ffb45f;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
}
.beak-attack-debug-panel header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.beak-attack-debug-panel header > div { display: grid; gap: 1px; }
.beak-attack-debug-panel header span { color: rgba(255, 221, 181, .68); font-size: 9px; font-weight: 800; }
.beak-attack-debug-panel header button { width: 30px; min-height: 30px; padding: 0; border-radius: 8px; font-size: 20px; }
.beak-attack-test { display: grid; grid-template-columns: 1fr auto; gap: 5px 9px; margin: 9px 11px 3px; padding: 9px; border: 1px solid rgba(255, 180, 95, .24); border-radius: 9px; background: rgba(31, 23, 18, .72); }
.beak-attack-test > div { display: grid; gap: 2px; }
.beak-attack-test strong { font-size: 11px; }
.beak-attack-test output { color: #ffc983; font-size: 9px; font-weight: 900; }
.beak-attack-test button { grid-column: 2; grid-row: 1 / span 2; min-height: 34px; padding: 0 10px; border-color: rgba(255, 180, 95, .36); background: rgba(197, 94, 35, .28); }
.beak-attack-test small, .beak-attack-control small { color: rgba(232, 241, 246, .59); font-size: 9px; line-height: 1.25; }
.beak-attack-test > small { grid-column: 1 / -1; }
.beak-attack-controls { display: grid; align-content: start; overflow: auto; overscroll-behavior: contain; padding: 4px 11px 10px; }
.beak-attack-control { display: grid; gap: 5px; padding: 8px 1px; border-bottom: 1px solid rgba(255, 229, 205, .09); }
.beak-attack-control > span { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.beak-attack-control strong { font-size: 11px; }
.beak-attack-control output { color: #ffc983; font-size: 10px; font-weight: 900; }
.beak-attack-control input[type="range"] { width: 100%; accent-color: #ef8e3c; }
.beak-attack-debug-panel footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.beak-attack-debug-panel footer > div { display: flex; gap: 6px; }
.beak-attack-debug-panel footer small { color: rgba(226, 241, 247, .66); font-size: 9px; font-weight: 800; }
.beak-attack-debug-panel footer small[data-tone="error"] { color: #ff9d8c; }
.beak-attack-debug-panel footer button { min-height: 30px; padding: 0 9px; border-radius: 8px; font-size: 9px; font-weight: 900; }
.beak-attack-debug-panel footer button[data-beak-save] { background: #dc7c32; color: #fff7ec; }