.baihs{border:1px solid #e5e7eb;padding:16px;border-radius:12px;background:#fff;direction:rtl}
.by-upload{margin-bottom:12px;display:flex;gap:8px;align-items:center}
.by-status{color:#374151}
.by-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:12px 0}
.by-style{border:1px solid #eee;border-radius:10px;overflow:hidden;background:#fff;cursor:pointer;transition:box-shadow .2s}
.by-style:hover{box-shadow:0 6px 20px rgba(0,0,0,.07)}
.by-thumb{width:100%;height:90px;background-size:cover;background-position:center}
.by-style-name{text-align:center;font-size:13px;padding:6px;color:#111}
.by-controls{margin:12px 0;display:flex;gap:16px;flex-wrap:wrap}
.by-compare{position:relative;max-width:100%;border:1px solid #eee;border-radius:10px;overflow:hidden;display:none}
.by-compare img{display:block;width:100%;height:auto}
.by-after-wrap{position:absolute;top:0;left:0;height:100%;width:0%;overflow:hidden;transition:width .15s ease-out}
.by-compare-slider{position:absolute;left:0;bottom:8px;width:100%;opacity:.95}
.by-compare-labels{position:absolute;top:8px;left:0;right:0;display:flex;justify-content:space-between;padding:0 10px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);font-weight:bold}
.by-mask-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;mix-blend-mode:multiply;opacity:.6}
