.skin-catalog{margin:40px 0}.skin-catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.skin-catalog h2{font-size:22px;font-weight:500;margin:0}.skin-card-sort{display:flex;gap:8px;flex-wrap:wrap}.skin-card-sort button{font-size:11px;padding:8px 12px}.skin-card-sort button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}#skin-cards-note,#skin-cards-status{font-size:12px;color:var(--muted);line-height:1.7}#skin-cards-list{list-style:none;margin:22px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.catalog-skin-card,.skin-history-card{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.skin-card-link{display:flex;flex-direction:column;gap:12px;padding:14px}.skin-card-preview{min-height:238px;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(ellipse at 50% 80%,#b7c5ff12,transparent 65%);padding:12px 4px}.skin-card-side{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.skin-card-side img{width:100%;height:200px;object-fit:contain;image-rendering:pixelated}.skin-card-side-label,.skin-card-count{font-size:11px;color:var(--muted)}.skin-card-preview-status{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;text-align:center;padding:12px;color:var(--muted)}.skin-card-preview-status[hidden]{display:none}.skin-card-name{font-size:15px;font-weight:500;overflow-wrap:anywhere;min-width:0}.catalog-skin-card:focus-within{border-color:var(--accent)}.skin-card-link:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.skin-card-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px}.skin-card-pagination span{font-size:12px;color:var(--muted)}.skin-social{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.catalog-skin-card>.skin-social,.skin-history-card>.skin-social{margin:0;padding:12px 14px}.skin-views{font-size:10px;color:var(--muted)}.skin-reactions{display:flex;gap:8px}.skin-reaction{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;font-size:11px;background:transparent}.skin-reaction svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.skin-reaction[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.skin-reaction[aria-pressed=true] svg{fill:currentColor}.skin-reaction:disabled{opacity:.65}.skin-reaction:focus-visible,.skin-social-retry:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skin-social-status{width:100%;font-size:10px;color:var(--muted)}.skin-social-status:empty{display:none}.skin-social-retry{font-size:11px}.skin-history-card .skin-select{border:0;gap:10px}.skin-history-card .source-note{padding:0 14px}.skin-history-card:has(.skin-select[aria-pressed=true]){border-color:var(--accent)}@media(hover:hover){.catalog-skin-card:hover{border-color:var(--accent)}}@media(max-width:1100px){#skin-cards-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){#skin-cards-list{gap:10px}.skin-card-link{padding:10px;gap:10px}.skin-card-preview{min-height:194px;gap:4px;padding-inline:2px}.skin-card-side img{height:160px}.skin-card-name{font-size:13px}.catalog-skin-card>.skin-social{padding:10px}.skin-reactions{gap:6px}.skin-reaction{padding:6px 8px}.skin-card-sort button{padding:7px 9px}}

.skin-card-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere;letter-spacing:.03em}#selected-code{display:block;margin-top:8px}#selected-code[hidden]{display:none}