.skin-picker { position:relative; align-self:end; width:200px; min-width:0; padding-top:21px; }
.skin-picker summary, .lzt-filters .lzt-filter-control select, .lzt-filters .lzt-filter-reset { width:200px; height:38px; box-sizing:border-box; font-size:12px; line-height:16px; border:1px solid var(--line); border-radius:10px; background:var(--panel-2); color:var(--text); }
.skin-picker summary { position:relative; display:flex; align-items:center; cursor:pointer; padding:9px 30px 9px 10px; list-style:none; }
.skin-picker summary::-webkit-details-marker { display:none; }
.skin-picker-caption { position:absolute; left:0; bottom:calc(100% + 5px); color:var(--muted); font-size:12px; line-height:16px; }
.lzt-filters .lzt-filter-control { position:relative; line-height:16px; }
.lzt-filters .lzt-filter-control select { appearance:none; -webkit-appearance:none; padding:9px 30px 9px 10px; }
.lzt-filters .lzt-filter-control::after, .skin-picker summary::after { content:''; position:absolute; right:13px; bottom:17px; width:5px; height:5px; border-right:2px solid var(--text); border-bottom:2px solid var(--text); transform:rotate(45deg); pointer-events:none; }
.skin-picker-panel { position:absolute; z-index:20; right:0; top:calc(100% + 6px); width:min(350px,calc(100vw - 48px)); box-sizing:border-box; padding:14px; background:var(--panel); color:var(--text); border:1px solid var(--line); border-radius:12px; box-shadow:0 8px 28px #0006; }
.skin-picker-panel input[type=search] { width:100%; box-sizing:border-box; margin:6px 0; }
.skin-picker-toolbar { display:flex; justify-content:flex-end; margin-bottom:8px; }
.skin-picker-toolbar button { padding:6px 14px; font-size:12px; }
.skin-picker-options { max-height:280px; overflow-y:auto; margin-top:10px; }
.skin-picker-options label, .skin-picker-selected label { display:flex; flex-direction:row; align-items:center; gap:8px; padding:7px 0; cursor:pointer; }
.skin-picker-options label[hidden] { display:none; }
.skin-picker-options input, .skin-picker-selected input { width:16px; flex:0 0 16px; }
.skin-picker-selected { margin-top:10px; padding-bottom:8px; border-bottom:1px solid var(--line); max-height:150px; overflow-y:auto; }
.skin-picker-scrollbox { margin:10px 0 0; }
.skin-picker-scrollbox .skin-picker-options, .skin-picker-scrollbox .skin-picker-selected { margin-top:0; padding-right:18px; scrollbar-width:none; -ms-overflow-style:none; }
.skin-picker-scrollbox [data-custom-scroll-viewport]::-webkit-scrollbar { display:none; width:0; height:0; }
.lzt-filter-reset { align-self:end; }
@media(max-width:600px) {
  .lzt-filters { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; justify-content:center; }
  .lzt-filters .lzt-filter-control, .lzt-filters .skin-picker { width:100%; min-width:0; }
  .lzt-filters .skin-picker { position:static; }
  .lzt-filters .lzt-filter-control select, .skin-picker summary { width:100%; min-width:0; }
  .lzt-filters .lzt-filter-reset { grid-column:1 / -1; width:100%; }
  .skin-picker-panel { right:auto; left:0; top:auto; margin-top:6px; width:100%; }
}