.product-social .product-hero-shell{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.product-social .warhol-visual{position:relative;min-height:660px;display:flex;align-items:center;padding:38px 0 58px 8px;isolation:isolate}
.warhol-visual:before{content:"";position:absolute;inset:8% -10%;z-index:-1;background:radial-gradient(ellipse at 60% 50%,#c5ddff99,transparent 65%)}
.warhol-studio{width:100%;background:#fcfdff;border:1px solid white;border-radius:30px;box-shadow:0 28px 65px #24457719,0 3px 6px #294d7810;overflow:hidden;color:#192d4b;transform:rotate(-2deg)}
.wh-top{height:76px;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid #edf2f8;background:#ffffffa8}
.wh-brand{display:flex;align-items:center;gap:10px;margin-right:auto}.wh-brand i{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#6cb8ff,#2364df);color:white;font-size:23px;font-style:normal}
.wh-brand strong{font-size:19px;line-height:1.2}.wh-brand strong span{display:block;font-size:8px;letter-spacing:2px;color:#7791af;margin-top:4px}.wh-demo{font-size:10px;color:#7890ad}.wh-play{border:1px solid #dce8f7;background:white;border-radius:50%;width:29px;height:29px;color:#3b73c1;cursor:pointer}
.wh-layout{display:grid;grid-template-columns:142px minmax(0,1fr);min-height:446px}
.wh-sidebar{padding:25px 12px;background:#f7faff;border-right:1px solid #edf2f8}.wh-workspace{font-size:10px;color:#8495ad;padding:0 9px 18px}
.wh-tab{width:100%;display:flex;gap:8px;align-items:center;border:0;border-radius:12px;background:transparent;color:#6b7d98;font:inherit;font-size:11px;text-align:left;padding:13px 9px;margin-bottom:7px;cursor:pointer;transition:background .3s,color .3s}.wh-tab b{font-size:17px;font-weight:400}.wh-tab.active{background:#2777e8;color:white;box-shadow:0 6px 14px #2777e82b}
.wh-agent{text-align:center;margin-top:38px;font-size:9px;line-height:1.7;color:#8193ac}.wh-agent strong{display:block;color:#4c6485;font-size:11px;margin:10px 0 5px}.wh-agent>span{display:block}.wh-orb{width:57px;height:57px;margin:auto;display:grid;place-items:center;border-radius:21px;background:linear-gradient(145deg,#e0edff,#bdd8ff);box-shadow:inset 0 1px white,0 9px 20px #327bd525;color:#367bdd;font-size:33px}.wh-agent-dots{display:flex;justify-content:center;gap:4px;margin-top:12px}.wh-agent-dots i{width:4px;height:4px;border-radius:50%;background:#679cea;animation:wh-pulse 1.5s infinite}.wh-agent-dots i:nth-child(2){animation-delay:.2s}.wh-agent-dots i:nth-child(3){animation-delay:.4s}
.wh-main{padding:24px 22px 20px;min-width:0}.wh-greeting{font-size:18px;font-weight:500;letter-spacing:-.4px;margin-bottom:16px}.wh-prompt{display:flex;align-items:center;gap:12px;padding:12px 13px;background:#eef4fc;border-radius:14px;font-size:11px;line-height:1.7;color:#607997;margin-bottom:17px}.wh-prompt>span:last-child{margin-left:auto;flex-shrink:0;background:white;border-radius:9px;width:25px;text-align:center;color:#2974de;font-size:17px}
.wh-scene{min-height:221px;animation:wh-reveal .6s ease both}.wh-scene[hidden]{display:none}.wh-output-heading{display:flex;justify-content:space-between;font-size:12px;font-weight:500;margin-bottom:13px}.wh-output-heading>span:last-child{color:#4082cf}
.wh-identity{display:flex;gap:12px;align-items:center;background:#e4efff;border:1px solid #d9e8fe;border-radius:18px;padding:18px 13px}.wh-avatar{position:relative;width:52px;height:59px;display:grid;place-items:center;border-radius:20px;background:#fff;color:#4686df;font-size:28px;flex-shrink:0}.wh-avatar span{position:absolute;right:-5px;bottom:-3px;background:#9bbffa;border:3px solid #e4efff;border-radius:50%;font-size:15px;color:white;width:25px;text-align:center}
.wh-identity small{font-size:8px;letter-spacing:1.8px;color:#7393bc}.wh-identity h3{font-size:17px;margin:5px 0;font-weight:500}.wh-identity p{font-size:10px;line-height:1.6;margin:0;color:#6380a5}.wh-chips{display:flex;gap:5px;margin:12px 0}.wh-chips span{font-size:9px;background:#f0f5fc;border-radius:20px;padding:5px 8px;color:#6b85a6}
.wh-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.wh-topics div{font-size:9px;line-height:1.6;padding:9px;border:1px solid #e5edf9;border-radius:12px;color:#627e9f}.wh-topics b{display:block;color:#4782d3;font-size:10px;margin-bottom:4px}
.wh-generate{display:flex;gap:7px;align-items:center;width:100%;border:0;padding:12px 14px;border-radius:14px;background:#2677e8;color:white;font:inherit;font-size:12px;cursor:pointer;margin-top:16px;box-shadow:0 5px 12px #2677e822}.wh-generate>span:last-child{margin-left:auto}.wh-progress{display:flex;align-items:center;gap:4px;margin-top:13px}.wh-progress i{height:3px;width:17px;background:#e1e9f5;border-radius:3px}.wh-progress span{margin-left:auto;font-size:8px;color:#91a1b7}.warhol-studio[data-step="0"] .wh-progress i:nth-child(1),.warhol-studio[data-step="1"] .wh-progress i:nth-child(2),.warhol-studio[data-step="2"] .wh-progress i:nth-child(3){background:#528de3}
.wh-script{display:grid;gap:9px}.wh-script>div{display:flex;gap:12px;padding:10px;background:#f0f6ff;border-radius:13px}.wh-script b{color:#5489d4;font-size:16px;font-weight:500;min-width:39px}.wh-script b span{display:block;font-size:8px;margin-top:4px}.wh-script p{margin:0;font-size:11px;line-height:1.6}.wh-script small{display:block;font-size:9px;color:#899db8;margin-top:5px}
.wh-variants{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wh-video{height:158px;border-radius:16px;display:flex;flex-direction:column;padding:12px 9px;background:linear-gradient(155deg,#cfE3ff,#689dde);color:white;overflow:hidden}.wh-video:nth-child(2){background:linear-gradient(155deg,#bcd6f5,#366aaf)}.wh-video:nth-child(3){background:linear-gradient(155deg,#e4ecf6,#8baccd)}.wh-video>span{font-size:8px;letter-spacing:1px}.wh-video b{font-size:14px;line-height:1.5;margin-top:17px;font-weight:500}.wh-video i{font-size:14px;font-style:normal;margin:auto}.wh-video small{font-size:7px;letter-spacing:.3px}.wh-language{display:flex;align-items:center;gap:5px;margin-top:12px;font-size:9px;color:#7b91af}.wh-language>span:not(:last-child){padding:4px;background:#edf4ff;border-radius:6px;color:#487dbe}
.wh-video{color:#173d70}.wh-video:nth-child(2){color:#fff;background:linear-gradient(155deg,#6a9cd6,#2c5994)}
.wh-floating{position:absolute;bottom:38px;right:12px;padding:15px 21px;border-radius:18px;background:#ffffffed;border:1px solid white;box-shadow:0 12px 30px #38557916;color:#5b83b9;font-size:12px}
.warhol-studio button:focus-visible{outline:3px solid #83b7ff;outline-offset:3px}
.warhol-studio.is-paused .wh-agent-dots i{animation-play-state:paused!important}
@keyframes wh-pulse{50%{opacity:.25;transform:translateY(-3px)}}@keyframes wh-reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.wh-layout{grid-template-columns:155px minmax(0,1fr)}.wh-main{padding:30px}.wh-scene{min-height:236px}.wh-greeting{font-size:22px}}
@media(max-width:1050px) and (min-width:901px){.wh-layout{grid-template-columns:110px minmax(0,1fr)}.wh-main{padding:20px 13px}.wh-tab{font-size:9px}.wh-chips span{padding:4px;font-size:8px}.wh-greeting{font-size:15px}}
@media(max-width:900px){.product-social .product-hero-shell{grid-template-columns:1fr}.product-social .warhol-visual{min-height:600px;max-width:660px;width:100%;margin:auto;padding:25px 5px 65px}.wh-floating{bottom:24px}}
@media(max-width:580px){.product-social .warhol-visual{min-height:540px;padding:24px 0 55px}.warhol-studio{transform:none;border-radius:22px}.wh-top{padding:0 15px;height:65px}.wh-layout{grid-template-columns:1fr}.wh-sidebar{padding:12px;display:flex;gap:5px;border-right:0}.wh-workspace,.wh-agent{display:none}.wh-tab{margin:0;padding:9px 7px;justify-content:center;font-size:10px;gap:4px}.wh-tab b{font-size:13px}.wh-main{padding:18px 15px}.wh-greeting{font-size:17px}.wh-scene{min-height:221px}.wh-floating{bottom:8px;right:0;font-size:10px;padding:12px 16px}.wh-demo{font-size:9px}.wh-brand strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.warhol-studio *{animation:none!important;transition:none!important}}

/* Warhol product detail: upright, preference-led and image-led. */
.product-social .warhol-studio{transform:none}
.wh-brand .wh-prome{background:url('prome-logo-v2.png') 5.98% 50% / 311.08% auto no-repeat;border-radius:0;width:39px;height:32px;filter:none}
.wh-scene{min-height:277px}.wh-prompt{margin-bottom:14px}.wh-greeting{margin-bottom:12px}
.wh-library{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;padding:8px 0 12px}
.wh-account{flex:0 0 76px;text-align:center;background:#f3f7fe;border:1px solid #e3ecfa;border-radius:13px;padding:10px 4px;color:#577393;font-size:9px}
.wh-account i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d7e7fc;color:#4183d6;font-size:19px;margin:0 auto 7px;font-style:normal}.wh-account:nth-child(2n) i{background:#e9e7da;color:#8a967f}.wh-account small{display:block;font-size:7px;color:#99a9bd;margin-top:4px}
.wh-preference{text-align:center;color:#8ba6c9;font-size:16px}.wh-preference>span{display:block;line-height:14px}.wh-preference>div{display:flex;justify-content:center;gap:9px;margin:8px 0}.wh-preference b{font-size:10px;font-weight:400;background:#f1f4f8;padding:7px 12px;border-radius:20px;color:#8694a8}.wh-preference .wh-like{background:#e5efff;color:#367ddb}.wh-preference small{font-size:9px;display:block;margin-bottom:15px}
.wh-ip-result{display:flex;align-items:center;gap:10px;padding:13px;background:#eaf2ff;border:1px solid #dce9fb;border-radius:15px}.wh-ip-result>i{font-size:29px;color:#4487da;font-style:normal}.wh-ip-result small{font-size:7px;letter-spacing:1px;color:#7394bb}.wh-ip-result strong{display:block;font-size:12px;font-weight:500;margin:3px 0}.wh-ip-result p{font-size:8px;color:#6f89a9;margin:0}.wh-ip-result>span{margin-left:auto;color:#4e8edd}
.wh-photo{position:relative;overflow:hidden;container-type:size;background:none}
.wh-photo:before{content:"";position:absolute;left:50%;top:50%;width:max(100cqw,100cqh);height:max(100cqw,100cqh);transform:translate(-50%,-50%);background-image:url('warhol-scenes-v2.png');background-size:300% 200%;background-position:var(--photo-position,0 0);background-repeat:no-repeat}
.wh-photo-0{--photo-position:0 0}.wh-photo-1{--photo-position:50% 0}.wh-photo-2{--photo-position:100% 0}.wh-photo-3{--photo-position:0 100%}.wh-photo-4{--photo-position:50% 100%}.wh-photo-5{--photo-position:100% 100%}
.wh-script>div{align-items:center;padding:9px;gap:8px}.wh-script p{flex:1;min-width:0;font-size:10px}.wh-script small{font-size:8px}.wh-script .wh-photo{width:78px;height:70px;flex-shrink:0;border-radius:9px}.wh-script b{font-size:14px;min-width:34px}
.wh-video-heading{display:flex;justify-content:space-between;font-size:11px;font-weight:500;margin-bottom:9px}.wh-video-heading small{font-size:9px;color:#8fa8c8}
.wh-presenters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}.wh-media{position:relative;height:108px;border-radius:12px;overflow:hidden}.wh-media .wh-photo{position:absolute;inset:0}.wh-media:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#102b4bbb)}.wh-media-play{position:absolute;top:40%;left:42%;color:white;text-shadow:0 1px 5px #123;font-size:13px;z-index:1}.wh-media small{position:absolute;bottom:7px;left:8px;color:white;font-size:8px;z-index:1}
.wh-ad-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wh-ad-preview{position:relative;height:112px;border-radius:12px;overflow:hidden;background:#12365a}.wh-ad-preview .wh-photo{position:absolute;inset:0;opacity:.75}.wh-ad-preview strong{position:absolute;top:10px;left:9px;font-size:11px;color:white;line-height:1.3;text-shadow:0 1px 4px #234}.wh-ad-preview>small{position:absolute;bottom:8px;left:9px;background:#fff;color:#2560a0;padding:4px;border-radius:4px;font-size:6px}.wh-ad-options>span{display:block;font-size:8px;color:#8197b3;margin-bottom:6px}.wh-variant-option{display:flex;justify-content:space-between;width:100%;padding:6px 8px;border:1px solid #e0eafa;border-radius:7px;background:white;color:#7290b4;font:inherit;font-size:9px;margin-bottom:5px;cursor:pointer}.wh-variant-option.active{background:#edf4ff;border-color:#82b1f0;color:#286dcc}
@media(max-width:580px){.wh-scene{min-height:288px}.wh-script .wh-photo{width:72px}.wh-script>div{padding:8px 6px;gap:6px}.wh-script p{font-size:9px}.wh-script small{font-size:7px}.wh-presenters .wh-media{height:114px}}

/* Fill the library and preserve square source-frame geometry when cropping. */
.wh-account{min-width:0}
.wh-ad-preview .wh-photo.wh-photo-5{background:url('warhol-ad-v3.png') center / contain no-repeat;opacity:1}
.wh-ad-preview .wh-photo.wh-photo-5:before{display:none}
.wh-account small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wh-presenters{grid-template-columns:repeat(6,minmax(0,1fr))}
.wh-media small{font-size:7px;left:5px}
@media(max-width:1150px){.wh-library{grid-template-columns:repeat(4,minmax(0,1fr))}.wh-account{padding:7px 3px}.wh-account i{width:24px;height:24px;margin-bottom:4px}.wh-presenters{grid-template-columns:repeat(3,minmax(0,1fr))}.wh-presenters .wh-media{height:100px}}