.categoryitem {
     border-radius: 20px !important;
}
 #wardrobe-app .selectCat:hover {
     background-color: rgba(169, 39, 249, .8) !important;
     border-color: rgba(169, 39, 249, .9) !important;
     transform: translateY(-3px);
}
 #wardrobe-app .selectCat {
     position:relative;
     display:flex;
     flex-direction:column;
     align-items:center;
     justify-content:center;
     gap:6px;
     height:100%;
     margin:0;
     cursor:pointer;
     transition:all .15s ease;
}
 #wardrobe-app .wa-new-badge {
     position:absolute;
     top:6px;
     right:6px;
     z-index:3;
     background:#fc4438;
     color:#fff;
     font-size:9px;
     font-weight:700;
     line-height:1;
     padding:4px 7px;
     border-radius:20px;
     box-shadow:0 1px 5px rgba(0,0,0,.35);
     letter-spacing:.3px;
}
 #wardrobe-app .selectCat .group-img {
     width:60px;
     height:60px;
     aspect-ratio:1;
     border-radius:12px;
     background:rgba(255,255,255,.15);
     display:flex;
     align-items:center;
     justify-content:center;
     margin:0;
     overflow:hidden;
}
 #wardrobe-app .selectCat .group-img img {
     width:100%;
     height:100%;
     object-fit:cover;
}
 #wardrobe-app .selectCat.is-cat .group-img {
     background:rgba(255,255,255,.15);
}
 #wardrobe-app .selectCat.is-cat .group-img img {
     object-fit:contain;
     padding:6px;
}
 #wardrobe-app .selectCat .group-icon {
     font-size:28px;
     color:#fff;
     line-height:1;
}
 #wardrobe-app .selectCat .group-name {
     font-weight:600;
     font-size:14px;
}
 #wardrobe-app .selectCat.is-cat .group-name {
     font-size:13px;
}
 #wardrobe-app .selectCat .group-count {
     font-size:10px;
     background:rgba(0,0,0,.22);
     border-radius:20px;
     padding:0 8px;
}
 #wardrobe-app .wa-fill {
     display:flex;
     flex-direction:column;
     min-height:100%;
}
 #wardrobe-app .wa-fill .wa-fill-head {
     flex:0 0 auto;
}
 #wardrobe-app .wa-tilegrid {
     flex:1 1 auto;
     display:grid;
     gap:14px;
     align-content:stretch;
     grid-template-columns:repeat(2,1fr);
     grid-auto-rows:minmax(96px,1fr);
}
 #wardrobe-app .wa-catgrid {
     grid-template-columns:repeat(2,1fr);
}
 @media (max-width:767.98px){
     #wardrobe-app .wa-tilegrid {
         grid-template-columns:repeat(2,1fr);
    }
     #wardrobe-app .wa-catgrid {
         grid-template-columns:repeat(2,1fr);
    }
}
 #wardrobe-app .wa-itemgrid {
     display:grid;
     gap:10px;
     align-content:start;
     grid-template-columns:repeat(auto-fill,minmax(172px,1fr));
}
 #wardrobe-app .wa-itemgrid.wa-fill-rows {
     align-content:stretch;
}
 #wardrobe-app .wa-itemgrid.wa-fill-rows .item-card {
     height:100%;
     display:flex;
     flex-direction:column;
}
 #wardrobe-app .wa-itemgrid.wa-fill-rows .item-card .item-thumb {
     flex:1 1 auto;
     aspect-ratio:auto;
     min-height:0;
}
 #wardrobe-app .wa-fill-foot {
     flex:0 0 auto;
}
 #wardrobe-app {
     --wa-surface:#fff;
     --wa-inset:#f5f6f9;
     --wa-border:#ecf3fa;
     --wa-text:#2f2f3b;
     --wa-muted:#838383;
     --wa-primary:var(--theme-default,#7366ff);
     color:var(--wa-text);
     font-family:vagBT !important;
}
 body.dark-only #wardrobe-app {
     --wa-surface:#262932;
     --wa-inset:#1d1e26;
     --wa-border:#374558;
     --wa-text:hsla(0,0%,100%,.72);
     --wa-muted:hsla(0,0%,100%,.5);
}
 #wardrobe-app .text-muted {
     color:var(--wa-muted) !important;
}
 #wardrobe-app .stage-crumbs {
     display:flex;
     gap:6px;
     align-items:center;
     font-size:12px;
     color:var(--wa-muted);
     flex-wrap:wrap;
}
 #wardrobe-app .stage-crumbs .crumb {
     padding:2px 8px;
     border-radius:20px;
     background:var(--wa-inset);
}
 #wardrobe-app .stage-crumbs .crumb.active {
     background:var(--wa-primary);
     color:#fff;
}
 #wardrobe-app .preview-box {
     width:100%;
     max-width:500px;
     margin:0 auto;
}
 #wardrobe-app .testItemWardrobe {
     position:relative;
     width:100%;
     height:auto;
     aspect-ratio:500/550;
     background:var(--wa-inset);
     border-radius:15px;
     overflow:hidden;
     box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);
}
 #wardrobe-app .testItemWardrobe > div {
     width:100% !important;
     height:100% !important;
     top:0 !important;
     left:0 !important;
     position:absolute !important;
}
 #wardrobe-app #wa-wornList {
     height:200px;
     overflow-y:auto;
     padding-right:4px;
     scrollbar-gutter:stable;
}
 #wardrobe-app .gender-pick {
     cursor:pointer;
     border:2px solid var(--wa-border);
     border-radius:14px;
     padding:26px 10px;
     text-align:center;
     transition:all .15s ease;
     background:var(--wa-surface);
}
 #wardrobe-app .gender-pick:hover {
     border-color:var(--wa-primary);
     transform:translateY(-3px);
}
 #wardrobe-app .gender-pick i {
     font-size:34px;
     color:var(--wa-primary);
}
 #wardrobe-app .gender-pick .g-name {
     font-weight:600;
     margin-top:8px;
}
 #wardrobe-app .group-tile {
     position:relative;
     cursor:pointer;
     border:2px solid var(--wa-border);
     border-radius:14px;
     padding:12px 10px;
     text-align:center;
     transition:all .15s ease;
     background:var(--wa-surface);
}
 #wardrobe-app .group-tile:hover {
     border-color:var(--wa-primary);
     transform:translateY(-3px);
}
 #wardrobe-app .group-tile .group-img {
     width:100%;
     aspect-ratio:1;
     border-radius:10px;
     overflow:hidden;
     background:var(--wa-inset);
     margin-bottom:8px;
     display:flex;
     align-items:center;
     justify-content:center;
}
 #wardrobe-app .group-tile .group-img img {
     width:100%;
     height:100%;
     object-fit:cover;
}
 #wardrobe-app .group-tile .group-icon {
     font-size:34px;
     color:var(--wa-primary);
}
 #wardrobe-app .group-tile .group-name {
     font-weight:600;
     font-size:13px;
}
 #wardrobe-app .group-tile .group-count {
     display:inline-block;
     font-size:10px;
     margin-top:3px;
     background:var(--wa-inset);
     border-radius:20px;
     padding:0 8px;
     color:var(--wa-muted);
}
 #wardrobe-app .cat-chip {
     cursor:pointer;
     user-select:none;
     border:1px solid var(--wa-border);
     border-radius:10px;
     padding:10px 8px;
     background:var(--wa-surface);
     transition:all .15s ease;
     text-align:center;
}
 #wardrobe-app .cat-chip:hover {
     border-color:var(--wa-primary);
     transform:translateY(-2px);
}
 #wardrobe-app .cat-chip .cat-name {
     font-weight:500;
     font-size:12px;
}
 #wardrobe-app .cat-chip .cat-count {
     display:inline-block;
     font-size:10px;
     margin-top:3px;
     background:var(--wa-inset);
     border-radius:20px;
     padding:0 8px;
}
 #wardrobe-app .item-card {
     position:relative;
     cursor:pointer;
     border-radius:10px;
     overflow:hidden;
     border:2px solid transparent;
     background:var(--wa-surface);
     box-shadow:0 0 14px rgba(89,102,122,.10);
     transition:transform .12s ease, border-color .12s ease;
}
 #wardrobe-app .item-card:hover {
     transform:translateY(-3px);
}
 #wardrobe-app .item-card.selected {
     border-color:var(--wa-primary);
}
 #wardrobe-app .item-card .item-thumb {
     position:relative;
     overflow:hidden;
     aspect-ratio:1;
     display:flex;
     align-items:center;
     justify-content:center;
     background:var(--wa-inset);
     padding:8px;
}
 #wardrobe-app .item-card .item-thumb img {
     max-width:100%;
     max-height:100%;
     object-fit:contain;
}
 #wardrobe-app .item-card .item-meta {
     padding:6px 8px;
     height:30px;
     display:flex;
     flex-direction:column;
     justify-content:center;
}
 #wardrobe-app .item-card .item-meta h6 {
     margin:0;
     font-size:12px;
     line-height:1.3;
     font-weight:500;
     white-space:nowrap;
     overflow:hidden;
     text-overflow:ellipsis;
     color:var(--wa-text);
}
 #wardrobe-app .item-card .sel-badge {
     position:absolute;
     top:6px;
     right:6px;
     width:22px;
     height:22px;
     border-radius:50%;
     background:var(--wa-primary);
     color:#fff;
     display:none;
     align-items:center;
     justify-content:center;
     font-size:11px;
}
 #wardrobe-app .item-card.selected .sel-badge {
     display:flex;
}
 #wardrobe-app .flag-icon-tag {
     position:absolute;
     top:6px;
     left:6px;
     display:flex;
     gap:4px;
     z-index:3;
}
 #wardrobe-app .mini-tag {
     font-size:9px;
     line-height:1;
     padding:3px 5px;
     border-radius:20px;
     background:rgba(0,0,0,.55);
     color:#fff;
}
 #wardrobe-app .mini-tag-gift {
     background:rgba(169,39,249,.85);
}
 #wardrobe-app .worn-gift {
     color:var(--wa-primary);
     cursor:default;
     font-size:11px;
}
 #wardrobe-app .item-card .card-colors {
     position:absolute;
     left:0;
     right:0;
     bottom:0;
     z-index:2;
     display:flex;
     gap:4px;
     align-items:center;
     justify-content:center;
     flex-wrap:nowrap;
     overflow:hidden;
     padding:5px 6px;
     background:linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0));
}
 #wardrobe-app .item-card .card-colors .wa-color {
     width:18px;
     height:18px;
     padding:0;
     border:1px solid rgba(255,255,255,.6);
     border-radius:5px;
     flex:0 0 auto;
}
 #wardrobe-app .worn-item {
     display:flex;
     align-items:flex-start;
     gap:10px;
     padding:8px;
     border-radius:10px;
     background:var(--wa-inset);
}
 #wardrobe-app .worn-item .worn-thumb {
     width:40px;
     height:40px;
     flex:0 0 auto;
     background:var(--wa-surface);
     border-radius:8px;
     overflow:hidden;
     position:relative;
}
 #wardrobe-app .worn-item .worn-thumb img {
     width:100%;
     height:100%;
     object-fit:contain;
}
 #wardrobe-app .worn-name {
     font-size:12px;
     font-weight:500;
     color:var(--wa-text);
}
 #wardrobe-app .worn-cat {
     font-size:10px;
     color:var(--wa-muted);
     text-transform:capitalize;
}
 #wardrobe-app .wa-colors {
     display:flex;
     gap:4px;
     margin-top:5px;
     flex-wrap:wrap;
}
 #wardrobe-app .wa-color {
     width:22px;
     height:22px;
     padding:0;
     border:1px solid var(--wa-border);
     border-radius:6px;
     background:none;
     cursor:pointer;
}
 #wardrobe-app .wa-color::-webkit-color-swatch-wrapper {
     padding:2px;
}
 #wardrobe-app .wa-color::-webkit-color-swatch {
     border:none;
     border-radius:4px;
}
 #wardrobe-app .worn-remove {
     margin-left:auto;
     cursor:pointer;
     color:var(--wa-muted);
}
 #wardrobe-app .worn-remove:hover {
     color:#fc4438;
}
 #wardrobe-app .skin-swatch {
     width:18px;
     height:18px;
     border-radius:50%;
     display:inline-block;
     border:1px solid rgba(0,0,0,.1);
     vertical-align:middle;
}
 #wardrobe-app .pagination {
     flex-wrap:wrap;
     gap:2px;
}
 #wardrobe-app .col-xl-8 > .card {
     display:flex;
     flex-direction:column;
}
 #wardrobe-app .col-xl-8 > .card > .card-header {
     flex:0 0 auto;
}
 @media (min-width:992px){
     #wardrobe-app .col-xl-8 > .card {
         height:620px;
    }
}
 #wardrobe-app #wa-panel {
     flex:1 1 auto;
     min-height:0;
     overflow-y:auto;
}
 @media (max-width: 575.98px){
     #wardrobe-app #wa-wornList {
         height:180px;
    }
}
 @media (max-width:991.98px){
     #wardrobe-app {
         --wa-drawer-w:min(88vw,420px);
    }
     #wardrobe-app:not(.wa-mobile-ready) .col-xl-4 {
         display:none;
    }
     #wardrobe-app #wa-panel {
         padding-right:2.25rem;
    }
     #wardrobe-app #wa-drawerScrim{
         position:fixed;
         inset:0;
         z-index:1044;
         background:rgba(0,0,0,.5);
         opacity:0;
         visibility:hidden;
    }
     #wardrobe-app #wa-drawerScrim.wa-anim{
         transition:opacity .28s ease, visibility .28s ease;
    }
     #wardrobe-app #wa-drawerScrim.wa-open{
         opacity:1;
         visibility:visible;
    }
     #wardrobe-app #wa-drawer{
         position:fixed;
         top:0;
         right:0;
         height:100%;
         width:var(--wa-drawer-w);
         z-index:1045;
         background:var(--wa-surface);
         border-left:2px solid var(--wa-primary);
         border-radius:16px 0 0 16px;
         box-shadow:-12px 0 34px -10px rgba(0,0,0,.5);
         transform:translateX(100%);
         touch-action:pan-y;
    }
     #wardrobe-app #wa-drawer.wa-anim{
         transition:transform .28s cubic-bezier(.22,.61,.36,1);
    }
     #wardrobe-app #wa-drawerTab{
         position: absolute;
         left: 0;
         top: 50%;
         transform: translate(-100%, -50%);
         writing-mode: vertical-rl;
         text-orientation: mixed;
         text-align: center;
         padding: 10px 5px;
         background: white;
         color: black;
         font-weight: 700;
         letter-spacing: 1.5px;
         border-radius: 14px 0 0 14px;
         box-shadow: -5px 0 14px -5px rgba(0, 0, 0, .45);
         cursor: grab;
         touch-action: none;
         user-select: none;
         -webkit-user-select: none;
         border-top: 2px solid var(--theme-deafult);
         border-bottom: 2px solid var(--theme-deafult);
         border-left: 2px solid var(--theme-deafult);
    }
     #wardrobe-app #wa-drawerTab:active{
         cursor:grabbing;
    }
     #wardrobe-app #wa-drawerTab .wa-tab-caret{
         text-orientation:upright;
         margin-bottom:6px;
         font-size:13px;
    }
     #wardrobe-app #wa-drawerBody{
         height:100%;
         overflow-y:auto;
         -webkit-overflow-scrolling:touch;
         padding:8px;
         display:flex;
         flex-direction:column;
    }
     #wardrobe-app #wa-drawerBody > .col-xl-4{
         width:100%;
         max-width:100%;
         flex:1 1 auto;
         min-height:0;
         display:flex;
         flex-direction:column;
    }
     #wardrobe-app #wa-drawerBody .card{
         border:none;
         box-shadow:none;
         margin:0;
         background:transparent;
         flex:1 1 auto;
         min-height:0;
         display:flex;
         flex-direction:column;
    }
     #wardrobe-app #wa-drawerBody .card-body{
         flex:1 1 auto;
         min-height:0;
         display:flex;
         flex-direction:column;
    }
     #wardrobe-app #wa-drawerBody #wa-wornSection{
         flex:1 1 auto;
         min-height:0;
         display:flex;
         flex-direction:column;
    }
     #wardrobe-app #wa-drawerBody #wa-wornList{
         flex:1 1 auto;
         height:auto;
         min-height:140px;
    }
     #wardrobe-app #wa-drawerBody .preview-box{
         max-width:340px;
    }
     #wardrobe-app #wa-drawerBody .card-header{
         padding-left:.5rem;
         padding-right:.5rem;
         flex-wrap:wrap;
         gap:6px;
    }
     #wardrobe-app #wa-drawerBody .card-header > h5{
         display:none;
    }
}
 @media (min-width:992px){
     #wardrobe-app #wa-drawer, #wardrobe-app #wa-drawerScrim{
         display:none !important;
    }
}
 #wardrobe-app .cateshoem {
     transform:translate(0%, -130%) scale(3.2);
}
 #wardrobe-app .cateshirtm {
     transform:translate(0%, 23%) scale(2.2);
}
 #wardrobe-app .catejacketm {
     transform:translate(0%, 23%) scale(2.2);
}
 #wardrobe-app .catepantm {
     transform:translate(0%, -35%) scale(1.8);
}
 #wardrobe-app .catehairm {
     transform:translate(0%, 135%) scale(3.5);
}
 #wardrobe-app .catehatm {
     transform:translate(0%, 140%) scale(3.5);
}
 #wardrobe-app .cateearm {
     transform:translate(0%, 110%) scale(3.3);
}
 #wardrobe-app .catefacem {
     transform:translate(0%, 140%) scale(4.3);
}
 #wardrobe-app .catebeltm {
     transform:translate(0%, 33%) scale(3.5);
}
 #wardrobe-app .catebeardm {
     transform:translate(0%, 51%) scale(2);
}
 #wardrobe-app .catesockm {
     transform:translate(0%, -35%) scale(1.8);
}
 #wardrobe-app .cateneckm {
     transform:translate(0%, 50%) scale(2.5);
}
 #wardrobe-app .categlassesm {
     transform:translate(0%, 95%) scale(3);
}
 #wardrobe-app .catemaskm {
     transform:translate(0%, 95%) scale(3);
}
 #wardrobe-app .cateextensionsm {
     transform:translate(0%, 95%) scale(3.0);
}
 #wardrobe-app .catescarfm {
     transform: translate(0%, 26%) scale(2);
}
 #wardrobe-app .catebagm {
     transform: translate(0%, 5%) scale(1.5);
}
 #wardrobe-app .catebraceletm {
     transform: translate(0%, 15%) scale(2);
}
 #wardrobe-app .categlassesf {
     transform:translate(0%, 95%) scale(3);
}
 #wardrobe-app .catemaskf {
     transform:translate(0%, 95%) scale(3);
}
 #wardrobe-app .cateshoef {
     transform:translate(0%, -130%) scale(3.2);
}
 #wardrobe-app .cateneckf {
     transform:translate(0%, 80%) scale(3.6);
}
 #wardrobe-app .catesockf {
     transform:translate(0%, -50%) scale(2.0);
}
 #wardrobe-app .cateshirtf {
     transform:translate(0%, 33%) scale(2.2);
}
 #wardrobe-app .catebeltf {
     transform:translate(0%, 33%) scale(3.5);
}
 #wardrobe-app .catejacketf {
     transform:translate(0%, 35%) scale(2.5);
}
 #wardrobe-app .catedressf {
     transform:translate(0%, 12%) scale(2.0);
}
 #wardrobe-app .catepantf {
     transform:translate(0%, -25%) scale(1.8);
}
 #wardrobe-app .catehairf {
     transform:translate(0%, 95%) scale(3.0);
}
 #wardrobe-app .catehatf {
     transform:translate(0%, 110%) scale(3.3);
}
 #wardrobe-app .cateearf {
     transform:translate(0%, 100%) scale(3.3);
}
 #wardrobe-app .catefacef {
     transform:translate(0%, 140%) scale(4.3);
}
 #wardrobe-app .cateextensionsf {
     transform:translate(0%, 95%) scale(3.0);
}
 #wardrobe-app .catescarff {
     transform:translate(0%, 35%) scale(2.0);
}
 #wardrobe-app .catebagf {
     transform:translate(0%, 20%) scale(1.5);
}
 #wardrobe-app .catebraceletf {
     transform: translate(0%, 21%) scale(2.75);
}
 #wardrobe-app .catefoodf {
     transform: translate(0%, 14%) scale(1.5);
}
 #wardrobe-app .wa-of-tile {
     position:relative;
     border:2px solid var(--wa-border);
     border-radius:12px;
     overflow:hidden;
     background:var(--wa-surface);
     cursor:pointer;
     transition:transform .12s ease, border-color .12s ease;
}
 #wardrobe-app .wa-of-tile:hover {
     transform:translateY(-3px);
     border-color:var(--wa-primary);
}
 #wardrobe-app .wa-of-tile.wa-of-current {
     border-color:var(--wa-primary);
}
 #wardrobe-app .wa-of-thumb {
     position:relative;
     aspect-ratio:500/550;
     background:var(--wa-inset);
     display:flex;
     align-items:center;
     justify-content:center;
     overflow:hidden;
}
 #wardrobe-app .wa-of-thumb img {
     width:100%;
     height:100%;
     object-fit:contain;
}
 #wardrobe-app .wa-of-thumb .wa-of-layer {
     position:absolute;
     inset:0;
}
 #wardrobe-app .wa-of-thumb .wa-of-layer svg {
     width:100%;
     height:100%;
     display:block;
}
 #wardrobe-app .wa-of-loading::after {
     content:'';
     position:absolute;
     top:50%;
     left:50%;
     width:22px;
     height:22px;
     margin:-11px 0 0 -11px;
     border:2px solid rgba(115,102,255,.25);
     border-top-color:var(--wa-primary);
     border-radius:50%;
     animation:wa-of-spin .7s linear infinite;
}
 @keyframes wa-of-spin {
     to {
         transform:rotate(360deg);
    }
}
 #wardrobe-app .wa-of-namerow {
     display:flex;
     align-items:center;
     gap:4px;
     padding:6px 6px 6px 8px;
}
 #wardrobe-app .wa-of-name {
     flex:1 1 auto;
     min-width:0;
     font-size:12px;
     font-weight:500;
     white-space:nowrap;
     overflow:hidden;
     text-overflow:ellipsis;
     color:var(--wa-text);
}
 #wardrobe-app .wa-of-edit {
     flex:0 0 auto;
     width:24px;
     height:24px;
     border:none;
     border-radius:6px;
     padding:0;
     cursor:pointer;
     background:var(--wa-inset);
     color:var(--wa-primary);
     display:flex;
     align-items:center;
     justify-content:center;
     font-size:11px;
}
 #wardrobe-app .wa-of-edit:hover {
     background:var(--wa-primary);
     color:#fff;
}
 #wardrobe-app .wa-of-actions {
     position:absolute;
     top:6px;
     right:6px;
     z-index:3;
     display:flex;
     gap:4px;
     opacity:0;
     transition:opacity .12s ease;
}
 #wardrobe-app .wa-of-tile:hover .wa-of-actions {
     opacity:1;
}
 #wardrobe-app .wa-of-actions button {
     width:24px;
     height:24px;
     border:none;
     border-radius:6px;
     background:rgba(0,0,0,.55);
     color:#fff;
     display:flex;
     align-items:center;
     justify-content:center;
     font-size:11px;
     cursor:pointer;
     padding:0;
}
 #wardrobe-app .wa-of-actions button:hover {
     background:var(--wa-primary);
}
 #wardrobe-app .wa-of-actions button.wa-of-del:hover {
     background:#fc4438;
}
 #wardrobe-app .wa-of-current-tag {
     position:absolute;
     top:6px;
     left:6px;
     z-index:3;
     font-size:9px;
     font-weight:700;
     line-height:1;
     padding:4px 7px;
     border-radius:20px;
     background:var(--wa-primary);
     color:#fff;
     letter-spacing:.3px;
}

 #wardrobe-app .wa-of-new:hover {
     border-color:var(--wa-primary);
     color:var(--wa-primary);
}
 #wardrobe-app .wa-of-new i {
     font-size:22px;
     margin-bottom:4px;
}
 #wardrobe-app .wa-of-new.wa-of-maxed {
     opacity:.55;
     cursor:default;
}
 #wardrobe-app .wa-of-new.wa-of-maxed:hover {
     border-color:var(--wa-border);
     color:var(--wa-muted);
     transform:none;
}
 body.dark-only #wardrobe-app .modal-content {
     background:var(--wa-surface);
     color:var(--wa-text);
}
 #wardrobe-app .testItemWardrobe > div {
     transition:transform .28s ease;
}
 #wardrobe-app .testItemWardrobe.wa-face-zoom > div {
     transform:scale(5);
     transform-origin:50% 10%;
}
 #wardrobe-app button.wa-color {
     -webkit-appearance:none;
     appearance:none;
     line-height:0;
}
 #wardrobe-app #wa-cpicker-scrim {
     position:fixed;
     inset:0;
     z-index:1200;
     background:transparent;
}
 #wardrobe-app #wa-cpicker-scrim[hidden] {
     display:none;
}
 #wardrobe-app .wa-cpicker {
     position:fixed;
     z-index:1201;
     width:248px;
     max-width:calc(100vw - 24px);
     background:var(--wa-surface);
     color:var(--wa-text);
     border:1px solid var(--wa-border);
     border-radius:14px;
     box-shadow:0 14px 44px -10px rgba(0,0,0,.55);
     padding:12px;
     user-select:none;
}
 #wardrobe-app .wa-cpicker[hidden] {
     display:none;
}
 #wardrobe-app .wa-cpicker.wa-cp-sheet {
     left:50% !important;
     right:auto;
     top:auto !important;
     bottom:16px;
     transform:translateX(-50%);
     width:min(360px,calc(100vw - 24px));
}
 #wardrobe-app .wa-cp-sv {
     position:relative;
     width:100%;
     height:150px;
     border-radius:10px;
     cursor:crosshair;
     touch-action:none;
     background:linear-gradient(to top,#000,rgba(0,0,0,0)),linear-gradient(to right,#fff,#f00);
}
 #wardrobe-app .wa-cp-sv-thumb, #wardrobe-app .wa-cp-hue-thumb {
     position:absolute;
     width:16px;
     height:16px;
     border-radius:50%;
     border:2px solid #fff;
     box-shadow:0 0 0 1px rgba(0,0,0,.45);
     transform:translate(-50%,-50%);
     pointer-events:none;
}
 #wardrobe-app .wa-cp-hue {
     position:relative;
     width:100%;
     height:16px;
     border-radius:8px;
     margin-top:12px;
     cursor:pointer;
     touch-action:none;
     background:linear-gradient(to right,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);
}
 #wardrobe-app .wa-cp-hue .wa-cp-hue-thumb {
     top:50%;
}
 #wardrobe-app .wa-cp-row {
     display:flex;
     align-items:center;
     gap:8px;
     margin-top:12px;
}
 #wardrobe-app .wa-cp-preview {
     width:30px;
     height:30px;
     border-radius:8px;
     border:1px solid var(--wa-border);
     flex:0 0 auto;
}
 #wardrobe-app .wa-cp-hex {
     flex:1 1 auto;
     min-width:0;
     height:32px;
     border-radius:8px;
     border:1px solid var(--wa-border);
     background:var(--wa-inset);
     color:var(--wa-text);
     padding:0 8px;
     font-family:inherit;
     font-size:13px;
}
 #wardrobe-app .wa-cp-done {
     flex:0 0 auto;
}
 #wardrobe-app .wa-cp-presets {
     display:grid;
     grid-template-columns:repeat(10,1fr);
     gap:5px;
     margin-top:12px;
}
 #wardrobe-app .wa-cp-preset {
     width:100%;
     aspect-ratio:1;
     border-radius:6px;
     border:1px solid var(--wa-border);
     padding:0;
     cursor:pointer;
     -webkit-appearance:none;
     appearance:none;
}

#wardrobe-app .wa-cp-eyedrop {
     flex:0 0 auto;
     width:32px;
     height:32px;
     padding:0;
     border-radius:8px;
     border:1px solid var(--wa-border);
     background:var(--wa-inset);
     color:var(--wa-text);
     cursor:pointer;
     display:flex;
     align-items:center;
     justify-content:center;
     font-size:13px;
     -webkit-appearance:none;
     appearance:none;
}
 #wardrobe-app .wa-cp-eyedrop:hover {
     background:var(--wa-primary);
     border-color:var(--wa-primary);
     color:#fff;
}
 #wardrobe-app .wa-cp-eyedrop:disabled {
     opacity:.5;
     cursor:default;
}
 #wardrobe-app .wa-cpicker.wa-cp-picking {
     opacity:0;
     pointer-events:none;
}

#wardrobe-app .wa-outfit-grid {
     display:grid;
     gap:14px;
     grid-template-columns:repeat(auto-fill,minmax(176px,1fr));
}

 #wardrobe-app .wa-of-new {
     border:2px dashed var(--wa-border);
     display:flex;
     flex-direction:column;
     align-items:center;
     justify-content:center;
     color:var(--wa-muted);
     min-height:240px;
}