.tool-area{position:relative}@media (min-width:1100px){.tool-area{margin-inline:-24px}}@media (min-width:1320px){.tool-area{margin-inline:-100px}}@media (min-width:1440px){.tool-area{margin-inline:-120px}}.tool-area .tool-cta{max-width:none;margin-top:16px}.builder .step-key{padding-bottom:28px}.key-split{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;align-items:stretch}.key-pane{display:flex;flex-direction:column;align-items:flex-start;padding:20px 22px 22px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);min-width:0}[data-theme=dark] .key-pane{background:rgba(11,18,36,.45)}.kp-use{border-color:var(--blue-tint-2);background:var(--blue-tint)}[data-theme=dark] .kp-use{background:rgba(47,107,255,.07);border-color:rgba(47,107,255,.28)}.kp-tag{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:9px}.kp-use .kp-tag{color:var(--blue)}.kp-title{font-size:14.5px;font-weight:600;letter-spacing:-.01em;color:var(--text);margin-bottom:16px;text-wrap:pretty}.kp-flow{list-style:none;flex-direction:column;margin:0 0 20px;padding:0}.kp-flow,.kp-flow li{display:flex;gap:11px}.kp-flow li{align-items:flex-start;font-size:13.5px;line-height:1.45;color:var(--text-2)}.kp-flow b{color:var(--text);font-weight:600}.kp-n{flex-shrink:0;width:20px;height:20px;border-radius:50%;margin-top:1px;display:grid;place-items:center;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;background:var(--blue-tint);color:var(--blue)}.kp-cta{margin-top:auto}.kp-meta{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12px;line-height:1.45;color:var(--text-3)}.kp-meta svg{width:13px;height:13px;flex-shrink:0}.key-input{width:100%;background:var(--bg);padding-right:0}[data-theme=dark] .key-input{background:#03060D}.key-input input{padding:12px 14px;font-size:14px;font-family:JetBrains Mono,monospace}.key-input input::placeholder{font-family:inherit;font-size:13.5px}@keyframes key-shake{0%,to{transform:translateX(0)}15%{transform:translateX(-6px)}30%{transform:translateX(5px)}45%{transform:translateX(-4px)}60%{transform:translateX(3px)}75%{transform:translateX(-2px)}}.key-input.shake{animation:key-shake .45s cubic-bezier(.36,.07,.19,.97);border-color:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 18%,transparent)}.step-key .key-check-btn{width:100%;min-width:0;justify-content:center;margin-top:10px}.step-key .key-check-btn .spinner{width:16px;height:16px;display:none}.step-key .key-check-btn.loading .spinner{display:inline-block;animation:spin .7s linear infinite}.step-key .key-check-btn.loading .ck-label{opacity:.85}.step-key .key-invalid,.step-key .key-valid{width:100%;box-sizing:border-box;margin-top:10px;display:flex;align-items:center;gap:9px;padding:9px 10px 9px 13px;border-radius:var(--radius-btn);font-size:13px;font-weight:600;line-height:1.35;white-space:normal}.step-key .key-invalid{border:1px solid color-mix(in srgb,var(--red) 40%,transparent);background:color-mix(in srgb,var(--red) 10%,transparent);color:var(--red-strong)}.step-key .key-invalid>svg{width:16px;height:16px;flex-shrink:0}.step-key .key-invalid a{margin-left:auto;color:var(--red-strong);font-size:12.5px;white-space:nowrap;text-decoration:underline;text-underline-offset:2px}.step-key .key-valid{border:1px solid color-mix(in srgb,var(--green) 42%,transparent);background:color-mix(in srgb,var(--green) 10%,transparent);color:var(--green-strong)}.step-key .key-valid>svg{width:16px;height:16px;flex-shrink:0}.step-key .kv-text{min-width:0}.step-key .kv-text b{font-family:JetBrains Mono,monospace}.step-key .key-recheck{width:28px;height:28px;flex-shrink:0;margin-left:auto;display:grid;place-items:center;border-radius:8px;border:1px solid color-mix(in srgb,var(--green) 32%,transparent);background:transparent;color:var(--green-strong);cursor:pointer;transition:background .14s}.step-key .key-recheck:hover{background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green-strong);border-color:color-mix(in srgb,var(--green) 32%,transparent)}.step-key .key-recheck:active svg{transform:rotate(-90deg)}.step-key .key-recheck svg{width:14px;height:14px;transition:transform .3s}@media (max-width:780px){.key-split{grid-template-columns:1fr}.kp-cta{margin-top:0}}@media (max-width:560px){.key-pane{padding:18px}}.pg-embed{margin-top:16px;--card-bg:#ffffff;--text-1:var(--text);--resp-bg:var(--surface)}[data-theme=dark] .pg-embed{--card-bg:linear-gradient(180deg,#080D19,#050812)}.pg-embed .card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.pg-embed .btn-sm{padding:7px 14px;font-size:13px;border-radius:9px}.pg-embed .btn-primary:disabled{opacity:.45;cursor:not-allowed;background:var(--blue);border-color:var(--blue)}.pg-embed .send-btn{font-size:14.5px;font-weight:600}.pg-embed .method{font-family:JetBrains Mono,monospace;font-weight:700;font-size:11px;padding:3px 8px;border-radius:5px;letter-spacing:.03em;display:inline-flex;align-items:center;justify-content:center;min-width:47px}.pg-embed .method.get{background:rgba(16,185,129,.12);color:var(--green-strong)}[data-theme=dark] .pg-embed .method.get{background:rgba(16,185,129,.18)}.pg-embed .method.post{background:rgba(37,99,235,.12);color:var(--blue)}[data-theme=dark] .pg-embed .method.post{background:rgba(47,107,255,.2)}.pg-embed .fld-label{display:block;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);margin-bottom:-6px}.pg-embed .range-seg{display:flex;gap:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:3px}[data-theme=dark] .pg-embed .range-seg{background:rgba(11,18,36,.6)}.pg-embed .range-seg button{border:none;background:transparent;font-family:inherit;font-size:12px;font-weight:500;color:var(--text-2);padding:5px 12px;border-radius:7px;cursor:pointer;transition:all .14s;white-space:nowrap}.pg-embed .range-seg button:hover{color:var(--text)}.pg-embed .range-seg button.active{background:var(--bg);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm)}[data-theme=dark] .pg-embed .range-seg button.active{background:#0E1730}.pg-embed .snippet-tabs{display:flex;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:3px}[data-theme=dark] .pg-embed .snippet-tabs{background:rgba(11,18,36,.6)}.pg-embed .snippet-tab{border:none;background:transparent;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;color:var(--text-2);padding:5px 12px;border-radius:7px;cursor:pointer;transition:all .14s}.pg-embed .snippet-tab:hover{color:var(--text)}.pg-embed .snippet-tab.active{background:var(--bg);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm)}[data-theme=dark] .pg-embed .snippet-tab.active{background:#0E1730}.pg-embed .code-shell{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}[data-theme=dark] .pg-embed .code-shell{background:#03060D}.pg-embed .code-shell pre{font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.7;padding:16px 18px;color:var(--text);white-space:pre-wrap;word-break:break-all;overflow-x:hidden}.pg-embed .copy-chip{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-strong);background:var(--bg);color:var(--text-2);font-family:inherit;font-size:12px;font-weight:500;padding:5px 10px;border-radius:7px;cursor:pointer;transition:all .14s}[data-theme=dark] .pg-embed .copy-chip{background:var(--surface-2)}.pg-embed .copy-chip:hover{color:var(--text);border-color:var(--text-3)}.pg-embed .copy-chip.copied{border-color:var(--green);color:var(--green-strong)}.pg-embed .copy-chip svg{width:12px;height:12px;stroke-width:2}.pg-embed .opt-tag{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);padding:1px 7px;border-radius:999px}[data-theme=dark] .pg-embed .opt-tag{background:rgba(11,18,36,.6)}.pg-embed .spinner{display:inline-block;width:15px;height:15px;border:2px solid;border-top:2px solid transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.pg-embed .lc-range{width:100%;height:18px;cursor:pointer;margin:0}.pg-embed .lc-range,.pg-embed .pg-check input{accent-color:var(--blue)}[data-theme=dark] .pg-embed .pg-combo-btn,[data-theme=dark] .pg-embed .pg-input{background:#03060D}[data-theme=dark] .pg-embed .pg-dl-menu,[data-theme=dark] .pg-embed .pg-pop{background:#0B1120}[data-theme=dark] .pg-embed .pg-table th{background:#0A0F1C}[data-theme=dark] .pg-embed .pg-note{background:rgba(11,18,36,.5)}[data-theme=dark] .pg-embed .pg-status{background:rgba(11,18,36,.4)}.pg-embed .pg-input{font-size:14.5px;padding:11px 14px}.pg-embed .pg-pnum{font-size:13px;padding:7px 6px}.pg-embed .pg-code-head h3,.pg-embed .pg-req-intro h3{font-size:15.5px}.pg-embed .pg-cost,.pg-embed .pg-desc,.pg-embed .pg-req-intro p{font-size:13.5px}.pg-embed .pg-idle p{font-size:14px;max-width:360px}.pg-toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,12px);background:#0f172a;color:#f8fafc;font-size:13.5px;font-weight:500;padding:10px 18px;border-radius:10px;box-shadow:0 12px 32px rgba(15,23,42,.3);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease;z-index:300;pointer-events:none;display:flex;align-items:center;gap:9px;max-width:min(420px,calc(100vw - 40px))}[data-theme=dark] .pg-toast{background:#16234A;box-shadow:0 12px 32px rgba(0,0,0,.5)}.pg-toast.show{opacity:1;visibility:visible;transform:translate(-50%)}.pg-toast svg{width:14px;height:14px;stroke-width:2.4;color:var(--green);flex-shrink:0}section.tool-intro{margin:30px auto 0;max-width:760px;text-align:left}.tool-intro .hero-sub{margin:0;max-width:none;font-size:15.5px}.tool-intro .hero-sub-2{margin-top:12px;max-width:none;font-size:14.5px;color:var(--text-3);line-height:1.6}.fields-group li{padding-left:18px}.fields-group li:before{left:0;top:9px;width:9px;height:1.5px;border-radius:1px;background:var(--border-strong)}.lead code{font-family:JetBrains Mono,monospace;font-size:.85em;background:var(--surface-2);color:var(--blue);padding:2px 6px;border-radius:5px}.recipes{margin-top:26px;container-type:inline-size}.recipes>h3{font-size:18px;font-weight:600;letter-spacing:-.015em;margin-bottom:6px}.recipes-intro{font-size:13.5px;color:var(--text-2);line-height:1.6;margin-bottom:16px}.recipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.recipe{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:22px}[data-theme=dark] .recipe{background:linear-gradient(180deg,#080D19,#050812)}.recipe h4{font-size:14.5px;font-weight:600;letter-spacing:-.01em;margin-bottom:15px}.recipe dl{display:grid;grid-template-columns:minmax(96px,auto) 1fr;gap:10px 18px;margin:0}.recipe dt{font-size:12.5px;font-weight:500;color:var(--text-3)}.recipe dd{font-size:12.5px;color:var(--text);line-height:1.55;margin:0}.recipe dd code{font-family:JetBrains Mono,monospace;font-size:11.5px;background:var(--surface-2);color:var(--blue);padding:2px 6px;border-radius:5px;overflow-wrap:normal;word-break:keep-all}.recipe dd.rc-code{display:flex;flex-wrap:wrap;gap:4px}.recipe dd .rc-note{color:var(--text-3)}@container (max-width: 1000px){.recipe-grid{grid-template-columns:1fr}}@container (max-width: 560px){.recipe dl{grid-template-columns:1fr;gap:0}.recipe dt{margin-top:12px}.recipe dl>dt:first-child{margin-top:0}}.block-cta .bc-text .bc-lead{display:block}@media (max-width:560px){.block-cta .btn{flex:1;justify-content:center}}.fc-rows{grid-column:1/-1;margin:16px 0 0;display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:baseline}.fc-rows dt{justify-self:start;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;color:var(--blue);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:3px 8px;white-space:nowrap}[data-theme=dark] .fc-rows dt{background:rgba(47,107,255,.08);border-color:color-mix(in srgb,var(--blue) 26%,transparent)}.fc-rows dd{margin:0;font-size:13px;color:var(--text-2);line-height:1.5}@media (max-width:520px){.fc-rows{grid-template-columns:1fr;gap:4px}.fc-rows dd{margin-bottom:8px}}.cmp-matrix{min-width:760px;table-layout:fixed}.cmp-matrix thead th{text-align:left;font-size:12.5px;font-weight:600;letter-spacing:-.005em;text-transform:none;color:var(--text);padding:15px 18px;background:var(--surface);border-bottom:1px solid var(--border);line-height:1.35;vertical-align:bottom;white-space:normal}[data-theme=dark] .cmp-matrix thead th{background:rgba(11,18,36,.6)}.cmp-matrix thead th.cmp-corner{background:transparent}.cmp-matrix tbody th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);padding:15px 18px;background:var(--surface);border-bottom:1px solid var(--border);border-right:1px solid var(--border);vertical-align:top;line-height:1.4;width:20%;white-space:normal}[data-theme=dark] .cmp-matrix tbody th{background:rgba(11,18,36,.6)}.cmp-matrix tbody tr:last-child td,.cmp-matrix tbody tr:last-child th{border-bottom:none}.cmp-matrix .cmp-col-hl{background:var(--blue-tint);color:var(--text)}.cmp-matrix thead th.cmp-col-hl{color:var(--blue)}[data-theme=dark] .cmp-matrix .cmp-col-hl{background:rgba(47,107,255,.09)}