/* LifeForge Studio and catalog v30: premium composed artwork with clear character silhouettes. */
#lf16-studio-header .lf16-studio-guide.lf30-studio-guide{background-image:linear-gradient(90deg,#281833d9 0%,#2c183ca9 33%,#27163610 95%),url('./assets/v21/sunset_room.webp?v=2101')!important;background-size:cover!important;background-position:center!important;border:1px solid #f1c2f75f!important}
#lf16-studio-header .lf16-studio-guide.lf30-studio-guide img{right:-1%!important;bottom:-2%!important;height:104%!important;width:56%!important;max-width:56%!important;object-fit:contain!important;object-position:center bottom!important;mask-image:none!important;filter:drop-shadow(0 7px 9px #25112899)}
#lf16-studio-header .lf16-studio-guide.lf30-studio-guide .lf16-copy{z-index:3!important;max-width:57%!important}
#lf16-studio-header .lf16-coach.lf30-studio-coach{background:linear-gradient(160deg,#2d2540,#201a30)!important;border:1px solid #d6b0e45f!important;box-shadow:0 5px 15px #0003}
#lf16-studio-header .lf16-coach.lf30-studio-coach img{object-fit:contain!important;object-position:center bottom!important;height:128px!important;width:100%!important;max-width:none!important;padding:3px;background-image:linear-gradient(180deg,#24172a04,#241b344c),var(--lf30-studio-scene)!important;background-size:cover!important;background-position:center!important;filter:none!important}
#lf16-studio-header .lf16-coach.lf30-studio-coach strong{font-weight:800!important;font-size:12px!important}
#lf16-studio-header .lf16-coach.lf30-studio-coach span{font-size:10px!important;line-height:1.25!important}
.lf16 .lf14-class img.lf30-catalog-img{object-fit:contain!important;object-position:center bottom!important;background-image:linear-gradient(0deg,#15162777,transparent 65%),var(--lf30-catalog-scene)!important;background-size:cover!important;background-position:center!important;border-radius:12px!important;filter:drop-shadow(0 4px 5px #16132c77);padding:0!important}
@media(max-width:360px){#lf16-studio-header .lf16-coach.lf30-studio-coach img{height:115px!important}#lf16-studio-header .lf16-studio-guide.lf30-studio-guide img{width:55%!important;max-width:55%!important}}

/* Remove old animated portrait canvas only inside Studio coach selection; it covered the new approved pose cutouts. */
#lf16-studio-header .lf16-coach.lf30-studio-coach .lf18-portrait{display:none!important;opacity:0!important}
#lf16-studio-header .lf16-coach.lf30-studio-coach .lf18-avatar-slot{height:128px!important;background:linear-gradient(180deg,#2d2240,#3b2f4b)!important;overflow:hidden!important}
#lf16-studio-header .lf16-coach.lf30-studio-coach .lf18-avatar-slot>img{height:100%!important;display:block!important;position:relative!important;z-index:1!important}
@media(max-width:360px){#lf16-studio-header .lf16-coach.lf30-studio-coach .lf18-avatar-slot{height:115px!important}}
/* v30.3 input hardening: nav must stay a real touch target over scrolling content. */
body.lf16 .lf-bottom-nav{position:fixed!important;z-index:850!important;pointer-events:auto!important;isolation:isolate!important}
body.lf16 .lf-bottom-nav .lf-tab{position:relative!important;z-index:2!important;touch-action:manipulation!important;pointer-events:auto!important;min-height:48px}
body.lf16 .lf14-class[data-routine],body.lf16 .lf30-detail-item,
body.lf16 .lf30-detail-action button,body.lf16 .lf16-coach{touch-action:manipulation!important;pointer-events:auto!important}
#studio .lf14-catalog{scroll-margin-top:18px}
/* v30.3 narrow Android devices: prevent brand + controls from forcing a 351px/382px layout viewport. */
@media(max-width:385px){
 body.lf16 .lf-header{padding:9px 8px!important;gap:6px!important;max-width:100vw!important;min-width:0!important}
 body.lf16 .lf-header .lf-brand{flex:1 1 auto!important;min-width:0!important;max-width:calc(100vw - 133px)!important}
 body.lf16 .lf-header .lf-brandword{font-size:25px!important;letter-spacing:-.8px!important;white-space:nowrap!important}
 body.lf16 .lf-header .lf-brand small{font-size:7px!important;letter-spacing:.2px!important;white-space:nowrap!important}
 body.lf16 .lf-header .lf-headright{gap:3px!important;flex:0 0 auto!important}
 body.lf16 .lf-header .lf-headright .lf-iconbutton{width:29px!important;min-width:29px!important;height:31px!important;padding:3px!important}
 body.lf16 .lf-header .lf-headright .lf-wallet{min-width:0!important;padding:0 5px!important;font-size:11px!important}
}