/* Slot-specific customization; original input nodes retain their handlers. */
#startCard.xxiiiNavActive.xxiiiCustomizeOpen{display:flex;flex-direction:column;box-sizing:border-box}
#startCard.xxiiiCustomizeOpen #startHeader{flex-shrink:0}
#startCard.xxiiiCustomizeOpen #xxiiiConfigView.active{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
#startCard.xxiiiCustomizeOpen .xxiiiConfigBar,#startCard.xxiiiCustomizeOpen #xxiiiEditorTeamSwitch{flex-shrink:0}
#startCard.xxiiiCustomizeOpen .xxiiiEditorPanel{flex:1;min-height:0;overflow:hidden}
#startCard.xxiiiCustomizeOpen .xxiiiAppearanceStage{height:100%;min-height:0}
#startCard.xxiiiCustomizeOpen .xxiiiAppearanceControls,#startCard.xxiiiCustomizeOpen .xxiiiCustomizerControls{min-height:0;overflow-y:auto;overscroll-behavior:contain}
#startCard.xxiiiCustomizeOpen .xxiiiCustomizerControls>.xxiiiAppearanceControls{overflow:visible}
#xxiiiConfigView .xxiiiAppearanceCategory[hidden],
#xxiiiConfigView .kitPickerRow[hidden],
#xxiiiConfigView .kitToggleGroup[hidden]{display:none!important}
.xxiiiAppearanceCategory{display:flex;flex-direction:column;gap:14px;min-width:0}
#xxiiiConfigView .xxiiiHairStyleChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;width:100%;min-width:0}
#xxiiiConfigView .xxiiiHairStyleChoice{box-sizing:border-box;min-width:0;width:100%;min-height:52px;height:auto;padding:10px 8px;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.35;text-align:center}
#xxiiiConfigView .xxiiiConfigBar.xxiiiCustomizeBar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
#xxiiiConfigView .xxiiiConfigBar.xxiiiCustomizeBar h2{grid-column:1/-1;margin:0 0 4px}
#xxiiiConfigView .xxiiiConfigBar.xxiiiCustomizeBar .xxiiiMenuSubAction{min-width:0;padding:9px 4px;font-size:11px}
#xxiiiExtraControls{padding-top:12px;margin-top:6px;border-top:1px solid #8ff5b42b}
#xxiiiExtraControls .xxiiiKitTeamLabel{display:none}
#xxiiiExtraControls .xxiiiGripMini{margin-top:10px;border-color:#8ff5b42b;font-size:12px}
.xxiiiSameHairColor{align-self:flex-start;border:1px solid #8ff5b44d;background:#8ff5b40c;color:#bfffd5;border-radius:8px;padding:9px 12px;font:inherit;font-size:12px;cursor:pointer}
.xxiiiSameHairColor:hover,.xxiiiSameHairColor:focus-visible{border-color:#8ff5b4;background:#8ff5b429}
@media(max-width:760px){
 #xxiiiConfigView .xxiiiConfigBar.xxiiiCustomizeBar{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 #xxiiiConfigView .xxiiiHairStyleChoice{min-height:46px;font-size:11px}
 .xxiiiAppearanceCategory{gap:10px}
}