/* CKey LLM marketplace visual layer — scoped to apiai.php */
.apiai-page{--ink:#111827;--muted:#687386;--line:#e5e7eb;--violet:#6d5dfc;--cyan:#1cc8cf;position:relative;isolation:isolate;background:#f7f8fb!important;color:var(--ink);overflow:hidden}
.apiai-page:before{content:"";position:absolute;z-index:-1;top:-180px;right:-120px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(108,93,252,.14),transparent 68%);pointer-events:none}
.apiai-page:after{content:"";position:absolute;z-index:-1;top:540px;left:-280px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(28,200,207,.08),transparent 65%);pointer-events:none}
.apiai-page>.max-w-7xl{max-width:1440px}
.apiai-page>div>ul{font-size:.75rem;letter-spacing:.01em;margin-bottom:1.1rem!important;color:#8490a1}
.apiai-page>div>ul a{color:#5c51db!important;text-decoration:none}
.apiai-hero{border-radius:24px!important;padding:clamp(1.3rem,3vw,2.7rem)!important;background:linear-gradient(122deg,#171b32 0%,#242347 48%,#3c3d83 100%)!important;box-shadow:0 28px 70px rgba(35,31,92,.2)!important}
.apiai-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,#000,transparent 88%);pointer-events:none}
.apiai-hero-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:clamp(1.5rem,5vw,5rem);min-height:260px}
.apiai-hero-copy{max-width:650px}.apiai-eyebrow,.apiai-section-kicker{font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#8f86ff;margin-bottom:.8rem}.apiai-hero-pill{font-size:.65rem!important;padding:.28rem .7rem!important;color:#a5f3fc!important;background:rgba(36,211,238,.12)!important;border-color:rgba(103,232,249,.3)!important}.apiai-hero h1{font-size:clamp(1.75rem,3.3vw,3.2rem)!important;line-height:1.05!important;letter-spacing:-.045em!important;max-width:650px;margin-top:1rem!important}.apiai-hero p{font-size:clamp(.86rem,1.2vw,1rem)!important;color:#c5c9dc!important;max-width:560px}.apiai-hero-actions{max-width:unset!important;display:flex!important;flex-wrap:wrap;gap:.65rem!important}.apiai-hero-actions>a{min-height:42px!important;padding-inline:1rem!important;border-radius:11px!important}
.apiai-connection{border:1px solid rgba(255,255,255,.15);border-radius:17px;overflow:hidden;background:rgba(11,14,32,.52);box-shadow:0 18px 50px rgba(0,0,0,.18);backdrop-filter:blur(18px);animation:apiai-float 7s ease-in-out infinite}.apiai-connection-head,.apiai-connection-foot{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;color:#9ba2bd;font:700 .58rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.1)}.apiai-connection-mark{margin-left:auto;color:#6ee7f0;font-size:.9rem}.apiai-terminal-dots{display:flex;gap:4px;margin-right:.25rem}.apiai-terminal-dots i{width:6px;height:6px;border-radius:50%;background:#fa7184}.apiai-terminal-dots i:nth-child(2){background:#facc65}.apiai-terminal-dots i:nth-child(3){background:#55dfb1}.apiai-connection-body{padding:1.2rem 1.1rem}.apiai-terminal-label{display:block;color:#8c96b6;font-size:.66rem;margin-bottom:.55rem}.apiai-endpoint-line{display:flex;align-items:center;gap:.5rem;min-width:0}.apiai-endpoint-line code{font:600 .77rem ui-monospace,SFMono-Regular,Menlo,monospace;color:#d7ddff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.apiai-code-copy{border:1px solid rgba(126,140,255,.35);border-radius:7px;padding:.3rem .48rem;background:rgba(99,102,241,.13);color:#bfc8ff;font-size:.64rem;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease;white-space:nowrap}.apiai-code-copy:hover{background:rgba(99,102,241,.3);color:#fff;transform:translateY(-1px)}.apiai-connection-flow{display:flex;align-items:center;gap:.45rem;margin:1.3rem 0 .8rem;color:#66e6eb;font:700 .7rem ui-monospace,monospace}.apiai-connection-flow i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#56d6dc,transparent)}.apiai-connection-flow b{padding:.35rem .6rem;border:1px solid rgba(103,232,249,.3);border-radius:7px;color:#fff;background:rgba(103,232,249,.1);font-size:.62rem}.apiai-connection-body p{font-size:.68rem!important;color:#8e96b0!important;margin:0!important}.apiai-connection-foot{border:0;border-top:1px solid rgba(255,255,255,.1);justify-content:space-between;color:#79819e;font-size:.55rem}
.apiai-catalog-heading{display:flex;align-items:end;justify-content:space-between;padding:2.8rem .15rem 1.3rem}.apiai-catalog-heading h2{font-size:clamp(1.45rem,2.2vw,2rem);font-weight:850;letter-spacing:-.04em;margin:0;color:#151a2b}.apiai-catalog-heading p{margin:.35rem 0 0;color:#748095;font-size:.86rem}.apiai-catalog-symbol{font-size:2.3rem;color:#7568f9;line-height:1;transform:rotate(14deg)}.apiai-section-kicker{display:block;color:#7568f9;margin-bottom:.45rem;font-size:.61rem}
.apiai-catalog-layout{align-items:start}.apiai-panel{border-color:rgba(221,225,234,.9)!important;box-shadow:0 12px 30px rgba(25,31,53,.045)!important;background:rgba(255,255,255,.92)!important}.apiai-filter-btn{border:1px solid #e4e7ee!important;background:#fff!important;color:#677186!important;font-size:.72rem!important;border-radius:8px!important;transition:all .16s ease!important}.apiai-filter-btn:hover{border-color:#a69eff!important;color:#574bd2!important;background:#f8f7ff!important}.apiai-filter-btn.active{background:#6d5dfc!important;border-color:#6d5dfc!important;color:#fff!important;box-shadow:0 5px 12px rgba(109,93,252,.2)}.apiai-filter-count{font-size:.61rem!important;background:#f0f1f6;color:#8991a2;padding:.1rem .28rem;border-radius:5px;margin-left:.24rem}.apiai-filter-btn.active .apiai-filter-count{background:rgba(255,255,255,.22);color:#fff}.apiai-toolbar{border-radius:16px!important;padding:1rem!important}.apiai-searchbox input{background:#fafbfc!important;border-color:#e1e5ec!important;border-radius:10px!important;padding-block:.7rem!important}.apiai-searchbox input:focus{background:#fff!important;border-color:#7568f9!important;box-shadow:0 0 0 3px rgba(117,104,249,.12)!important}.apiai-per-page-select{border-color:#e1e5ec!important;border-radius:9px!important;padding:.6rem .7rem!important}.apiai-card{border-radius:17px!important;box-shadow:0 8px 22px rgba(26,31,55,.055)!important}.apiai-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(66,55,160,.12)!important}.apiai-model-card{padding:1.15rem 1.2rem!important}.apiai-card-cta{border-radius:10px!important}.apiai-card-detail{border-radius:10px!important}.apiai-empty{grid-column:1/-1;text-align:center;padding:3rem 1rem!important}.apiai-empty>span{display:block;font-size:2rem;color:#9188ff;margin-bottom:.35rem}.apiai-empty h3{font-size:1rem;margin:.2rem 0;color:#2b3143}.apiai-empty p{font-size:.82rem;color:#7c8799;margin:.3rem 0 1rem}.apiai-empty button,.apiai-drawer-footer button{border:0;border-radius:9px;background:#6d5dfc;color:#fff;padding:.55rem .85rem;font-size:.76rem;font-weight:700;cursor:pointer}.apiai-drawer-footer{display:none}.apiai-catalog-status{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:44px;margin-bottom:1rem;border:1px dashed #d8dce7;border-radius:11px;color:#778298;font-size:.8rem;background:rgba(255,255,255,.6)}.apiai-catalog-status[data-state=error]{border-color:#f4b5bd;color:#b34d59;background:#fff8f8}.apiai-catalog-status button{border:1px solid currentColor;border-radius:7px;padding:.3rem .55rem;background:transparent;color:inherit;font-weight:700;font-size:.7rem;cursor:pointer}.apiai-grid-loading{opacity:.55!important;pointer-events:none}.apiai-copy-status{position:fixed;right:1rem;bottom:1rem;z-index:1100;max-width:min(360px,calc(100vw - 2rem));padding:.7rem .85rem;border-radius:10px;background:#242347;color:#fff;font-size:.78rem;box-shadow:0 10px 25px rgba(20,22,51,.25)}
.apiai-page button:focus-visible,.apiai-page a:focus-visible,.apiai-page input:focus-visible,.apiai-page select:focus-visible,.apiai-page summary:focus-visible{outline:3px solid rgba(103,93,252,.38);outline-offset:2px}
.dark .apiai-page{background:#0c1120!important}.dark .apiai-catalog-heading h2{color:#eef0ff}.dark .apiai-catalog-heading p{color:#9aa5bb}.dark .apiai-filter-btn{background:#121a2b!important;border-color:#2a3550!important;color:#b4bfd4!important}.dark .apiai-filter-btn:hover{background:#1a2240!important}.dark .apiai-toolbar,.dark .apiai-panel{background:rgba(16,24,41,.9)!important;border-color:#26324c!important}.dark .apiai-catalog-status{border-color:#33415d;background:rgba(16,24,41,.7);color:#aab4ca}.dark .apiai-empty h3{color:#eef0ff}.dark .apiai-empty p{color:#9aa5bb}
@keyframes apiai-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media (max-width:1279.98px){.apiai-hero-layout{grid-template-columns:1fr}.apiai-connection{max-width:600px}.apiai-drawer-footer{display:block;position:sticky;bottom:-1.5rem;padding:1rem 0 .25rem;background:inherit}.apiai-drawer-footer button{width:100%;min-height:42px}.apiai-page #apiaiFilterPanel{padding-bottom:1.1rem}.apiai-page #apiaiFilterPanel:not(.apiai-drawer-open){visibility:hidden;pointer-events:none}.apiai-page #apiaiFilterPanel.apiai-drawer-open{visibility:visible;pointer-events:auto}}
@media (max-width:640px){.apiai-page{padding-left:1rem!important;padding-right:1rem!important}.apiai-page>div>ul{margin-bottom:.8rem!important}.apiai-hero{border-radius:18px!important}.apiai-hero-actions>a{flex:1 1 100%;justify-content:center}.apiai-catalog-heading{padding-top:2rem}.apiai-catalog-symbol{font-size:1.7rem}.apiai-toolbar{padding:.75rem!important}.apiai-searchbox{min-width:100%!important}.apiai-toolbar label{flex:1}.apiai-toolbar select{width:100%}.apiai-model-card{padding:1rem!important}.apiai-model-card .apiai-model-title-row .apiai-model-name{font-size:.98rem}.apiai-connection-body{padding:.95rem}.apiai-endpoint-line code{font-size:.68rem}}
@media (prefers-reduced-motion:reduce){.apiai-page *,.apiai-page *:before,.apiai-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.apiai-card:hover,.apiai-code-copy:hover{transform:none}.apiai-connection{animation:none}}
/* Author display rules must never override native hidden state. */
.apiai-page [hidden]{display:none!important}
@media(max-width:1279.98px){.apiai-page #apiaiFilterPanel{visibility:hidden;pointer-events:none}.apiai-page #apiaiFilterPanel.apiai-drawer-open{visibility:visible;pointer-events:auto;background:#fff!important;z-index:120}.apiai-page .apiai-drawer-backdrop.is-open{z-index:119}.dark .apiai-page #apiaiFilterPanel.apiai-drawer-open{background:#101829!important}.apiai-page .apiai-drawer-head,.apiai-page .apiai-drawer-footer{background:#fff}.dark .apiai-page .apiai-drawer-head,.dark .apiai-page .apiai-drawer-footer{background:#101829}}
