.builder-page-head:where(.astro-a7hlrhjk) .secondary-button:where(.astro-a7hlrhjk){flex:0 0 auto}.builder-grid:where(.astro-a7hlrhjk){display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:24px;align-items:start}.builder-card:where(.astro-a7hlrhjk),.code-card:where(.astro-a7hlrhjk),.result-card:where(.astro-a7hlrhjk){position:relative;overflow:hidden}.builder-card:where(.astro-a7hlrhjk):after,.code-card:where(.astro-a7hlrhjk):after{content:"";position:absolute;right:-70px;top:-86px;width:190px;height:190px;border-radius:50%;background:#1976f312;pointer-events:none}.builder-head:where(.astro-a7hlrhjk),.result-head:where(.astro-a7hlrhjk){position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.builder-eyebrow:where(.astro-a7hlrhjk){display:inline-flex;margin-bottom:10px;color:#0f4bb8;font-size:.72rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.compact-button:where(.astro-a7hlrhjk){min-height:38px;padding-inline:14px}.builder-form:where(.astro-a7hlrhjk){position:relative;z-index:1;display:grid;gap:20px}.coordinate-grid:where(.astro-a7hlrhjk){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.format-picker:where(.astro-a7hlrhjk){display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid #d7e3f2;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#eef6ff)}.format-title:where(.astro-a7hlrhjk){display:block;color:#30405a;font-size:.8rem;font-weight:950}.format-picker:where(.astro-a7hlrhjk) p:where(.astro-a7hlrhjk){margin:4px 0 0;color:#607089;font-size:.82rem;line-height:1.45}.format-toggle:where(.astro-a7hlrhjk){display:inline-flex;flex:0 0 auto;padding:4px;border:1px solid #c7d9f0;border-radius:999px;background:#fff;box-shadow:inset 0 1px #ffffffd1}.format-toggle:where(.astro-a7hlrhjk) label:where(.astro-a7hlrhjk){position:relative;cursor:pointer}.format-toggle:where(.astro-a7hlrhjk) input:where(.astro-a7hlrhjk){position:absolute;inset:0;width:100%;height:100%;min-height:0;opacity:0;cursor:pointer}.format-toggle:where(.astro-a7hlrhjk) span:where(.astro-a7hlrhjk){display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:0 14px;border-radius:999px;color:#607089;font-size:.78rem;font-weight:950;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.format-toggle:where(.astro-a7hlrhjk) input:where(.astro-a7hlrhjk):checked+span:where(.astro-a7hlrhjk){background:#1976f3;color:#fff;box-shadow:0 10px 22px #1976f338}.format-toggle:where(.astro-a7hlrhjk) input:where(.astro-a7hlrhjk):focus-visible+span:where(.astro-a7hlrhjk){outline:3px solid rgba(25,118,243,.18);outline-offset:2px}.language-select:where(.astro-a7hlrhjk){display:grid;gap:7px;min-width:180px;color:#607089;font-size:.78rem;font-weight:900}.code-shell:where(.astro-a7hlrhjk){position:relative;z-index:1;overflow:hidden;border:1px solid #273244;border-radius:20px;background:#151f2d;box-shadow:0 22px 48px #0f172a38}.code-toolbar:where(.astro-a7hlrhjk){display:flex;align-items:center;gap:11px;min-height:44px;padding:0 14px;border-bottom:1px solid rgba(215,227,242,.1);background:linear-gradient(180deg,#202b3b,#182231)}.window-dots:where(.astro-a7hlrhjk){display:inline-flex;gap:6px}.window-dots:where(.astro-a7hlrhjk) span:where(.astro-a7hlrhjk){width:9px;height:9px;border-radius:50%;background:#ff6b6b}.window-dots:where(.astro-a7hlrhjk) span:where(.astro-a7hlrhjk):nth-child(2){background:#ffd166}.window-dots:where(.astro-a7hlrhjk) span:where(.astro-a7hlrhjk):nth-child(3){background:#21c083}.code-label:where(.astro-a7hlrhjk),.response-status:where(.astro-a7hlrhjk){color:#9fb2cc;font-family:var(--font-jetbrains-mono),ui-monospace,monospace;font-size:.74rem;font-weight:800}.copy-chip:where(.astro-a7hlrhjk){margin-left:auto;min-height:30px;padding:0 11px;border:1px solid rgba(132,185,255,.28);border-radius:999px;background:#1976f31f;color:#b9d7ff;font:inherit;font-size:.74rem;font-weight:950;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.copy-chip:where(.astro-a7hlrhjk):hover,.copy-chip:where(.astro-a7hlrhjk):focus-visible{border-color:#84b9ff94;background:#1976f338;color:#fff}.copy-chip:where(.astro-a7hlrhjk).is-copied{border-color:#21c08394;background:#21c0832e;color:#bbf7d0;transform:scale(.96)}.code-shell:where(.astro-a7hlrhjk) pre:where(.astro-a7hlrhjk){margin:0;padding:22px 26px;max-height:420px;overflow:auto;color:#d7e5f6;white-space:pre-wrap;word-break:break-word;font-family:var(--font-jetbrains-mono),ui-monospace,monospace;font-size:.82rem;line-height:1.8}.code-shell:where(.astro-a7hlrhjk) code:where(.astro-a7hlrhjk){color:#d7e5f6}.syntax-command{color:#7dd3fc;font-weight:950}.syntax-option{color:#f9a8d4;font-weight:900}.syntax-keyword{color:#c4b5fd;font-weight:900}.syntax-property{color:#f59e0b}.syntax-builtin{color:#7dd3fc}.syntax-string{color:#86efac}.syntax-url{color:#5eead4;text-decoration:underline;text-decoration-color:#5eead459;text-underline-offset:3px}.syntax-number{color:#fde68a}.syntax-literal{color:#93c5fd}.syntax-header{color:#f59e0b;font-weight:900}.syntax-comment{color:#64748b;font-style:italic}.syntax-operator{color:#f8fafc}.syntax-punctuation{color:#9fb2cc}.builder-actions:where(.astro-a7hlrhjk){display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.result-card:where(.astro-a7hlrhjk){margin-top:24px}.result-head:where(.astro-a7hlrhjk){margin-bottom:18px}.result-head:where(.astro-a7hlrhjk) .secondary-button:where(.astro-a7hlrhjk):disabled{opacity:.45}.json-shell:where(.astro-a7hlrhjk){border-color:#c8d8ee;background:#0f1724;box-shadow:0 18px 42px #0f172a24}.json-shell:where(.astro-a7hlrhjk) pre:where(.astro-a7hlrhjk){max-height:560px}.response-status:where(.astro-a7hlrhjk){margin-left:auto;color:#bbf7d0}.json-key{color:#f59e0b;font-weight:850}.json-string{color:#86efac}.json-number{color:#fde68a}.json-boolean{color:#93c5fd}.json-null{color:#94a3b8;font-style:italic}.json-punctuation{color:#7dd3fc}@media(max-width:1120px){.builder-grid:where(.astro-a7hlrhjk){grid-template-columns:1fr}}@media(max-width:620px){.coordinate-grid:where(.astro-a7hlrhjk){grid-template-columns:1fr}.builder-head:where(.astro-a7hlrhjk),.result-head:where(.astro-a7hlrhjk),.format-picker:where(.astro-a7hlrhjk){flex-direction:column}.format-toggle:where(.astro-a7hlrhjk),.language-select:where(.astro-a7hlrhjk),.builder-actions:where(.astro-a7hlrhjk) .primary-button:where(.astro-a7hlrhjk),.builder-actions:where(.astro-a7hlrhjk) .secondary-button:where(.astro-a7hlrhjk){width:100%}.format-toggle:where(.astro-a7hlrhjk) label:where(.astro-a7hlrhjk){flex:1}.format-toggle:where(.astro-a7hlrhjk) span:where(.astro-a7hlrhjk){width:100%}.code-shell:where(.astro-a7hlrhjk) pre:where(.astro-a7hlrhjk){padding:18px}}