@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root{--background:#fbfbfd;--text-primary:#1d1d1f;--text-secondary:#86868b;--border-light:#0000000f;--glass:#ffffffb8;--btn-hover:#f5f5f7;--card-bg:#fff;--shadow-sm:0 2px 8px #0000000a;--shadow-hover:0 10px 30px #00000014}@media (prefers-color-scheme:dark){:root{--background:#000;--text-primary:#f5f5f7;--text-secondary:#86868b;--border-light:#ffffff14;--glass:#1c1c1eb8;--btn-hover:#1c1c1e;--card-bg:#111;--shadow-sm:inset 0 0 0 1px #ffffff0d;--shadow-hover:inset 0 0 0 1px #ffffff1a, 0 10px 40px #00000080}}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--background);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}::selection{background:#8b5cf64d}.gallery-container{min-height:100vh;padding-bottom:4rem}header{z-index:50;background-color:var(--glass);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--border-light);flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem 0;display:flex;position:sticky;top:0}.header-content{flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:1400px;padding:0 2rem;display:flex}h1{letter-spacing:-.03em;background:linear-gradient(135deg,#8b5cf6 0%,#d946ef 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:600}.category-tabs{background:var(--btn-hover);border:1px solid var(--border-light);border-radius:12px;gap:.5rem;padding:.25rem;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--card-bg);color:var(--text-primary);box-shadow:0 2px 8px #0000000d}.tab-count{opacity:.6;margin-left:.25rem;font-size:.8rem;font-weight:400}.search-wrapper{width:100%;max-width:500px;position:relative}.search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{background-color:var(--card-bg);border:1px solid var(--border-light);width:100%;color:var(--text-primary);box-shadow:var(--shadow-sm);border-radius:12px;outline:none;padding:.8rem 1rem .8rem 2.8rem;font-family:inherit;font-size:1rem;transition:all .2s}.search-input:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.search-input::placeholder{color:var(--text-secondary)}.grid-wrapper{max-width:1400px;margin:0 auto;padding:3rem 2rem}.items-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.card{background-color:var(--card-bg);box-shadow:var(--shadow-sm);content-visibility:auto;contain:layout;contain-intrinsic-size:320px 400px;border-radius:16px;flex-direction:column;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)scale(1.01)}.card-image-box{aspect-ratio:1;background-color:var(--btn-hover);justify-content:center;align-items:center;width:100%;padding:1.5rem;display:flex;position:relative}.card-image-box img{object-fit:contain;z-index:2;width:100%;height:100%;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.card:hover img{transform:scale(1.08)}.image-loading{color:var(--text-secondary);opacity:.6;font-size:.8rem;position:absolute}.card-footer{border-top:1px solid var(--border-light);flex-direction:column;flex-grow:1;gap:.75rem;padding:1.25rem;display:flex}.card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.card-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:-.25rem;font-size:.8rem;overflow:hidden}.skin-selector-wrapper{align-items:center;min-height:42px;display:flex}.skin-selector{flex-wrap:wrap;gap:8px;width:100%;display:flex}.skin-swatch{border:1.5px solid var(--border-light);background:var(--card-bg);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.75rem;font-weight:600;transition:all .25s cubic-bezier(.23,1,.32,1);display:flex}.skin-swatch:hover{color:#8b5cf6;border-color:#8b5cf6;transform:scale(1.1)}.skin-swatch.active{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#d946ef 100%);border-color:#0000;transform:scale(1.1);box-shadow:0 4px 12px #8b5cf64d}.copy-btn-wrapper{margin-top:auto}.copy-btn{border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.copy-btn:hover{background-color:var(--btn-hover)}.copy-btn.copied{background-color:var(--text-primary);color:var(--background);border-color:var(--text-primary)}.no-results{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:4rem;font-size:1.1rem}@media (width<=768px){.items-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}}