.api-section{padding-inline:12px}.api-shell{color:#fff;background:radial-gradient(at 10% 0,#253350 0%,#0000 60%),#101a30;border:1px solid #253250;border-radius:24px;max-width:1160px;margin-inline:auto;padding:36px 16px 24px}.api-heading{flex-direction:column;gap:20px;margin-bottom:28px;padding-inline:4px;display:flex}.api-heading .eyebrow{color:#b7c3e2}.api-heading h2{font-family:var(--font-display);letter-spacing:-.035em;margin-top:12px;font-size:clamp(28px,3.3vw,42px);font-weight:600;line-height:1.1}.api-heading h2 span{color:#a3aaff}.api-intro p{color:#bbc6dc;font-size:15px;line-height:1.6}.api-intro a{color:#e0e3ff;align-items:center;gap:6px;margin-top:10px;font-size:14px;font-weight:600;display:inline-flex}.api-intro a:hover{color:#fff}.api-workspace{background:#0b1224;border:1px solid #3a4660;border-radius:14px;overflow:hidden;box-shadow:0 20px 48px -28px #0009}.api-tabs{background:#1b263e;border-bottom:1px solid #34405b;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px;display:grid}.api-tabs button{color:#bac5de;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:8px;font-size:13px;font-weight:500;transition:background .16s,color .16s;display:flex}.api-tabs button:hover{color:#fff;background:#ffffff0c}.api-tabs button[aria-selected=true]{color:#172447;background:#dce0ff;box-shadow:0 2px 5px #0002}.api-tabs button:focus-visible{outline-offset:-3px}.api-panels{min-width:0;display:grid}.api-request{min-width:0}.api-request-bar{border-bottom:1px solid #ffffff0e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:60px;padding:12px 16px;display:flex}.api-endpoint{white-space:nowrap;align-items:center;gap:10px;display:flex}.api-endpoint>span{color:#9de5bf;font-family:var(--font-mono);font-size:11px;font-weight:600}.api-endpoint code{color:#d1d9ed;font-family:var(--font-mono);font-size:12px}.api-code-tools{align-items:center;gap:4px;margin-left:auto;display:flex}.api-code-tools button,.api-code-tools select{min-height:40px}.api-code-tools button{min-width:40px}.api-code-tools select:focus-visible{outline-offset:2px;outline:2px solid #a3aaff}.api-code{scrollbar-width:thin;scrollbar-color:#526183 transparent;max-height:340px;overflow:auto}.api-code pre{tab-size:2;width:max-content;min-width:100%;padding:24px 20px;font-size:12px;line-height:1.8;overflow:visible}.api-request-footer,.api-result-footer{justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding-inline:16px;font-size:12px;display:flex}.api-request-footer{color:#a3b0ce;border-top:1px solid #ffffff0e;justify-content:flex-start;gap:10px}.api-connection{background:#9de5bf;border-radius:50%;width:6px;height:6px}.api-result{color:#24334f;background:#eef0f8;min-width:0}.api-result-bar{border-bottom:1px solid #17244712;justify-content:space-between;align-items:center;gap:12px;height:60px;padding-inline:18px;font-size:12px;display:flex}.api-result-bar>span:first-child{align-items:center;gap:7px;font-weight:600;display:flex}.api-result-bar svg{color:#18724e}.api-result-bar>span:last-child{color:#53627b;font-family:var(--font-mono);font-size:11px}.api-stage{background:radial-gradient(at 75%,#d2d7f0 0%,#0000 75%);grid-template-columns:minmax(0,.8fr) 20px minmax(0,1fr);align-items:center;gap:8px;height:352px;padding:20px 16px;display:grid}.api-stage-slideshow{flex-direction:column;justify-content:center;gap:12px;height:auto;min-height:320px;display:flex}.api-input-label{color:#596780;letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:600;display:block}.api-input h3{color:#1c2b49;font-family:var(--font-display);font-size:16px;font-weight:600;line-height:1.25}.api-input p{color:#56637b;margin-top:7px;font-size:12px;line-height:1.5}.api-photos{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.api-photo-strip{align-items:center;padding:6px 2px;display:flex}.api-photo-strip picture{border:2px solid #fff;border-radius:5px;width:44px;height:66px;display:block;overflow:hidden;box-shadow:0 4px 8px #20305926}.api-photo-strip picture:first-child{transform:rotate(-9deg)translateY(3px)}.api-photo-strip picture:nth-child(2){z-index:1;margin-left:-8px;transform:rotate(2deg)translateY(-3px)}.api-photo-strip picture:last-child{margin-left:-8px;transform:rotate(10deg)translateY(4px)}.api-input-copy{min-width:0}@media (width<=359px){.api-tabs button{gap:5px;padding-inline:4px}.api-tabs button svg{flex-shrink:0;width:15px}}.api-photos .api-input-label{margin-bottom:5px}.api-photos h3{font-size:15px}.api-photos p{margin-top:4px;font-size:11px}.api-flow{color:#7986ab;justify-content:center;align-items:center;display:flex}.api-play{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1224a6;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:52px;height:52px;margin:auto;transition:background .16s,transform .16s;display:grid;position:absolute;inset:0}.api-play svg{margin-left:3px}.api-play:hover{background:#0b1224e6;transform:scale(1.06)}.api-play-error{color:#fff;background:#0b1224;border-radius:4px;padding:8px;font-size:12px;position:absolute;inset:auto 8px 8px}.api-output{aspect-ratio:9/16;background:#101a30;border:1px solid #17244728;border-radius:9px;width:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 12px 24px -8px #1b284955}.api-stage-slideshow .api-output{aspect-ratio:16/9;flex-shrink:0}.api-source-portrait{aspect-ratio:9/16;border-radius:6px;width:80px;margin-bottom:14px;overflow:hidden;box-shadow:0 5px 12px #1b284921}.api-source-landscape{aspect-ratio:16/9;object-fit:cover;border-radius:5px;width:100%;margin-bottom:16px;box-shadow:0 5px 12px #1b284921}.api-topic>span{color:#6976ba;height:30px;font-family:Georgia,serif;font-size:44px;line-height:1;display:block}.api-topic h3{letter-spacing:-.02em;font-size:20px}.api-input-tag{color:#56637b;font-family:var(--font-mono);margin-top:14px;font-size:10px;display:inline-block}.api-result-footer{color:#526078;border-top:1px solid #17244712}.api-result-footer>span{font-family:var(--font-mono);font-size:11px}.api-result-footer a{color:#354676;align-items:center;gap:6px;min-height:44px;font-weight:600;display:inline-flex}.api-result-footer a:hover{color:#101a30}.api-bottom{color:#bec8df;flex-direction:column;gap:14px;padding:22px 4px 0;font-size:13px;line-height:1.6;display:flex}.api-bottom p span{color:#e1e5f0;display:block}.api-delivery{color:#b8c6e2;white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.api-delivery svg{color:#9de5bf}@media (width>=640px){.api-section{padding-inline:24px}.api-shell{padding:44px 28px 28px}.api-heading{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px}.api-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px}.api-tabs button{font-size:14px}.api-stage{grid-template-columns:140px 32px 190px;justify-content:center;gap:20px;height:408px;padding:24px}.api-stage-slideshow{gap:14px;height:auto;padding:28px 40px}.api-stage-slideshow .api-output,.api-photos{max-width:460px}.api-photo-strip picture{width:64px;height:82px}.api-input h3{font-size:18px}.api-input p{font-size:13px}.api-topic h3{font-size:25px}.api-source-portrait{width:104px}.api-input-label{font-size:11px}.api-code{max-height:380px}.api-code pre{font-size:13px}.api-bottom{flex-direction:row;justify-content:space-between;align-items:center;gap:24px}}@media (width>=640px) and (width<=767px){.api-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.api-section{padding-inline:32px}.api-shell{padding:44px 32px 26px}.api-heading{margin-bottom:34px;padding-inline:4px}.api-intro{align-items:center;gap:32px;display:flex}.api-intro a{white-space:nowrap;margin-top:0}.api-panels{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}.api-request{order:0}.api-request-bar{flex-wrap:nowrap;height:66px;padding:12px 18px}.api-code-tools select{padding-left:10px;padding-right:28px;font-size:12px}.api-code-tools button{min-width:32px}.api-code{height:444px;max-height:none}.api-code pre{padding:24px;font-size:12px;line-height:1.8}.api-result{border-left:1px solid #ffffff1a}.api-result-bar{height:66px;padding-inline:24px}.api-stage{grid-template-columns:minmax(0,.8fr) 20px minmax(0,1fr);gap:12px;height:444px;padding:26px 24px}.api-stage:not(.api-stage-slideshow) .api-output{justify-self:end;max-width:220.5px}.api-stage-slideshow{gap:12px}.api-input h3{font-size:17px}.api-input p{font-size:12px}.api-topic h3{font-size:24px}.api-photo-strip picture{width:58px;height:78px}.api-stage-slideshow .api-flow{align-self:flex-start;margin-left:70px}.api-result-footer,.api-request-footer{padding-inline:24px}.api-bottom p span{margin-left:4px;display:inline}}@media (width>=1200px){.api-shell{padding-inline:40px}.api-code pre{font-size:13px}.api-stage{gap:14px;padding-inline:28px}.api-photo-strip picture{width:66px;height:88px}.api-input h3{font-size:18px}.api-input p{font-size:13px}.api-topic h3{font-size:26px}}