/* Default light appearance. Layout, model data and brand artwork stay unchanged. */
:root{
  color-scheme:light;
  --xi-bg:#f7f9fc;--xi-panel:#fff;--xi-line:#dce4ee;--xi-text:#17233b;
  --xi-muted:#53647c;--xi-blue:#1763d6;--xi-link:#175fc7;
  --bg:var(--xi-bg);--surface:#fff;--surface2:#edf2f9;
  --border:#dce4ee;--border2:#cbd7e6;--text:var(--xi-text);--text2:var(--xi-muted);--text3:#64748b;
  --accent:#1763d6;--accent2:#5b47c8;--accent-glow:rgba(23,99,214,.10);
  --blue:#1763d6;--green:#08775b;--amber:#946013;--red:#b42336;
}
body{background:var(--xi-bg);color:var(--xi-text)}
::selection{background:#cfe2ff;color:#122c50}
#flow,.grain,.vignette{display:none}
.site-nav{background:rgba(255,255,255,.97);border-color:var(--xi-line);box-shadow:0 1px 8px rgba(23,35,59,.025)}
.site-desktop-links a:hover,.site-desktop-links a[aria-current=page]{color:var(--xi-blue)}
.site-nav .site-console,.catalog-page .xi-button-primary,.btn-primary,a.btn.primary{background:var(--xi-blue);border-color:var(--xi-blue);color:#fff;box-shadow:0 3px 10px rgba(23,99,214,.12)}
.site-nav .site-console:hover,.catalog-page .xi-button-primary:hover,.btn-primary:hover,a.btn.primary:hover{background:#1255bb;color:#fff}
.site-mobile-menu summary{border-color:#cbd7e6;background:#fff;color:var(--xi-text)}
.site-mobile-links{background:#fff;border-color:var(--xi-line);box-shadow:0 12px 22px rgba(23,35,59,.06)}
.site-footer{background:#fff}
.xi-category-band{background:#fff}
.xi-model{background:#fff;border-color:#dfe6ef;border-radius:12px;box-shadow:0 4px 18px rgba(23,35,59,.035)}
.xi-model:hover{border-color:#9cbce8;box-shadow:0 7px 24px rgba(23,35,59,.065)}
.xi-brand-logo{background:#f1f5fa;border:1px solid #e1e8f1}
.xi-brand-logo-dark{background:#14223c;border-color:#344968}
.xi-state{color:#53647c}
.xi-state-limited::before{background:#a96b16}
.xi-release-card{background:#fff;border-color:#cbd7e6}
.xi-filter input,.xi-filter select{background:#fff;color:var(--xi-text);border-color:#cbd7e6}
.xi-filter input::placeholder{color:#53647c}
.xi-tabs a{background:#fff}
.xi-tabs a:hover{border-color:#a7bddc}
.xi-tabs a[aria-current=true]{background:#eaf2ff;border-color:#a9c7f4;color:#175fc7}
.catalog-page .xi-button:not(.xi-button-primary){background:#fff;border-color:#cbd7e6;color:var(--xi-text)}
.catalog-page .xi-button:not(.xi-button-primary):hover{background:#edf4ff;border-color:#93b7e9}
.xi-media{background:#edf2f9;border-color:#d5e0ee}
.xi-detail code{color:#3e5b7c}
.xi-image-state,.xi-empty{background:#fff;border-color:#bccde3}
.xi-price-jump a{background:#fff;border-color:#cbd7e6;color:#175fc7}
.xi-price-image{background:#fff;border-color:#cbd7e6;color:var(--xi-muted)}
.site-nav :focus-visible,.site-footer :focus-visible,.catalog-page :focus-visible{outline-color:#1763d6}

/* Bring the existing article and pricing pages into the same palette. */
body p,.lead,.subtitle,.muted{color:var(--xi-muted)}
.section-title,.page-head h1,.page-header h1,.cta-section h2,.hero h1,.example .cost,.stat-value{color:var(--xi-text)}
.grad,.page-head h1 .grad,.hero h1 .grad,.fact-value,.volume-tier .discount,.free-tier .amount{-webkit-text-fill-color:var(--accent);background:none;color:var(--accent);animation:none}
.badge,.updated{background:#edf4ff;color:#24588f;border-color:#d0dff2;box-shadow:none}
.badge-dot,.updated-dot{box-shadow:none}
.card,.fact,.example,.volume-tier,.use-card,.tldr,.qa,.table-wrap,.price-wrap,.compare-wrap,.model-list,.cta{background:#fff;border-color:var(--xi-line);box-shadow:0 3px 15px rgba(23,35,59,.025)}
.card:hover,.fact:hover,.example:hover,.volume-tier:hover{box-shadow:0 6px 20px rgba(23,35,59,.06);border-color:#a7c0e2}
table.price thead th,table.data th,table.compare thead th{background:#edf2f9;color:#465c77}
.section,.hero,.faq{border-color:var(--xi-line)}
.btn-secondary,a.btn.secondary{background:#fff;border-color:#cbd7e6;color:var(--xi-text)}
.btn-secondary:hover,a.btn.secondary:hover{background:#edf4ff;border-color:#9dbce5}
.callout,.free-tier{background:#edf4ff;border-color:#c6d9f2;color:var(--xi-text)}
.callout.warn{background:#fff7e8;border-color:#ead5a6}
.callout a,.content a,.content h1 .accent,.page-header h1 .accent,.eyebrow{color:var(--accent)}
.qa-q:hover{color:var(--accent)}
.pill-violet{color:#6440ad;background:#f1ecfb;border-color:#d9cdf1}
.pill-amber,.tag-flag{color:#946013;background:#fff3df;border-color:#ead2aa}
.sidebar a.active{color:var(--accent);background:#eaf2ff;border-left-color:var(--accent)}
.endpoint{background:#edf2f9;border-color:var(--border)}
.qa-a code,code.inline,.content :not(pre)>code{color:#175fc7;background:#eaf2ff}

/* Code is the deliberate dark surface in the light site. */
pre,.code,.code-card,.code-body,.xi-code{
  --text:#e7eef8;--text2:#b4c3d8;--text3:#9bacc4;--accent:#8cbcff;--green:#85dfb8;
  --border:#34435a;--border2:#44546d;background:#111c2e;color:#e7eef8;border-color:#34435a;
}
.xi-code-head,.code-header{background:#1a283d;color:#c1cee1;border-color:#34435a}
.xi-code pre{background:#111c2e;color:#c5defb}
.xi-code pre code,.content pre code{color:inherit;background:transparent}
.xi-copy,.code-header .copy-btn,.content pre .copy-btn{color:#e7eef8;background:#1a283d;border-color:#50617b}
.code-body .c,pre .comment{color:#a2b4cf}
.code-body .s{color:#85dfb8}
.code-title{color:#bdcbe0}
.code-card{box-shadow:0 5px 18px rgba(23,35,59,.08)}

/* Soft atmosphere and surface depth, with no extra media downloads. */
body{
  background-image:radial-gradient(ellipse 950px 560px at 95% 120px,#e8edff 0%,transparent 75%),radial-gradient(ellipse 800px 600px at 0 780px,#e6f5fc 0%,transparent 75%);
  background-repeat:no-repeat;
}
.xi-home-intro{position:relative;isolation:isolate;background:linear-gradient(115deg,rgba(240,248,255,.6),rgba(237,239,255,.55))}
.xi-home-intro::before,.xi-home-intro::after{content:'';position:absolute;pointer-events:none;z-index:-1}
.xi-home-intro::before{
  display:none;
}
.xi-home-intro::after{
  width:min(660px,85%);height:400px;right:4%;top:55px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(157,181,255,.28),rgba(174,230,255,.18) 45%,transparent 72%);
}
.xi-hero{position:relative}
.xi-art-hero{position:relative}
.xi-art-hero::before{content:'';position:absolute;inset:-14px 12px 38px -14px;border:1px solid #b7cdef;border-radius:25px;pointer-events:none;z-index:-1}
.xi-art-hero img{border:5px solid #fff;box-shadow:0 22px 55px -18px rgba(42,73,125,.4)}
.xi-category-band{background:rgba(255,255,255,.82)}
.xi-categories>a{transition:background .2s}
.xi-categories h2 .xi-arrow,.xi-model h3 .xi-arrow,.xi-link .xi-arrow{transition:transform .2s}
.xi-categories>a:hover .xi-arrow,.xi-model:hover h3 .xi-arrow,.xi-link:hover .xi-arrow{transform:translateX(4px)}
.xi-showcase{position:relative;isolation:isolate}
.xi-showcase::before{content:'';position:absolute;inset:16px -28px 28px;z-index:-1;border-radius:24px;background:linear-gradient(125deg,#eaf3ff,#f0edfc 55%,#e9f7fa);pointer-events:none}
.xi-visual-card img,.xi-category-art img{border:4px solid #fff;box-shadow:0 14px 35px -18px rgba(31,65,115,.3)}
.xi-visual-card{transition:transform .25s}
.xi-integration{background:radial-gradient(ellipse at 85% 60%,rgba(210,229,255,.5),transparent 65%)}
.xi-step-number{background:#fff;border-color:#b4cdf1;box-shadow:0 4px 14px rgba(23,99,214,.09)}
.xi-model{position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.xi-model::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#7aa6f2,#b6d8ff,transparent)}
.xi-model[data-category=video]::before{background:linear-gradient(90deg,#a694e8,#d9cdf8,transparent)}
.xi-model[data-category=image]::before{background:linear-gradient(90deg,#53b8bd,#afe0de,transparent)}
.xi-model[data-category="3d"]::before{background:linear-gradient(90deg,#d5a363,#f1d9b5,transparent)}
.xi-page-head{position:relative}
.xi-page-head::before{content:'';display:block;width:48px;height:4px;border-radius:4px;background:linear-gradient(90deg,#1763d6,#8da7ee);margin-bottom:21px}
.xi-media{background-image:radial-gradient(ellipse at 100% 0,rgba(167,193,242,.35),transparent 65%),linear-gradient(135deg,transparent 70%,rgba(255,255,255,.6));border-radius:14px}
.xi-filter{background:rgba(255,255,255,.45)}
.site-footer{background:linear-gradient(120deg,#fff,#edf4ff);border-top-color:#d1def0}
.site-footer .site-footer-social{display:flex;gap:10px;margin-top:20px}
.site-footer .site-footer-social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #cbd7e6;border-radius:10px;background:#fff;color:#175fc7}
.site-footer .site-footer-social a:hover{background:#eaf2ff;border-color:#93b7e9}
.site-footer-social svg{display:block;flex-shrink:0}
.site-nav-dropdown,.site-account-menu{position:relative}
.site-nav-dropdown summary,.site-account-menu summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;white-space:nowrap;font-size:14px;line-height:1.5}
.site-nav-dropdown summary{color:var(--xi-muted);padding:23px 0}
.site-nav-dropdown summary::-webkit-details-marker,.site-account-menu summary::-webkit-details-marker{display:none}
.site-nav-dropdown[open] summary{color:var(--xi-blue)}
.site-nav-chevron{display:block;flex-shrink:0;transition:transform .16s ease}
.site-nav details[open]>summary .site-nav-chevron{transform:rotate(180deg)}
.site-account-menu summary{padding:10px 14px;border:1px solid #cbd7e6;border-radius:7px;background:#fff;color:var(--xi-text)}
.site-account-menu[open] summary{border-color:#8db4ec;background:#edf4ff}
.site-dropdown-panel{position:absolute;top:calc(100% + 7px);left:-18px;width:240px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--xi-line);border-radius:12px;padding:9px;box-shadow:0 14px 38px rgba(23,35,59,.12);max-height:calc(100dvh - 94px);overflow:auto}
.site-nav .site-dropdown-panel a{display:block;padding:11px 12px;border-radius:6px;font-size:14px;color:var(--xi-text);white-space:normal}
.site-nav .site-dropdown-panel a:has(.site-nav-preview){display:flex;align-items:center;justify-content:space-between;gap:20px}
.site-dropdown-panel a:hover,.site-dropdown-panel a[aria-current=page]{background:#edf4ff;color:var(--xi-blue)}
.site-account-panel{left:auto;right:0;top:calc(100% + 14px);width:285px}
.site-account-balance{padding:4px 12px 9px;font-size:13px;color:var(--xi-muted)}
.site-language{border-top:1px solid var(--xi-line);margin:7px 3px 0;padding:15px 7px 4px}
.site-language>span{display:block;font-size:12px;color:var(--xi-muted);margin-bottom:9px}
.site-language>div{display:flex;flex-direction:column;gap:4px}
.site-language button{text-align:left;font:13px/1.5 'Outfit',system-ui,sans-serif;cursor:pointer;padding:9px 7px;border:1px solid #d5dfec;border-radius:6px;background:#fff;color:var(--xi-text)}
.site-language button[aria-pressed=true]{background:#eaf2ff;color:#175fc7;border-color:#a9c7f4}
.site-language p{font-size:11px;color:var(--xi-muted);line-height:1.65;margin:10px 0 0}
.site-language button:disabled{opacity:.55;cursor:not-allowed}
.site-nav:lang(zh-CN),.site-footer:lang(zh-CN),.studio:lang(zh-CN){font-family:'Outfit','Microsoft YaHei','PingFang SC',system-ui,sans-serif}
@media(max-width:800px){
  .site-account-menu summary{padding:9px 10px;font-size:13px;gap:5px}
  .site-account-menu summary svg{display:none}
}
@media(hover:hover) and (pointer:fine){
  .xi-model:hover{transform:translateY(-4px)}
  .xi-visual-card:hover{transform:translateY(-4px)}
}
@media(prefers-reduced-motion:no-preference){
  .xi-home-intro::after{animation:xi-atmosphere 16s ease-in-out 2 alternate}
}
@keyframes xi-atmosphere{from{transform:translate(0,0) scale(.94)}to{transform:translate(-28px,20px) scale(1.06)}}
@media(max-width:800px){
  .xi-home-intro::before{background-size:36px 36px;mask-image:linear-gradient(180deg,transparent,#000)}
  .xi-home-intro::after{right:0;top:250px;height:380px}
  .xi-showcase::before{inset:15px -10px 22px;border-radius:18px}
  .xi-art-hero::before{inset:-9px 10px 32px -9px;border-radius:20px}
}
@media(prefers-reduced-motion:reduce){
  .xi-home-intro::after{animation:none}
  .xi-model,.xi-visual-card,.xi-categories>a,.xi-categories .xi-arrow,.xi-model .xi-arrow,.xi-link .xi-arrow{transition:none}
  .xi-model:hover,.xi-visual-card:hover{transform:none}
}

/* Discovery and onboarding: show the next useful action before decoration. */
.catalog-page h1{letter-spacing:-.04em}
.xi-hero-catalog{margin-top:20px}
.xi-route{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 4px 0;font-size:14px;color:var(--xi-muted)}
.xi-route strong{color:var(--xi-blue);font-weight:650}
.xi-art-hero figcaption{font-size:12px}
.xi-model::before{display:none}
.xi-model-bottom{display:flex;flex-direction:column;gap:10px;font-size:13px;padding-top:20px}
.xi-model-bottom .xi-rate{text-align:left;font-variant-numeric:tabular-nums}
.xi-state{font-size:12px}
.xi-model-details{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--xi-line);padding-top:13px;margin-top:15px;color:var(--xi-link)!important;font-size:13px}
.xi-model-details:hover{text-decoration:underline}
.xi-filter-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end}
.xi-filter-controls .xi-search-field{grid-column:auto}
.xi-more-filters{position:relative}
.xi-more-filters>summary{cursor:pointer;min-height:45px;padding:10px 17px;border:1px solid #cbd7e6;border-radius:6px;background:#fff;font-size:14px;list-style:none}
.xi-more-filters>summary::-webkit-details-marker{display:none}
.xi-more-filters>summary::after{content:'+';margin-left:12px}
.xi-more-filters[open]>summary::after{content:'−'}
.xi-filter-options{display:grid;gap:14px;position:absolute;right:0;top:calc(100% + 8px);width:280px;padding:18px;background:#fff;border:1px solid var(--xi-line);border-radius:10px;box-shadow:0 12px 28px rgba(23,35,59,.1);z-index:5}
.xi-filter-options [hidden]{display:none}
.xi-results-heading{font-size:18px!important;letter-spacing:0!important;margin:0 0 20px!important}
.xi-steps{padding:0;list-style:none}
.xi-step p{font-size:14px;color:var(--xi-muted);margin:10px 0 13px;line-height:1.65}
.xi-step .xi-link{white-space:normal}
.pricing-page .reveal,.pricing-page table.price tbody tr{opacity:1;transform:none;transition:none}
.pricing-page .page-head{max-width:1120px;text-align:left;padding:120px 2rem 26px}
.pricing-page .page-head h1{font-size:clamp(32px,3.4vw,48px);letter-spacing:-.035em;line-height:1.14}
.pricing-page .page-head .subtitle{max-width:74ch;font-size:16px;margin:18px 0 0}
.pricing-page .updated{margin-top:16px;background:none;border:0;padding:0;font:13px/1.6 'Outfit',sans-serif}
.pricing-page .section-label{display:none}
.pricing-page .xi-price-jump{margin:0 0 22px}
.pricing-page #facts{padding:0 0 28px}
.pricing-page .facts{gap:20px;border-block:1px solid var(--xi-line);padding:20px 0}
.pricing-page .fact{padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;overflow:visible}
.pricing-page .fact:hover{transform:none;box-shadow:none}
.pricing-page .fact::before{display:none}
.pricing-page .fact-label{font:500 13px/1.5 'Outfit',sans-serif;text-transform:none;letter-spacing:0;margin-bottom:7px}
.pricing-page .fact-value{font:650 24px/1.3 'Outfit',sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pricing-page table.price thead th{font:600 12px/1.5 'Outfit',sans-serif;letter-spacing:0;text-transform:none}
.pricing-page .xi-offer-rate{display:block;color:var(--xi-link);font-size:16px;font-weight:650;font-variant-numeric:tabular-nums}
.pricing-page .xi-official-rate{display:block;margin-top:4px;color:var(--xi-muted);font-size:12px;font-weight:400}
.pricing-page .xi-official-rate s{text-decoration-thickness:1px}
.pricing-page #language-pricing{padding-top:12px}
.pricing-page :focus-visible,.xi-more-filters :focus-visible{outline:2px solid var(--xi-blue);outline-offset:4px}
@media(max-width:560px){
  .xi-page-head{padding-block:28px 20px}
  .xi-page-head::before{display:none}
  .xi-page-head h1{font-size:32px}
  .xi-page-head p{font-size:15px;margin-top:12px}
  .xi-filter{padding-block:16px;margin-bottom:20px}
  .xi-filter-controls{gap:10px}
  .xi-filter-bottom{margin-top:14px;gap:10px}
  .xi-tabs{gap:5px}
  .xi-tabs a{padding:9px 10px;font-size:12px;min-height:40px}
  .xi-result-count{width:100%}
  .xi-filter-options{width:min(280px,calc(100vw - 36px))}
  .xi-results-heading{margin-bottom:14px!important}
  .xi-route{font-size:13px}
  .pricing-page .page-head{padding:104px 18px 24px}
  .pricing-page .container{padding-inline:18px}
  .pricing-page .facts{grid-template-columns:1fr 1fr;gap:22px 16px}
  .pricing-page .section-subtitle{margin-bottom:22px}
}
@media(max-width:360px){
  .site-nav-inner{gap:8px}
  .site-nav .site-brand{font-size:18px;gap:7px}
  .site-nav .site-brand-mark{width:32px;height:32px}
}

/* Separate discovery, developer resources and account actions. */
.site-nav .site-auth-links{display:flex;align-items:center;gap:14px}
.site-nav .site-signin{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:7px;background:var(--xi-blue);color:#fff;font-weight:600;white-space:nowrap;transition:background .15s}
.site-nav .site-signin:hover{background:#1255bb;color:#fff}
.site-nav .site-signin:focus-visible{outline:2px solid var(--xi-blue);outline-offset:4px}
.site-nav .site-account-menu summary{min-height:44px;border:0;padding:10px 0;background:transparent}
.site-nav .site-account-menu[open] summary{background:transparent;color:var(--xi-blue)}
.site-nav-preview{font-size:12px;line-height:1.5;padding:2px 7px;border-radius:4px;background:#edf2f9;color:var(--xi-muted);font-weight:400}
.site-account-panel .site-language{margin-top:0;padding-top:9px;border-top:0}
.site-nav[data-auth-state=user] .site-account-panel .site-language{border-top:1px solid var(--xi-line);margin-top:7px;padding-top:15px}
@media(max-width:980px){
  .site-nav-inner{width:calc(100% - 32px);gap:14px}
  .site-nav .site-desktop-links{display:none}
  .site-nav .site-auth-links{display:none}
  .site-nav .site-account-menu{margin-left:auto}
  .site-mobile-menu{display:block}
  .site-nav .site-mobile-menu>summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 11px;border:1px solid var(--xi-line);border-radius:7px;background:#fff;color:var(--xi-text);font-size:13px;list-style:none;cursor:pointer}
  .site-mobile-menu>summary::-webkit-details-marker{display:none}
  .site-nav .site-mobile-links{position:absolute;top:71px;left:0;right:0;max-height:calc(100dvh - 72px);overflow:auto;overscroll-behavior:contain;padding:16px 24px 22px;background:#fff;border-bottom:1px solid var(--xi-line);box-shadow:0 12px 22px rgba(23,35,59,.06)}
  .site-mobile-main{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:12px}
  .site-mobile-group{padding:14px 0;border-top:1px solid var(--xi-line)}
  .site-mobile-group h2{font-size:13px;font-weight:600;letter-spacing:0;line-height:1.5;color:var(--xi-muted);margin:0 0 6px}
  .site-nav .site-mobile-links a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:9px 0;color:var(--xi-text);font-size:15px;text-decoration:none}
  .site-nav .site-mobile-links a:hover,.site-nav .site-mobile-links a[aria-current=page]{color:var(--xi-blue)}
  .site-mobile-links .site-language{margin:0;padding:16px 0 0}
}
@media(max-width:360px){.site-nav-inner{gap:8px}.site-nav .site-signin{font-size:13px}.site-nav .site-mobile-menu>summary{padding-inline:9px}}

.site-nav .site-account-menu>summary{justify-content:center;min-width:44px}.site-nav .site-account-menu>summary>.site-user-icon{display:block}.site-account-panel{box-sizing:border-box}.site-signout-row{border-top:1px solid var(--xi-line);margin-top:12px;padding-top:8px}.site-nav .site-signout{width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:#b42336;text-align:left;font:inherit;cursor:pointer}.site-nav .site-signout:hover{background:#fff1f1}.site-nav .site-signout:disabled{opacity:.55;cursor:wait}.site-nav .site-signout:focus-visible{outline:2px solid var(--xi-blue);outline-offset:2px}.site-signout-row p{margin:6px 12px;font-size:12px;color:var(--xi-muted)}