/* Shared club visual stays beneath readable content, never beneath unprotected text. */
.phone[data-cl-art=true]{background:#edf2ef;isolation:isolate;position:relative}
.phone[data-cl-art=true]::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(235,242,238,.78),rgba(235,242,238,.94)),var(--cl-art) center/cover no-repeat;pointer-events:none}
.phone[data-cl-art=true] .screen-content{background:transparent}
.cl-phone[data-cl-art=true] .cl-hero{background:linear-gradient(180deg,rgba(5,16,26,.35),rgba(5,16,26,.83)),var(--cl-art) center/cover;color:#fff;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end}
.cl-phone[data-cl-art=true] .cl-hero .cl-kicker,.cl-phone[data-cl-art=true] .cl-hero p{color:#f0f5ed}
.cl-art-preview{aspect-ratio:2/3;position:relative;overflow:hidden;border-radius:22px;background:#11232e;color:#fff;margin:20px 0 12px}
.cl-art-preview img{height:100%;width:100%;object-fit:cover;display:block}
.cl-art-preview>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(transparent 35%,rgba(5,15,23,.92));padding:24px}
.cl-art-preview h3{font-size:28px;line-height:1.2;margin:8px 0;overflow-wrap:anywhere}.cl-art-preview p{color:#eff8ed}
.cl-art-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cl-art-library button{padding:0;overflow:hidden;border-radius:16px;border:1px solid #cad8d0;background:#fff;text-align:left;min-height:44px;color:#203f32}
.cl-art-library img{display:block;aspect-ratio:2/3;width:100%;object-fit:cover}.cl-art-library span{display:block;padding:12px;font-size:12px}
.xp-art-modes{display:flex;gap:8px;margin:16px 0}.xp-art-modes>button{flex:1;min-width:0;min-height:48px}
.xp-art-modes [aria-pressed=true]{background:#133f36;color:#effbe9;border-color:#133f36}
.xp-form textarea[name=prompt]{min-height:124px;resize:vertical;line-height:1.6}
@media(prefers-reduced-motion:reduce){.cl-art-preview *{animation:none!important}}