/* modal header */
    .spm-hdr {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 14px 18px;
      background: rgba(3, 8, 24, .98);
      border-bottom: 1px solid rgba(59, 130, 246, .1);
      flex-shrink: 0;
    }

    .spm-title {
      font-family: 'Syne', sans-serif;
      font-size: 14px;
      font-weight: 800;
      color: #dbeafe;
      flex: 1;
    }

    .spm-subtitle {
      font-size: 10px;
      color: #2a4a6a;
      font-family: 'JetBrains Mono', monospace;
    }

    .spm-close {
      width: 28px;
      height: 28px;
      border-radius: 8px;
      border: 1px solid rgba(148, 163, 184, .12);
      background: rgba(4, 10, 24, .8);
      color: #4a6080;
      font-size: 14px;
      cursor: pointer;
      display: grid;
      place-items: center;
      transition: all .15s;
      flex-shrink: 0;
    }

    .spm-close:hover {
      border-color: rgba(239, 68, 68, .3);
      color: #f87171;
    }