html, body { margin: 0; padding: 0; height: 100%; font-family: system-ui, -apple-system, sans-serif; background: #1a1a1a; color: #f0f0f0; }
#chart { width: 100vw; height: 100vh; background: #212121; }

#toolbar {
  position: fixed; top: 12px; left: 12px; z-index: 10;
  display: flex; gap: 8px; align-items: center;
  background: rgba(0,0,0,0.6); padding: 8px; border-radius: 8px;
  backdrop-filter: blur(6px);
}
#toolbar input, #toolbar button {
  background: #333; color: #fff; border: 1px solid #555;
  padding: 6px 10px; border-radius: 4px; font-size: 14px;
}
#toolbar button { cursor: pointer; }
#toolbar button:hover { background: #444; }
#toolbar button.active { background: #2a6; border-color: #3c8; }

#search-dropdown {
  position: absolute; top: 100%; left: 8px; margin-top: 4px;
  background: #000; border: 1px solid #555; border-radius: 4px;
  max-height: 300px; overflow-y: auto; min-width: 200px; display: none;
}
#search-dropdown.open { display: block; }
#search-dropdown div { padding: 6px 10px; cursor: pointer; border-bottom: 1px solid #222; }
#search-dropdown div:hover { background: #333; }

#save-status { font-size: 12px; color: #aaa; margin-left: 4px; }
#save-status.saving { color: #fc3; }
#save-status.saved { color: #3c8; }
#save-status.error { color: #f55; }

#loading { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; }
#loading.hidden { display: none; }