.skin-grid[data-v-d8f4fedc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-bottom:24px}.skin-card[data-v-d8f4fedc]{cursor:pointer;border-radius:6px;overflow:hidden;border:1px solid #ddd;transition:box-shadow .2s,transform .15s}.skin-card[data-v-d8f4fedc]:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);transform:translateY(-2px)}.skin-card--selected[data-v-d8f4fedc]{border:2px solid #3fb950;box-shadow:0 0 0 2px rgba(63,185,80,.3)}.skin-image-wrapper[data-v-d8f4fedc]{position:relative;width:100%;padding-top:100%;overflow:hidden;background:#e8e8e8}.skin-image[data-v-d8f4fedc]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.skin-hover-info[data-v-d8f4fedc]{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.65);color:#fff;padding:8px;opacity:0;transition:opacity .2s}.skin-card:hover .skin-hover-info[data-v-d8f4fedc]{opacity:1}.skin-hover-info .skin-name[data-v-d8f4fedc]{color:#fff;margin-bottom:3px}.skin-hover-info .skin-detail[data-v-d8f4fedc]{color:hsla(0,0%,100%,.75);margin-bottom:3px}.skin-selected-check[data-v-d8f4fedc]{position:absolute;top:6px;right:8px;color:#3fb950;font-size:1.2rem;font-weight:700;text-shadow:0 0 4px #000,0 0 8px #000;line-height:1}.skin-info[data-v-d8f4fedc]{padding:8px}.skin-name[data-v-d8f4fedc]{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.skin-detail[data-v-d8f4fedc]{display:flex;justify-content:space-between;font-size:11px;color:#888;margin-bottom:4px}.skin-tags[data-v-d8f4fedc]{display:flex;flex-wrap:wrap;gap:4px}.visibility-switch[data-v-d8f4fedc]{margin-top:6px;display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:3px 2px;border-radius:4px;transition:background .15s}.visibility-switch[data-v-d8f4fedc]:hover{background:rgba(41,128,185,.1)}.vis-icon[data-v-d8f4fedc]{width:14px;height:14px;flex-shrink:0;color:#888;transition:color .2s}.visibility-switch:hover .vis-icon[data-v-d8f4fedc]{color:#2980b9}.vis-track[data-v-d8f4fedc]{position:relative;width:30px;height:16px;border-radius:8px;background:#555;flex-shrink:0;transition:background .2s}.vis-track--on[data-v-d8f4fedc]{background:#2980b9}.vis-thumb[data-v-d8f4fedc]{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}.vis-track--on .vis-thumb[data-v-d8f4fedc]{left:16px}.vis-label[data-v-d8f4fedc]{font-size:11px;color:#aaa;transition:color .2s}.vis-label--on[data-v-d8f4fedc]{color:#7eb8e0}.visibility-switch--overlay[data-v-d8f4fedc]{margin-top:5px}.visibility-switch--overlay .vis-icon[data-v-d8f4fedc],.visibility-switch--overlay .vis-label[data-v-d8f4fedc]{color:hsla(0,0%,100%,.7)}.visibility-switch--overlay .vis-label--on[data-v-d8f4fedc]{color:#7eb8e0}.visibility-switch--overlay[data-v-d8f4fedc]:hover{background:hsla(0,0%,100%,.1)}.visibility-switch--overlay:hover .vis-icon[data-v-d8f4fedc]{color:#fff}