.api-usage-page{max-width:100%;color:var(--foreground-one);margin:0}.api-usage-page h1{text-align:center;color:var(--foreground-one);margin-bottom:2rem}.api-container{grid-template-columns:1fr 1fr;gap:2rem;max-width:1800px;height:calc(100vh - 200px);margin:0 auto;display:grid}.api-content{padding-right:1rem;overflow-y:auto}.api-preview{flex-direction:column;gap:2rem;padding-left:1rem;display:flex;overflow-y:auto}.preview-json,.preview-image{background-color:var(--background-two);border:1px solid var(--foreground-two-faded);border-radius:8px;margin-bottom:2rem;padding:1.5rem;transition:opacity .3s}.sticky-json,.sticky-image{max-height:none;position:relative;overflow-y:visible}.preview-json h4,.preview-image h4{color:var(--foreground-four);margin-top:0;margin-bottom:1rem}.preview-img{border:1px solid var(--foreground-two-faded);border-radius:4px;width:100%;height:auto}.loading{text-align:center;color:var(--foreground-two);padding:2rem;font-style:italic}.interactive-example{background-color:var(--background-two);border:1px solid var(--foreground-two-faded);border-radius:0;flex-wrap:wrap;align-items:center;gap:0;margin:1rem 0;padding:.5rem;display:flex}.interactive-example code{color:var(--foreground-two);background:0 0;padding:0;font-size:1rem}.inline-input{background-color:var(--background-one);color:var(--foreground-one);border:none;border-radius:0;outline:none;width:auto;max-width:fit-content;padding:0;font-family:Courier New,monospace;font-size:1rem;transition:background-color .2s;display:inline}.inline-input.input-error{background-color:var(--negative-color-faded);border-radius:2px;padding:0 2px}.debounce-hint{color:var(--foreground-two);margin-top:.25rem;font-size:.85rem;font-style:italic}.api-usage-page h2{color:var(--foreground-one);border-bottom:2px solid var(--foreground-two-faded);margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem}.api-section{margin-bottom:3rem}.endpoint{background-color:var(--background-two);border:1px solid var(--foreground-two-faded);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.endpoint h3{color:var(--foreground-four);margin-top:0}.endpoint h4{color:var(--foreground-one);margin-top:1.5rem;margin-bottom:.5rem}.endpoint-url{background-color:var(--background-one);border:1px solid var(--foreground-two-faded);border-radius:4px;margin:1rem 0;padding:.75rem}.endpoint-url code{color:var(--foreground-four);font-size:1.1rem}.code-block{background-color:var(--background-one);border:1px solid var(--foreground-two-faded);border-radius:4px;margin:.5rem 0;padding:1rem;overflow-x:auto}.code-block code{color:var(--foreground-one);font-family:Courier New,monospace}pre.code-block{white-space:pre;color:var(--foreground-one);font-family:Courier New,monospace;font-size:.9rem;line-height:1.5}.api-usage-page ul{margin:.5rem 0;padding-left:2rem}.api-usage-page li{color:var(--foreground-one);margin:.5rem 0}.api-usage-page p{margin:.5rem 0;line-height:1.6}.api-usage-page code{background-color:var(--background-two);border-radius:3px;padding:.2rem .4rem;font-family:Courier New,monospace;font-size:.9em}@media (max-width:768px){.api-usage-page{padding:1rem}.api-container{grid-template-columns:1fr;height:auto}.api-content,.api-preview{padding:0;overflow-y:visible}.endpoint{padding:1rem}}