<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>divebar settings</title>
  <link rel="stylesheet" href="settings.css" />
  <script type="module" src="settings.js"></script>
</head>
<body>
  <header>
    <h1>divebar settings</h1>
    <div class="actions">
      <span id="status"></span>
      <button id="reset">Reset to defaults</button>
      <button id="close" class="close-btn" title="Close">✕</button>
    </div>
  </header>
  <main id="sections"></main>
</body>
</html>