/*
 * MapVector demo page stylesheet (resources/views/demo.php).
 *
 * Plain CSS, no preprocessor. Kept as an external file (rather than an
 * inline <style> block) so the page's Content-Security-Policy does not need
 * `style-src 'unsafe-inline'`. Bundled verbatim to public/assets/demo.css by
 * client/build.mjs.
 */

html, body { margin: 0; padding: 0; height: 100%; font-family: system-ui, sans-serif; }
#map { position: absolute; inset: 0; }
#panel {
  position: absolute; top: 12px; left: 12px; z-index: 1;
  background: #fff; padding: 8px 12px; border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .3); font-size: 14px;
}
#panel a { margin-left: 8px; }
#snippet {
  position: absolute; bottom: 12px; left: 12px; right: 12px; z-index: 1;
  max-height: 30%; overflow: auto; background: #111; color: #eee;
  padding: 8px 12px; border-radius: 6px; font: 12px/1.4 monospace;
}