/* The sticker library (#74, D61): shelves of tiles. */
.sk-intro { color: var(--nx-text-dim); margin: 0 0 10px; }
.sk-search { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 0 0 16px; } .sk-search input { flex: 1; min-width: 200px; height: 42px; border-radius: 21px; border: 1px solid var(--nx-cyan); background: var(--nx-void); color: var(--nx-text); padding: 0 16px; font: 15px var(--nx-font-body); }
.sk-shelf { margin: 0 0 16px; padding: 16px 18px; border: 1px solid var(--nx-line); border-radius: 20px; background: var(--nx-panel); box-shadow: 0 18px 44px rgba(0, 0, 0, .25); }
.sk-shelf.locked { border-style: dashed; background: rgba(14, 20, 56, .8); }
.nx-console .sk-shelf h2, .nx-console .sk-shelf h1 { margin: 0 0 10px; font: 600 14px var(--nx-font-console); letter-spacing: .08em; text-transform: uppercase; color: var(--nx-cyan); }
.sk-shelf h2 .dim, .sk-shelf h1 .dim { text-transform: none; letter-spacing: 0; font-weight: 400; }
.sk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; }
.sk-tile { margin: 0; text-align: center; font-size: 12px; } .sk-tile img { width: 96px; height: 96px; object-fit: contain; background: rgba(255, 255, 255, .04); border: 1px solid #2a3350; border-radius: 8px; padding: 4px; }
.sk-tile img:hover { border-color: var(--nx-magenta); box-shadow: 0 0 12px rgba(242, 9, 243, .4); }
.sk-tile figcaption { margin-top: 4px; overflow-wrap: anywhere; } .sk-id { font-size: 10px; color: var(--nx-text-dim); user-select: all; }
.sk-x { border: 0; background: none; color: var(--nx-text-dim); font: bold 14px/1 sans-serif; cursor: pointer; } .sk-report { font-size: 11px; }
.sk-hint { margin: 0; } .sk-lock { font-size: 12px; }
.sk-sets { list-style: none; padding: 0; margin: 0; columns: 2; } .sk-sets li { padding: 2px 0; }
.sk-upload { margin: 0 0 18px; padding: 16px 18px; border: 1px solid var(--nx-line); border-radius: 20px; background: var(--nx-panel); } .sk-upload h2 { margin: 0 0 8px; font: 600 14px var(--nx-font-console); letter-spacing: .08em; text-transform: uppercase; color: var(--nx-acid); }
.cr-pop-grid.lib h4, .po-sticker-grid h4.po-gifhead { grid-column: 1 / -1; }
