/* SETUP PANEL */
    #view-setup {
      align-items: center;
      justify-content: center;
      overflow-y: auto;
      padding: 20px
    }

    .setup-card {
      position: relative;
      z-index: 10;
      width: 560px;
      max-width: 100%;
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: 14px;
      padding: 36px;
      margin: auto;
      box-shadow: 0 4px 24px rgba(30, 58, 95, 0.1)
    }

    .step-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: linear-gradient(135deg, #1e4d8c, #163a6b);
      color: #fff;
      font-weight: 800;
      font-size: 12px;
      flex-shrink: 0
    }

    .step-row {
      display: flex;
      gap: 14px;
      margin-bottom: 20px;
      align-items: flex-start
    }

    .step-content {
      flex: 1
    }

    .step-title {
      font-size: 13px;
      font-weight: 700;
      margin-bottom: 5px
    }

    .step-desc {
      font-size: 12px;
      color: var(--text-dim);
      line-height: 1.7
    }

    .step-code {
      background: var(--bg);
      border: 1px solid var(--border);
      border-radius: 6px;
      padding: 10px 14px;
      font-family: var(--mono);
      font-size: 11px;
      color: var(--cyan);
      margin-top: 8px;
      white-space: pre-wrap;
      word-break: break-all;
      cursor: pointer;
      position: relative
    }

    .step-code:hover::after {
      content: 'KLIK UNTUK SALIN';
      position: absolute;
      top: 6px;
      right: 8px;
      font-size: 9px;
      color: var(--text-dim)
    }

    .sep {
      height: 1px;
      background: var(--border);
      margin: 20px 0
    }

    .url-test-row {
      display: flex;
      gap: 8px;
      margin-top: 8px
    }

    .url-test-row input {
      flex: 1
    }