.c04-lab { scroll-margin-top: 1.5rem; }
.c04-lab .c02-result { font-variant-numeric: tabular-nums; }
.c04-harmonics { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: .7rem; }
.c04-harmonics [aria-pressed="true"], .c04-lab .c02-controls [aria-pressed="true"] { background: #245d4c; color: #fff9e8; }
.c04-dropzone { border: 2px dashed #a6ae8b; padding: 1rem; border-radius: .5rem; background: #f4f0df; color: #3d5b4c; }
.c04-matrix-editor { display: flex; flex-wrap: wrap; gap: .5rem; }
.c04-matrix-editor .c02-control { max-width: 8.5rem; min-width: 5rem; }
.c04-butterfly { overflow-x: auto; max-width: 100%; }
.c04-butterfly svg { display: block; width: 100%; min-width: 530px; }
.c04-lab .c02-table-wrap { max-width: 100%; }
@media (max-width: 600px) { .c04-lab .c02-actions { gap: .35rem; } .c04-lab .button { white-space: normal; } .c04-lab .c02-control { max-width: 100%; } }

.c04-heatmap { display:block; width:100%; max-width:100%; height:auto; touch-action:pan-y; }
.c04-lab canvas + output { display:block; overflow-wrap:anywhere; }