.grass-debug-panel { --debug-accent: #b4d992; }
.grass-debug-panel header { display:flex; justify-content:space-between; align-items:center; }
.grass-debug-panel header div { display:grid; gap:3px; }
.grass-debug-panel header button { padding:5px 9px; }
.grass-scope { margin:10px; font-size:11px; color:#bed0c1; line-height:1.45; }
.grass-metrics { display:block; margin:10px; padding:9px; background:#1c3435; border-radius:8px; white-space:pre-line; font-size:11px; line-height:1.55; font-variant-numeric:tabular-nums; }
.grass-debug-panel details { margin:8px 10px; border:1px solid #32494a; border-radius:8px; }
.grass-debug-panel summary { padding:9px; font-size:12px; font-weight:700; cursor:pointer; color:#c6e6ba; }
.grass-control { display:grid; gap:5px; margin:0 9px 12px; font-size:12px; }
.grass-control > span { display:flex; justify-content:space-between; gap:6px; }
.grass-control output { color:#c6e6ba; font-variant-numeric:tabular-nums; }
.grass-control small { color:#a9bbc0; font-size:10px; line-height:1.4; }
.grass-control input[type=range] { width:100%; margin:2px 0; }
.grass-control select { width:100%; padding:7px; background:#203937; color:#eff7e9; border:1px solid #48614e; border-radius:6px; font-size:11px; }
.grass-control input[type=color] { width:100%; height:25px; padding:0; border:0; background:transparent; }
.grass-debug-panel footer > span { display:block; font-size:10px; margin-bottom:7px; min-height:24px; }
.grass-debug-panel footer > div { display:flex; flex-wrap:wrap; gap:5px; }
.grass-debug-panel footer button { font-size:10px; padding:7px; border-radius:6px; }

.grass-debug-panel [data-supplement-plant][hidden] { display: none; }
.grass-debug-panel [data-insect][hidden] { display: none; }
.grass-height-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
.grass-height-pair .grass-control > span { flex-wrap: wrap; }
.grass-height-pair input { min-width: 0; }