html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      overflow: hidden;
      background: #1e1e1e;
      font-family: -apple-system, BlinkMacSystemFont, sans-serif;
      color: white;
    }

    html, body, canvas {
        -webkit-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
      }

      body {
        overscroll-behavior: none;
        overflow: hidden;
      }

      canvas {
        touch-action: none;
        -webkit-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
      }

    #toolbar {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: 56px;
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 8px 12px;
      background: rgba(20, 20, 20, 0.92);
      backdrop-filter: blur(8px);
      z-index: 10;
      box-sizing: border-box;
    }

    #status {
      font-size: 14px;
      opacity: 0.9;
      flex: 1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    button {
      border: 0;
      border-radius: 10px;
      padding: 10px 14px;
      background: #3a78ff;
      color: white;
      font-size: 14px;
    }

    canvas {
      position: absolute;
      inset: 0;
      width: 100vw;
      height: 100vh;
      touch-action: none; /* vigtigt: ellers pan/zoom’er iPad i stedet */
      display: block;
      background:
        radial-gradient(circle at center, #2a2a2a 0%, #1b1b1b 100%);
    }