:root {
  --primary: #2c3e50;
  --accent: #3498db;
  --analysis: #8e44ad;
  --district: #27ae60;
  --glass-bg: rgba(255, 255, 255, 0.98);
  --border: #dee2e6;
  --danger: #e74c3c;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.app-container {
  display: flex;
  height: 100vh;
  width: 100vw;
  position: relative;
}
#map {
  flex: 1;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: #f0f0f0;
}

/* Æ÷ÀÎÆ® ¸Ê UI ½ºÅ¸ÀÏ º¸¿Ï */
.inner-section {
  background: #f8f9fa;
  padding: 10px;
  border-radius: 6px;
  margin: 5px 0;
  border: 1px solid #eee;
  display: none;
}
.inner-section.open {
  display: block;
}
.layer-content.collapsed {
  display: none;
}
.flex-row {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 5px;
}
.half-btn {
  flex: 1;
  padding: 6px;
  font-size: 11px;
}