.api-demo-page{max-width:800px;margin:0 auto;padding:2rem 16px 4rem}.api-demo-section-title{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.025em;opacity:.4;margin-bottom:1.5rem;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.1)}.api-demo-header{margin-bottom:2.5rem}.api-demo-header h1{font-size:32px;font-weight:600;margin-bottom:8px}@media (max-width:600px){.api-demo-header h1{font-size:24px}}.api-demo-header>p{font-size:12px;color:rgba(0,0,0,.45)}.api-demo-header a{color:var(--dg-fg);text-decoration:underline;text-underline-offset:2px}.api-demo-links{display:flex;gap:16px;margin-top:12px;font-size:11px}.api-demo-overview{margin-top:24px}.api-demo-overview p{font-size:12px;color:rgba(0,0,0,.45);margin-bottom:8px;line-height:1.6}.api-demo-overview strong{color:var(--dg-fg)}.demo-section{margin-bottom:3rem}.demo-section-header{margin-bottom:.75rem}.demo-section-header h2{font-size:1.1rem;font-weight:600;margin-bottom:.15rem}.demo-section-meta{display:flex;align-items:center;gap:.75rem}.demo-section-desc{font-size:.82rem;color:rgba(0,0,0,.45)}.demo-endpoint-links{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.demo-endpoint-links a{text-decoration:none}.demo-endpoint-links a:hover .demo-endpoint{background:rgba(0,0,0,.08);color:rgba(0,0,0,.6)}.demo-endpoint{font-size:10px;color:rgba(0,0,0,.35);background:rgba(0,0,0,.04);padding:2px 6px;border-radius:2px;transition:all .15s}.demo-card{border:1px solid rgba(0,0,0,.1);border-top:none;border-radius:0 0 6px 6px;padding:1.25rem;background:#ffffff}.demo-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.demo-stats-row+.demo-stats-row{margin-top:.75rem}.demo-stat{padding:.35rem 0}.demo-stat-value{font-size:12px;font-variant-numeric:tabular-nums}.demo-stat-label{font-size:9px;color:var(--dg-fg);opacity:.5;text-transform:uppercase;letter-spacing:.025em;margin-top:2px}.demo-stat-sub{font-size:10px;opacity:.5;margin-top:2px}.demo-divider{height:1px;background:rgba(0,0,0,.08);margin:1rem 0}.demo-subsection-label{font-size:11px;font-weight:500;opacity:.5;text-transform:uppercase;letter-spacing:.025em;margin-bottom:8px}.demo-token-grid{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.demo-token-grid::-webkit-scrollbar{display:none}.demo-token-card{flex-shrink:0;width:140px;background:#fff;border:none;padding:0;cursor:pointer;text-align:left;font-family:inherit;transition:all .2s}.demo-token-card:hover{box-shadow:0 1px 4px rgba(0,0,0,.08)}.demo-token-card.selected{outline:2px solid var(--dg-fg);outline-offset:1px}.demo-token-card-img{aspect-ratio:1;overflow:hidden;background:#e8e8e8}.demo-token-card-img img{width:100%;height:100%;object-fit:contain;display:block}.demo-token-card-info{display:flex;align-items:center;justify-content:space-between;padding:8px 10px}.demo-token-card-id{font-size:13px;font-weight:700}.demo-token-card-time{font-size:11px;opacity:.5}.demo-token-detail{margin-top:1rem}.demo-token-detail-layout{display:grid;grid-template-columns:240px 1fr;gap:1.25rem}.demo-token-detail-artwork{aspect-ratio:1;border:1px solid rgba(0,0,0,.08);border-radius:4px;overflow:hidden;background:rgba(0,0,0,.03);position:relative}.demo-artwork-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:rgba(0,0,0,.3);z-index:1}.demo-token-detail-artwork iframe{width:100%;height:100%;border:none;display:block;position:absolute;inset:0;z-index:2}.demo-token-detail-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.025em;margin-bottom:12px}.demo-token-status{font-size:10px;font-weight:500;padding:2px 8px;border-radius:2px;text-transform:uppercase}.demo-token-status.settled{background:rgba(34,197,94,.1);color:rgb(22,163,74)}.demo-token-status.live{background:rgba(234,179,8,.1);color:rgb(202,138,4)}.demo-token-detail-meta{display:flex;flex-direction:column;gap:.15rem}.demo-token-detail-traits{margin-top:.25rem}@media (max-width:600px){.demo-token-detail-layout{grid-template-columns:1fr}.demo-token-detail-artwork{max-width:240px}}.demo-traits{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.08)}.demo-traits-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.demo-traits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px}.demo-trait{display:flex;flex-direction:column;gap:2px}.demo-trait-key{font-size:9px;text-transform:uppercase;letter-spacing:.025em;opacity:.5}.demo-trait-val{font-size:12px}.demo-filters{display:flex;gap:.35rem;margin-bottom:.75rem}.demo-filter-btn{background:none;border:1px solid rgba(0,0,0,.1);border-radius:2px;padding:2px 8px;font-size:10px;font-family:inherit;text-transform:uppercase;letter-spacing:.025em;opacity:.5;cursor:pointer;transition:all .15s}.demo-filter-btn:hover{opacity:.8}.demo-filter-btn.active{border-color:var(--dg-fg);opacity:1;background:rgba(0,0,0,.04)}.demo-feed{max-height:400px;overflow-y:auto}.demo-feed-item{display:flex;align-items:baseline;gap:8px;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.05);font-size:12px}.demo-feed-item:last-child{border-bottom:none}.demo-feed-type{font-size:9px;text-transform:uppercase;letter-spacing:.025em;opacity:.5;width:4.5rem;flex-shrink:0}.demo-feed-body{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.demo-feed-actor{font-size:12px}.demo-feed-eth{opacity:.5;font-variant-numeric:tabular-nums}.demo-feed-time{margin-left:auto;font-size:10px;opacity:.5;flex-shrink:0;white-space:nowrap}.demo-lookup-input{display:flex;gap:.5rem}.demo-lookup-input input{flex:1;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.1);border-radius:2px;padding:6px 10px;color:var(--dg-fg);font-family:inherit;font-size:12px}.demo-lookup-input input::placeholder{opacity:.35}.demo-lookup-input button{background:var(--dg-fg);color:var(--dg-bg);border:none;border-radius:2px;padding:6px 12px;font-family:inherit;font-size:10px;text-transform:uppercase;letter-spacing:.025em;cursor:pointer;white-space:nowrap}.demo-lookup-input button:disabled{opacity:.3;cursor:default}.demo-profile{margin-top:1rem}.demo-profile-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem}.demo-profile-ens{font-size:12px}.demo-profile-addr{font-size:10px;opacity:.5}.demo-profile-tokens{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.demo-profile-tokens-label{font-size:9px;text-transform:uppercase;letter-spacing:.025em;opacity:.5;margin-right:4px}.demo-profile-token-id{font-size:10px;background:rgba(0,0,0,.05);padding:2px 6px;border-radius:2px}.demo-tabs-container{margin-top:0}.demo-tabs{display:flex;gap:0;border-bottom:1px solid rgba(0,0,0,.1)}.demo-tab{background:none;padding:6px 12px;font-size:10px;font-family:inherit;text-transform:uppercase;letter-spacing:.025em;opacity:.35;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.demo-tab:hover{opacity:.6}.demo-tab.active{opacity:1;border-bottom-color:var(--dg-fg)}.demo-tab:disabled{opacity:.15;cursor:default}.demo-code-block{background:rgba(0,0,0,.03);padding:.75rem 1rem;overflow:auto;max-height:400px;font-size:.75rem;line-height:1.55;color:rgba(0,0,0,.55);margin:0;border:none;border-radius:0}.demo-code-block code{font-family:var(--font-ibm-plex-mono),"IBM Plex Mono",ui-monospace,monospace;white-space:pre}.demo-load-prompt{display:flex;align-items:center;justify-content:center;padding:2rem}.demo-load-btn{background:var(--dg-fg);color:var(--dg-bg);border:none;border-radius:2px;padding:8px 20px;font-family:inherit;font-size:10px;text-transform:uppercase;letter-spacing:.025em;cursor:pointer;transition:opacity .15s}.demo-load-btn:hover{opacity:.8}.demo-load-btn:disabled{opacity:.3;cursor:default}.demo-empty,.demo-loading{padding:1rem;text-align:center;color:rgba(0,0,0,.35);font-size:.85rem}.demo-error{padding:.5rem;color:#dc2626;font-size:.85rem}@media (max-width:600px){.api-demo-page{padding:1rem 24px 2rem}.demo-stats-row{grid-template-columns:repeat(2,1fr)}.demo-token-grid{grid-template-columns:repeat(4,1fr)}.demo-feed-actor,.demo-feed-eth{display:none}.demo-traits-grid{grid-template-columns:1fr}}