.dev-hero { padding: 56px 0 24px; text-align: center; }
    .dev-hero .gp-kicker { justify-content: center; margin-bottom: 18px; }
    .dev-hero h1 { font-size: clamp(2.25rem, 4.5vw, 3.5rem); font-weight: 450; letter-spacing: -0.02em; margin: 0 0 12px; line-height: 1.05; }
    .dev-hero h1 .accent { color: var(--primary); }
    .dev-hero p { max-width: 580px; margin: 0 auto; color: var(--muted-foreground); font-size: 16px; }

    .key-form-card { max-width: 560px; margin: 32px auto; padding: 28px; }
    .form-row { margin-bottom: 14px; }
    .form-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    @media (max-width: 540px) { .form-row-2 { grid-template-columns: 1fr; } }

    /* Segmented control: sharp, rule-separated. */
    .pill-tabs { display: inline-flex; gap: 0; padding: 0; background: transparent; border: 1px solid var(--border); border-radius: 2px; overflow: hidden; }
    .pill-tab { padding: 6px 14px; font-size: 13px; cursor: pointer; border-radius: 0; color: var(--muted-foreground); background: transparent; border: 0; font-family: var(--font-sans); transition: color 0.18s ease, background-color 0.18s ease; }
    .pill-tab + .pill-tab { border-left: 1px solid var(--border); }
    .pill-tab.active { background: var(--surface-2); color: var(--foreground); }
    .pill-tab.disabled { opacity: 0.55; cursor: not-allowed; font-style: italic; }

    .key-result {
      max-width: 720px; margin: 18px auto; padding: 0;
      display: none;
    }
    .key-result.show { display: block; }
    .key-result .gp-card { padding: 22px; }
    .key-block { padding: 14px 16px; background: var(--surface-2); border: 1px solid var(--border); border-radius: 2px; font-family: var(--font-mono); font-size: 12.5px; word-break: break-all; display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
    .key-block code { flex: 1; min-width: 0; word-break: break-all; }
    .key-block .copy { font-size: 11px; padding: 4px 10px; }
    .warn-banner {
      padding: 12px 14px;
      background: color-mix(in srgb, var(--warning) 8%, transparent);
      border: 1px solid color-mix(in srgb, var(--warning) 35%, var(--border));
      border-radius: 2px;
      font-size: 13px; color: var(--warning); margin-top: 10px;
    }
    .err-banner {
      padding: 10px 14px; margin-bottom: 14px;
      background: color-mix(in srgb, var(--destructive) 8%, transparent);
      border: 1px solid color-mix(in srgb, var(--destructive) 35%, var(--border));
      border-radius: 2px; font-size: 13px; color: var(--destructive); display: none;
    }
    .err-banner.show { display: block; }

    .doc-grid { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); margin: 28px 0; }
    .doc-card a { color: inherit; }
    .doc-card h3 { margin: 0 0 6px; font-size: 16px; font-weight: 600; }
    .doc-card p { margin: 0; color: var(--muted-foreground); font-size: 13.5px; line-height: 1.5; }
    .doc-card .arrow { color: var(--primary); margin-left: 6px; }

    .quickstart-shell { max-width: 920px; margin: 12px auto 36px; }

.gp-inline-080fde878f { vertical-align:middle }
.gp-inline-0e2d2bcc42 { text-align:center;margin-bottom:22px; }
.gp-inline-1541dbd2e1 { display:none;margin-top:14px;padding:12px 14px;font-size:13px; }
.gp-inline-1f4e7a5998 { text-decoration:underline;text-underline-offset:3px; }
.gp-inline-219f256b67 { width:100%;margin-top:6px; }
.gp-inline-271ad5d817 { margin:0 0 12px;font-size:16px;font-weight:600; }
.gp-inline-2ba2293a4a { font-size:11.5px;margin-top:12px;text-align:center;font-family:var(--font-mono); }
.gp-inline-44d1fa2bfe { margin:0 0 6px;font-size:11.5px;color:var(--text-tertiary);font-family:var(--font-mono); }
.gp-inline-4b6a644b35 { gap:10px;flex-wrap:wrap; }
.gp-inline-535f0f6127 { margin:8px 0 0;font-size:12px; }
.gp-inline-5e9e7092d8 { max-width:520px;margin:0 auto; }
.gp-inline-62ba9c6424 { margin:8px 0 0;font-size:12.5px; }
.gp-inline-9290e71be2 { font-size:28px;font-weight:450;margin:14px 0 6px;letter-spacing:-0.015em; }
.gp-inline-a1d794ace2 { display:inline-flex; }
.gp-inline-c4764a6e1f { margin:0 0 16px;font-size:13px; }
.gp-inline-d0466aa33f { display:none; }
.gp-inline-d4b95a3cc0 { text-align:center;margin-bottom:14px; }
.gp-inline-e53982496b { display:block; }