html, body { height: 100%; margin: 0; font-family: system-ui, Arial, sans-serif; }
body { display: flex; flex-direction: column; }
header {
  display: flex; align-items: center; gap: 12px; padding: 10px 12px;
  border-bottom: 1px solid #eee; flex-wrap: wrap;
}
label { white-space: nowrap; }
select, button { padding: 6px 8px; font-size: 14px; }
.btn { border: 1px solid #ddd; background: #fff; border-radius: 6px; cursor: pointer; }
.btn:hover { background: #f5f5f5; }
#treemapDiv { flex: 1 1 auto; min-height: 0; }
.hidden { display: none; }
#status { font-size: 12px; color: #666; }