.viral-settings{display:grid;gap:16px}.viral-number-field{display:grid;gap:8px}.viral-number-field label{font-size:14px;font-weight:600}.viral-number-field input{width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;background:#fff;padding:10px 12px;font:inherit;color:inherit}.viral-number-field small,.viral-fixed-settings{font-size:12px;color:#777;line-height:1.6}.skill-visual-card:has(>input:is([value^=look-],[value^=character-]))>.skill-visual-frame{aspect-ratio:3 / 4}.skill-visual-card:has(>input:is([value^=look-],[value^=character-]))>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform:scale(1.85)!important;transform-origin:center top!important}#skill-root{min-height:100vh}.error{color:#b91c1c;font-size:13px}.estimate{font-size:11px;line-height:1.5;opacity:.68;margin-top:8px}.cc-skill-layout-example{width:min(100%,calc((100dvh - 224px)*var(--example-aspect,1.777778)))}.cc-skill-layout-example .cc-video-frame{background:transparent}@media(max-width:700px){.cc-skill-layout-example{width:min(100%,calc(52dvh*var(--example-aspect,1.777778)))}}

/* Character framing: match face size and placement in both picker views. */
.skill-visual-card:has(>input[value="character-1015-40"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-52.0265%,-12.5532%) scale(1.957912)!important}
.skill-visual-card:has(>input[value="character-1016-08"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-39.0382%,-4.5528%) scale(1.898206)!important}
.skill-visual-card:has(>input[value="character-1015-36"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-47.3193%,-12.2917%) scale(1.988629)!important}
.skill-visual-card:has(>input[value="character-1016-06"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-41.3812%,-1.9856%) scale(1.846256)!important}
.skill-visual-card:has(>input[value="character-1016-07"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-41.3702%,-4.3963%) scale(1.917271)!important}
.skill-visual-card:has(>input[value="character-1015-01"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-41.9633%,-9.1041%) scale(1.895325)!important}
.skill-visual-card:has(>input[value="character-1015-02"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-64.1440%,-20.1482%) scale(2.103484)!important}
.skill-visual-card:has(>input[value="character-1015-07"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-70.8163%,-17.1707%) scale(2.501352)!important}
.skill-visual-card:has(>input[value="character-1015-08"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-39.8938%,-6.1740%) scale(1.779986)!important}
.skill-visual-card:has(>input[value="character-1015-10"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-57.4302%,-10.6354%) scale(2.081285)!important}
.skill-visual-card:has(>input[value="character-1015-31"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-47.1109%,-10.8213%) scale(1.955953)!important}
.skill-visual-card:has(>input[value="character-1015-35"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-47.6516%,-6.1830%) scale(1.901560)!important}
.skill-visual-card:has(>input[value="character-1016-01"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-44.3303%,-6.1362%) scale(1.897030)!important}
.skill-visual-card:has(>input[value="character-1016-02"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-49.2906%,-11.1838%) scale(2.106250)!important}
.skill-visual-card:has(>input[value="character-1016-03"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-33.9480%,-5.3994%) scale(1.864802)!important}
.skill-visual-card:has(>input[value="character-1016-04"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-50.5812%,-8.8982%) scale(2.012147)!important}
.skill-visual-card:has(>input[value="character-1016-05"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-46.9381%,-9.7408%) scale(2.047304)!important}

/* Legacy character framing: consistent portrait size and headroom. */
.skill-visual-card:has(>input[value="look-11-black-tee-dark-jeans-supermodel"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-46.3223%,-0.1487%) scale(1.952842)!important}
.skill-visual-card:has(>input[value="look-03-yellow-hoodie-striped-tee"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-38.5624%,-0.3856%) scale(1.773174)!important}
.skill-visual-card:has(>input[value="look-04-look01-leather-shorts"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-42.6201%,-3.1391%) scale(1.849825)!important}
.skill-visual-card:has(>input[value="look-01-navy-cable-knit-wide-jeans"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-31.3306%,0.0000%) scale(1.622427)!important}
.skill-visual-card:has(>input[value="look-02-look29"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-34.5075%,0.0000%) scale(1.678832)!important}
.skill-visual-card:has(>input[value="look-05-look09-floral-skirt"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-37.1550%,-1.4452%) scale(1.743513)!important}
.skill-visual-card:has(>input[value="look-06-striped-tee-white-bermuda"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-34.9632%,-0.4594%) scale(1.695455)!important}
.skill-visual-card:has(>input[value="look-07-look32"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-39.4171%,0.0000%) scale(1.762007)!important}
.skill-visual-card:has(>input[value="look-08-oat-cardigan-satin-cami"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-37.6225%,0.0000%) scale(1.740464)!important}
.skill-visual-card:has(>input[value="look-09-leopard-cami-cargo-jeans"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-41.7511%,-0.8617%) scale(1.829153)!important}
.skill-visual-card:has(>input[value="look-10-gray-hoodie-wide-jeans"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-40.8629%,-1.1338%) scale(1.806785)!important}
.skill-visual-card:has(>input[value="look-blue-jacket-ivory-skirt"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-36.8785%,0.0000%) scale(1.735671)!important}
.skill-visual-card:has(>input[value="look-blue-stripe-shirt"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-38.5782%,-3.2693%) scale(1.766195)!important}
.skill-visual-card:has(>input[value="look-coffee-yoga"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-42.0009%,-0.5316%) scale(1.836191)!important}
.skill-visual-card:has(>input[value="look-morgan-leather-jacket-dark-jeans"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-42.3564%,-2.0997%) scale(1.777817)!important}
.skill-visual-card:has(>input[value="look-ava-ivory-tee-blue-jeans"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-42.1873%,0.0000%) scale(1.840396)!important}
.skill-visual-card:has(>input[value="look-01-look03"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-31.9463%,0.0000%) scale(1.636243)!important}
.skill-visual-card:has(>input[value="look-03-look03-tank-denim"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-38.5369%,-0.2526%) scale(1.774016)!important}
.skill-visual-card:has(>input[value="look-04-look05-cardigan-coat"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-42.2271%,-2.9874%) scale(1.841868)!important}
.skill-visual-card:has(>input[value="look-05-pale-blue-shirt-ivory-linen-skirt"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-40.7257%,-1.3540%) scale(1.807282)!important}
.skill-visual-card:has(>input[value="look-06-look06"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-38.4912%,-0.6300%) scale(1.764236)!important}
.skill-visual-card:has(>input[value="look-07-look36"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-41.2288%,-7.7720%) scale(1.810475)!important}
.skill-visual-card:has(>input[value="look-08-navy-polo-gray-shorts"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-39.2344%,-2.8282%) scale(1.781361)!important}
.skill-visual-card:has(>input[value="look-09-yellow-tee-blue-bermuda"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-39.0701%,-1.2879%) scale(1.772491)!important}
.skill-visual-card:has(>input[value="look-10-ivory-satin-striped-set"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-43.5362%,-2.1678%) scale(1.844271)!important}
.skill-visual-card:has(>input[value="look-01-look04-sport-leather"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-43.5887%,-6.0548%) scale(1.858743)!important}
.skill-visual-card:has(>input[value="look-03-look08"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-41.1672%,0.0000%) scale(1.829409)!important}
.skill-visual-card:has(>input[value="look-04-look21"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-41.6256%,-2.4593%) scale(1.836803)!important}
.skill-visual-card:has(>input[value="look-05-pants-02-plaid-brown"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-40.8476%,-1.1544%) scale(1.809454)!important}
.skill-visual-card:has(>input[value="look-06-look06-black-coat"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-41.1951%,-0.6973%) scale(1.816298)!important}
.skill-visual-card:has(>input[value="look-01-look26"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-44.5111%,-6.5994%) scale(1.852251)!important}
.skill-visual-card:has(>input[value="look-03-look12"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-52.4542%,-11.9652%) scale(2.054293)!important}
.skill-visual-card:has(>input[value="look-04-look22"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-41.8346%,-1.9213%) scale(1.839251)!important}
.skill-visual-card:has(>input[value="look-06-look19"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-38.5980%,-0.8147%) scale(1.770106)!important}
.skill-visual-card:has(>input[value="look-all-new-01-leather-knit-shorts"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-33.5089%,0.0000%) scale(1.674922)!important}
.skill-visual-card:has(>input[value="look-03-look15-with-shoes-v2"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-41.4950%,-10.3647%) scale(1.824358)!important}
.skill-visual-card:has(>input[value="look-daily-trend-04-taupe-suede"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-40.5813%,-1.1819%) scale(1.815613)!important}
.skill-visual-card:has(>input[value="look-all-new-06-warm-brown-layers"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-33.3047%,-1.2292%) scale(1.669215)!important}
.skill-visual-card:has(>input[value="look-blue-shirt-ivory-trousers"])>.skill-visual-frame>img{object-fit:cover!important;object-position:center top!important;transform-origin:0 0!important;transform:translate(-57.0656%,-3.8648%) scale(2.119309)!important}