/* The editor keeps both original and result visible, even before processing. */
.wardrobe-brush-controls{position:absolute;bottom:12px;left:12px;right:12px;z-index:8;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px;border:1px solid #ffffff24;border-radius:10px;background:#101922ed;color:#dce4ea;font-size:12px}
.wardrobe-brush-controls[hidden]{display:none}
.wardrobe-brush-controls label{display:flex;align-items:center;gap:8px}
.wardrobe-brush-controls input{width:90px;accent-color:#ff7966}
.wardrobe-brush-controls button{padding:7px 10px;border:1px solid #ffffff24;border-radius:6px;background:#192530;color:#e8edf1;cursor:pointer}
.wardrobe-brush-controls button:disabled{opacity:.35;cursor:default}
#wardrobe-inpaint-execute{background:#ff7966;color:#fff}
#wardrobe-mask{opacity:.45;filter:drop-shadow(0 0 1px #ff2828);background:transparent}
.wardrobe-canvas.painting #wardrobe-before-layer{pointer-events:none}
.wardrobe-canvas.split #wardrobe-compare-handle{display:none}
.wardrobe-tools>button.active{outline:1px solid #ff7966;background:#35221f}
#wardrobe-compare.focus-third #wardrobe-result-image,#wardrobe-compare.focus-third #wardrobe-source-image{transition:none}

.wardrobe-replace-upload{padding:7px 10px;border:1px solid #ffffff24;border-radius:8px;background:#192530;color:#dce4ea;cursor:pointer;white-space:nowrap}
.wardrobe-tools>.wardrobe-replace-upload{min-height:52px;width:100%;text-align:left;font-weight:750}
.wardrobe-workbench>header>div:first-child{display:flex;align-items:center;gap:12px}
.wardrobe-workbench>header .wardrobe-replace-upload{padding:6px 8px;font-size:11px}
#wardrobe-view-tabs button,.wardrobe-compare-tabs button{padding:4px 7px;font-size:11px;line-height:1.1}
#wardrobe-view-tabs,.wardrobe-compare-tabs{gap:2px}
.wardrobe-asset-filter button{padding:5px 7px;font-size:11px;line-height:1.1}
.wardrobe-workbench>header>div:first-child>small{display:none}
.wardrobe-assets-panel .wardrobe-items{display:flex!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:6px}
.wardrobe-assets-panel .wardrobe-items article{flex:0 0 180px;display:flex!important;flex-direction:column;gap:7px;padding:10px;background:#111b25}
.wardrobe-assets-panel .wardrobe-items article img,.wardrobe-assets-panel .wardrobe-items article video{width:100%;height:116px;border-radius:8px;object-fit:cover;background:#080d12}
#wardrobe-assets-refresh{width:32px;height:32px;padding:0!important;font-size:20px;line-height:1}
#wardrobe-compare::before{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.5;background:linear-gradient(to right,transparent calc(16.666% - .5px),#b891ff calc(16.666% - .5px),#b891ff calc(16.666% + .5px),transparent calc(16.666% + .5px),transparent calc(33.333% - .5px),#b891ff calc(33.333% - .5px),#b891ff calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(50% - .5px),#b891ff calc(50% - .5px),#b891ff calc(50% + .5px),transparent calc(50% + .5px),transparent calc(66.666% - .5px),#b891ff calc(66.666% - .5px),#b891ff calc(66.666% + .5px),transparent calc(66.666% + .5px),transparent calc(83.333% - .5px),#b891ff calc(83.333% - .5px),#b891ff calc(83.333% + .5px),transparent calc(83.333% + .5px)),linear-gradient(to bottom,transparent calc(33.333% - .5px),#b891ff calc(33.333% - .5px),#b891ff calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#b891ff calc(66.666% - .5px),#b891ff calc(66.666% + .5px),transparent calc(66.666% + .5px));}
#wardrobe-compare.focus-third::before{display:none}
#wardrobe-compare::before{background:linear-gradient(to right,transparent calc(33.333% - .5px),#b891ff calc(33.333% - .5px),#b891ff calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#b891ff calc(66.666% - .5px),#b891ff calc(66.666% + .5px),transparent calc(66.666% + .5px)),linear-gradient(to bottom,transparent calc(33.333% - .5px),#b891ff calc(33.333% - .5px),#b891ff calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#b891ff calc(66.666% - .5px),#b891ff calc(66.666% + .5px),transparent calc(66.666% + .5px))}
#wardrobe-canvas:not(.split) #wardrobe-compare .wardrobe-compare-labels{display:block;inset:12px 0 auto;height:24px}
#wardrobe-canvas:not(.split) #wardrobe-compare .wardrobe-compare-labels span{position:absolute;top:0}
#wardrobe-canvas:not(.split) #wardrobe-compare .wardrobe-compare-labels span:first-child{right:calc(50% + 10px)}
#wardrobe-canvas:not(.split) #wardrobe-compare .wardrobe-compare-labels span:last-child{left:calc(50% + 10px)}
#wardrobe-canvas:not(.split) #wardrobe-compare .wardrobe-compare-labels span:first-child{left:12px;right:auto}
#wardrobe-canvas:not(.split) #wardrobe-compare .wardrobe-compare-labels span:last-child{right:12px;left:auto}
#wardrobe-canvas.split #wardrobe-compare .wardrobe-compare-labels{display:block;inset:12px 0 auto;height:24px}
#wardrobe-canvas.split #wardrobe-compare .wardrobe-compare-labels span{position:absolute;top:0}
#wardrobe-canvas.split #wardrobe-compare .wardrobe-compare-labels span:first-child{left:12px}
#wardrobe-canvas.split #wardrobe-compare .wardrobe-compare-labels span:last-child{right:12px;justify-self:auto}
#wardrobe-compare::before{background:linear-gradient(to bottom,transparent calc(33.333% - .5px),#b891ff calc(33.333% - .5px),#b891ff calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#b891ff calc(66.666% - .5px),#b891ff calc(66.666% + .5px),transparent calc(66.666% + .5px))}
#wardrobe-drop[hidden]{display:none!important}
#wardrobe-compare-handle{z-index:7;width:.5px;background:#b891ff;box-shadow:0 0 0 .5px #b891ff55,0 0 4px #b891ff55;}
#wardrobe-compare-handle:after{z-index:8;box-shadow:0 0 0 2px #101820,0 2px 12px #000;}
#wardrobe-compare-handle:after{background:#b891ff;color:#151020;box-shadow:0 0 0 1px #b891ff,0 2px 8px #000}
#wardrobe-before-layer{z-index:3}
#wardrobe-compare.focus-third #wardrobe-before-layer{border-right:3px solid #fff;box-shadow:2px 0 0 #101820,0 0 12px #000}
.wardrobe-canvas.split #wardrobe-before-layer{border-right:.5px solid #b891ff;box-shadow:.5px 0 0 #b891ff55,0 0 4px #b891ff55}

#wardrobe-result-image,#wardrobe-source-image{transition:none}
.wardrobe-canvas.split .wardrobe-compare-labels span{justify-self:start}
#wardrobe-mask{filter:sepia(1) saturate(100) hue-rotate(320deg)}
#wardrobe-mask{visibility:hidden}
.wardrobe-canvas.painting #wardrobe-mask{visibility:visible}