.view-toggle { display: block; width: 100%; margin-bottom: 18px; white-space: nowrap; }
.filter-check { display: flex; align-items: center; gap: 9px; margin: -2px 0 18px; color: var(--text); font-family: var(--sans); font-size: 13px; font-weight: 700; cursor: pointer; }
.filter-check input { width: 18px; height: 18px; flex: 0 0 18px; margin: 0; accent-color: #65aee1; }
.empty-filter-result { padding: 24px; color: var(--text-dim); text-align: center; }
.texture-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 6px; }
.texture-actions .mini { flex: 0 0 auto; margin: 0; white-space: nowrap; }
#catalog-list .catalog-list-item { display: flex; align-items: center; gap: 10px; }
#catalog-list .catalog-list-item .catalog-list-text { min-width: 0; overflow-wrap: anywhere; }
#catalog-list .catalog-list-item small { font-size: 11px; }
#catalog-list .catalog-list-item.is-updated { border-color: rgba(72,208,142,.5); background: rgba(40,142,92,.12); }
.texture-updated-badge { display: inline-flex; align-items: center; min-height: 20px; padding: 2px 7px; margin-left: 7px; border: 1px solid #5b79a0; border-radius: 999px; color: #acd2ff; background: rgba(58,103,151,.2); font-family: var(--sans); font-size: 10px; font-weight: 800; line-height: 1; vertical-align: middle; }
#catalog-list .texture-updated-badge { flex: 0 0 auto; margin-left: auto; }
.texture-row--updated { background: rgba(40,142,92,.055); }
.catalog-original-name { display: block; color: var(--text-dim); font-size: 12px; overflow-wrap: anywhere; }
.catalog-list-thumb { width: 38px; height: 38px; flex: 0 0 38px; object-fit: contain; border-radius: 5px; background: #45505d; }
.texture-comparison { display: grid; grid-template-columns: minmax(0,520px); gap: 16px; margin-bottom: 20px; }
.texture-comparison.has-update { grid-template-columns: repeat(2,minmax(0,1fr)); }
.texture-preview-card { min-width: 0; margin: 0; }
.texture-preview-card figcaption { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 7px; color: var(--text-bright); font-family: var(--sans); font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.texture-preview-card figcaption time { color: var(--text-dim); font-size: 10px; font-weight: 600; letter-spacing: normal; text-transform: none; }
.texture-preview-meta { display: inline-flex; align-items: center; gap: 9px; }
.texture-preview-dimensions { color: var(--text-dim); font-size: 10px; font-weight: 700; letter-spacing: normal; text-transform: none; }
.texture-high-res-button { display: inline-flex; align-items: center; justify-content: center; margin-top: 10px; padding: 8px 12px; border: 1px solid #4e647a; border-radius: 6px; color: #d9eaff; background: #25384b; font-family: var(--sans); font-size: 12px; font-weight: 700; text-decoration: none; }
.texture-high-res-button:hover { color: #fff; border-color: #6f8eab; background: #30475f; }
.texture-download-login { margin: 10px 0 0; color: var(--text-dim); font-family: var(--sans); font-size: 12px; font-weight: 700; }
.catalog-large-preview { display: grid; width: 100%; min-height: 280px; place-items: center; padding: 20px; border: 1px solid var(--border-bright); border-radius: 14px; background-color: #44505d; background-image: linear-gradient(45deg,#65717e 25%,transparent 25%),linear-gradient(-45deg,#65717e 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#65717e 75%),linear-gradient(-45deg,transparent 75%,#65717e 75%); background-size: 20px 20px; background-position: 0 0,0 10px,10px -10px,-10px 0; }
.catalog-large-preview img { display: block; width: auto; height: auto; max-width: 100%; image-rendering: auto; }
.catalog-detail-name { display: block; margin-bottom: 12px; color: var(--text-bright); font-size: 15px; }
.texture-update-editor { max-width: 720px; margin: 0 0 20px; padding: 14px; border: 1px solid var(--border); border-radius: 12px; background: rgba(255,255,255,.025); }
.texture-update-editor > label { display: block; margin-bottom: 8px; color: var(--text-bright); font-family: var(--sans); font-size: 12px; font-weight: 800; }
.texture-update-editor input[type="file"] { display: block; width: 100%; color: var(--text-dim); }
.texture-update-help { display: block; margin-top: 7px; color: var(--text-dim); line-height: 1.45; }
.texture-update-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 10px; }
.texture-update-actions .mini { margin: 0; }
.texture-update-remove { border-color: #774d52; background: #482b31; color: #ffd5d8; }
.texture-update-status { color: var(--text-dim); font-size: 12px; }
.texture-updated-tag { color: #acd2ff; border-color: #5b79a0; background: rgba(58,103,151,.2); }
.catalog-usage-list { margin-top: 15px; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
.catalog-usage-row { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(140px, 2fr); gap: 14px; padding: 12px; border-bottom: 1px solid var(--border); }
.catalog-usage-row:last-child { border-bottom: 0; }
.catalog-usage-row small { color: var(--text-dim); }
@media (max-width: 760px) { .catalog-usage-row { display: block; } .texture-details-link { margin-left: 4px; } .texture-comparison.has-update { grid-template-columns: 1fr; } }