.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}.catalog-skill-form{margin:0;min-height:100%}.catalog-message{font-size:12px;line-height:1.45;margin:0 0 8px;color:var(--text-secondary)}.catalog-error{color:var(--destructive)}.catalog-options{border-top:1px solid var(--divider);padding-top:10px}.catalog-options>summary{color:var(--text-tertiary);cursor:pointer;font-size:12px;line-height:20px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px}.catalog-options>summary::-webkit-details-marker{display:none}.catalog-options>summary:after{content:"\2304";font-size:15px;transform:rotate(0);transition:transform .16s}.catalog-options[open]>summary:after{transform:rotate(180deg)}.catalog-options-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;padding-top:12px}.catalog-field-wide,.catalog-options-fields>.skill-field:has(.skill-choice-list){grid-column:1/-1}@media(max-width:380px){.catalog-options-fields{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.catalog-options>summary:after{transition:none}}.skill-visual-grid-expanded[data-shape=original] .skill-visual-frame{aspect-ratio:3 / 4}.skill-visual-grid-expanded[data-shape=original] .skill-visual-frame>img,.skill-visual-grid-expanded[data-shape=original] .skill-visual-frame>video{height:100%;object-fit:contain}

/* 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}