/* AI Studio public landing page — keeps the site's colour system. */
body#tikinteract-site.public-approved #view-ai-studio{width:100%;flex:1;padding:35px 0 64px;color:var(--public-ink)}
body#tikinteract-site.public-approved #view-ai-studio .public-wrap{width:min(100% - 64px,1200px);margin:auto}
body#tikinteract-site.public-approved .ti-ai-page-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:34px;padding:26px 0 50px}
body#tikinteract-site.public-approved .ti-ai-page-intro h1{font-size:clamp(38px,4.3vw,59px);font-weight:780;letter-spacing:-.05em;line-height:1.09;margin:0 0 20px;color:var(--public-ink)}
body#tikinteract-site.public-approved .ti-ai-page-intro h1 em{font-style:normal;color:var(--public-accent)}
body#tikinteract-site.public-approved .ti-ai-page-intro>p{font-size:15px;line-height:1.75;color:var(--public-muted);max-width:520px;margin:0}
body#tikinteract-site.public-approved .ti-ai-page-hero-points{display:flex;flex-wrap:wrap;gap:13px 19px;margin:23px 0;color:var(--public-ink);font-size:11px;font-weight:630}
body#tikinteract-site.public-approved .ti-ai-page-hero-points>span{display:inline-flex;align-items:center;gap:7px}
body#tikinteract-site.public-approved .ti-ai-page-hero-points i{color:var(--public-accent)!important;font-size:11px}
body#tikinteract-site.public-approved .ti-ai-page-actions{display:flex;flex-wrap:wrap;gap:11px}
body#tikinteract-site.public-approved .ti-ai-page-art{position:relative;aspect-ratio:1.4;border-radius:13px;overflow:hidden;background:#0b0b10;border:1px solid var(--public-line)}
body#tikinteract-site.public-approved .ti-ai-page-art:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#030307cc);pointer-events:none}
body#tikinteract-site.public-approved .ti-ai-page-art>img{width:100%;height:100%;object-fit:cover;display:block}
body#tikinteract-site.public-approved .ti-ai-art-corner{position:absolute;top:16px;left:16px;font-size:9px;font-weight:760;letter-spacing:.13em;padding:8px 10px;border:1px solid #ffffff35;background:#0d0d14bc;color:#fff;border-radius:6px;z-index:2}
body#tikinteract-site.public-approved .ti-ai-page-art-foot{position:absolute;bottom:24px;left:25px;right:20px;z-index:2;color:#fff;display:grid;gap:8px}
body#tikinteract-site.public-approved .ti-ai-page-art-foot span{color:#f0b5c5;font-size:10px;font-weight:750;letter-spacing:.1em}
body#tikinteract-site.public-approved .ti-ai-page-art-foot strong{font-size:clamp(21px,2.2vw,29px);line-height:1.15;letter-spacing:-.04em;max-width:360px}
body#tikinteract-site.public-approved .ti-ai-page-worlds{border-top:1px solid var(--public-line);padding-top:38px;scroll-margin-top:110px}
body#tikinteract-site.public-approved .ti-ai-page-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
body#tikinteract-site.public-approved .ti-ai-page-section-head h2{font-size:clamp(26px,2.8vw,35px);margin:0 0 8px;line-height:1.15}
body#tikinteract-site.public-approved .ti-ai-page-section-head p{max-width:640px;color:var(--public-muted);font-size:13px;line-height:1.7;margin:0}
body#tikinteract-site.public-approved .ti-ai-page-section-head>a{white-space:nowrap;margin-bottom:3px}
body#tikinteract-site.public-approved .ti-ai-page-showcase{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,.68fr);gap:22px;align-items:start}
body#tikinteract-site.public-approved .ti-ai-page-showcase .ti-ai-slider{padding:15px}
body#tikinteract-site.public-approved .ti-ai-page-showcase .ti-ai-stage-caption>strong{font-size:clamp(17px,2vw,26px)}
body#tikinteract-site.public-approved .ti-ai-page-aside{border:1px solid var(--public-line);border-radius:12px;background:var(--public-panel);padding:24px}
body#tikinteract-site.public-approved .ti-ai-page-quote h3{font-size:23px;line-height:1.23;font-weight:720;letter-spacing:-.03em;margin:0 0 14px}
body#tikinteract-site.public-approved .ti-ai-page-quote p{font-size:12px;line-height:1.75;color:var(--public-muted);margin:0 0 22px}
body#tikinteract-site.public-approved .ti-ai-page-steps{display:grid;gap:0;border-block:1px solid var(--public-line);padding:8px 0;margin:0 0 21px}
body#tikinteract-site.public-approved .ti-ai-page-steps>div{display:flex;gap:16px;padding:14px 0}
body#tikinteract-site.public-approved .ti-ai-page-steps>div+div{border-top:1px solid var(--public-line)}
body#tikinteract-site.public-approved .ti-ai-page-steps>div>span{font-weight:750;color:var(--public-accent);font-size:12px}
body#tikinteract-site.public-approved .ti-ai-page-steps strong{font-size:13px;color:var(--public-ink);font-weight:750}
body#tikinteract-site.public-approved .ti-ai-page-steps p{font-size:11px;color:var(--public-muted);line-height:1.6;margin:5px 0 0}
body#tikinteract-site.public-approved .ti-ai-page-aside>.public-button{width:100%}
body#tikinteract-site.public-approved .ti-ai-page-end{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:36px;padding:27px 31px;border:1px solid var(--public-line);background:var(--public-panel);border-radius:12px}
body#tikinteract-site.public-approved .ti-ai-page-end h2{font-size:25px;font-weight:750;margin:0 0 9px}
body#tikinteract-site.public-approved .ti-ai-page-end p{color:var(--public-muted);font-size:12px;line-height:1.65;margin:0}
body#tikinteract-site.public-approved .ti-ai-page-end a{white-space:nowrap}
body#tikinteract-site.public-approved .ti-ai-stage [data-ai-image].is-floating{animation:ti-ai-still-motion 4s ease-in-out alternate infinite;transform-origin:50% 50%}
@keyframes ti-ai-still-motion{from{transform:scale(1.02) translateX(-.45%)}to{transform:scale(1.085) translateX(.45%)}}
@media(max-width:900px){
 body#tikinteract-site.public-approved .ti-ai-page-hero{gap:20px}
 body#tikinteract-site.public-approved .ti-ai-page-intro h1{font-size:37px}
 body#tikinteract-site.public-approved .ti-ai-page-showcase{grid-template-columns:1fr}
 body#tikinteract-site.public-approved .ti-ai-page-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}
 body#tikinteract-site.public-approved .ti-ai-page-steps{margin:0}
 body#tikinteract-site.public-approved .ti-ai-page-aside>.public-button{grid-column:1/-1}
}
@media(max-width:680px){
 body#tikinteract-site.public-approved #view-ai-studio{padding-top:9px}
 body#tikinteract-site.public-approved #view-ai-studio .public-wrap{width:calc(100% - 32px)}
 body#tikinteract-site.public-approved .ti-ai-page-hero{grid-template-columns:1fr;padding:18px 0 32px;gap:24px}
 body#tikinteract-site.public-approved .ti-ai-page-intro h1{font-size:clamp(32px,8vw,45px)}
 body#tikinteract-site.public-approved .ti-ai-page-intro>p{font-size:13px}
 body#tikinteract-site.public-approved .ti-ai-page-art{aspect-ratio:1.6}
 body#tikinteract-site.public-approved .ti-ai-page-worlds{padding-top:27px}
 body#tikinteract-site.public-approved .ti-ai-page-section-head{align-items:flex-start;flex-direction:column;gap:10px}
 body#tikinteract-site.public-approved .ti-ai-page-aside{display:block;padding:19px}
 body#tikinteract-site.public-approved .ti-ai-page-steps{margin:0 0 20px}
 body#tikinteract-site.public-approved .ti-ai-page-end{flex-direction:column;align-items:stretch;padding:21px}
 body#tikinteract-site.public-approved .ti-ai-page-end a{white-space:normal}
}
@media(prefers-reduced-motion:reduce){body#tikinteract-site.public-approved .ti-ai-stage [data-ai-image].is-floating{animation:none!important}}

/* Four links now fit in the original compact navigation; preserve the existing two-row mobile header. */
@media(max-width:1050px){html[data-mode] body#tikinteract-site .ti-site-header .site-header-inner>.template-navigation{gap:15px!important}}
@media(max-width:480px){html[data-mode] body#tikinteract-site .ti-site-header .site-header-inner>.template-navigation{gap:9px!important}html[data-mode] body#tikinteract-site .ti-site-header .template-navigation>button{font-size:9px!important;gap:4px!important}html[data-mode] body#tikinteract-site .ti-site-header .template-navigation>button>i{font-size:10px!important}}

/* Original TikTok Lion gift icon, reused from the public gift catalogue. */
body#tikinteract-site.public-approved .ti-ai-gift-callout{display:flex;align-items:center;gap:13px;min-width:0;padding:11px 14px 11px 9px;margin:3px 0 19px;border:1px solid color-mix(in srgb,#e6b95f 35%,var(--public-line));border-radius:11px;background:linear-gradient(110deg,color-mix(in srgb,#b48632 12%,var(--public-panel)),var(--public-panel) 80%)}
body#tikinteract-site.public-approved .ti-ai-gift-art{display:grid;place-items:center;position:relative;isolation:isolate;flex:0 0 96px;height:96px;border-radius:10px;background:radial-gradient(circle at 50% 60%,#efc67743 0%,#b485181c 45%,transparent 73%)}
body#tikinteract-site.public-approved .ti-ai-gift-art::before{content:"";position:absolute;z-index:-1;inset:11px;border-radius:50%;background:#d5a33c25;filter:blur(11px)}
body#tikinteract-site.public-approved .ti-ai-gift-art img{display:block;width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 4px 8px #af792f57)}
body#tikinteract-site.public-approved .ti-ai-gift-copy{display:grid;justify-items:start;gap:5px;min-width:0}
body#tikinteract-site.public-approved .ti-ai-gift-eyebrow{font-size:9px;line-height:1.4;letter-spacing:.1em;font-weight:750;color:#dcb76b}
html[data-mode=light] body#tikinteract-site.public-approved .ti-ai-gift-eyebrow{color:#926524}
body#tikinteract-site.public-approved .ti-ai-gift-copy>strong{color:var(--public-ink);font-size:15px;line-height:1.35;letter-spacing:-.018em;font-weight:750}
body#tikinteract-site.public-approved .ti-ai-gift-status{display:inline-flex;align-items:center;gap:6px;color:var(--public-muted);font-size:10px;line-height:1.4}
body#tikinteract-site.public-approved .ti-ai-gift-status i{color:var(--public-accent)!important;font-size:10px}
@media(max-width:390px){
 body#tikinteract-site.public-approved .ti-ai-gift-callout{padding:9px;gap:8px}
 body#tikinteract-site.public-approved .ti-ai-gift-art{flex-basis:75px;height:77px}
 body#tikinteract-site.public-approved .ti-ai-gift-art img{width:75px;height:75px}
 body#tikinteract-site.public-approved .ti-ai-gift-copy>strong{font-size:13px}
}