#list-container{width:100%;max-width:100%;min-width:0;height:200px;overflow:hidden}#list-container .vlist{border:none;border-radius:12px;background:transparent;max-width:100%;width:100%;box-sizing:border-box;overflow-x:auto}#list-container .vlist-viewport{max-width:100%;width:100% !important;overflow-x:auto}#list-container .vlist-item{padding:8px;border-right:none;cursor:pointer}.card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;border-radius:12px;color:#fff;text-align:center;padding:16px 12px;position:relative;transition:transform 0.15s ease-out,box-shadow 0.15s ease-out}.vlist-item:hover .card{transform:scale(1.03);box-shadow:0 4px 16px rgba(0,0,0,0.2)}.card--featured{border:2px solid rgba(255,255,255,0.3)}.card-icon{font-size:32px;line-height:1}.card-content{display:flex;flex-direction:column;gap:4px;width:100%}.card-title{font-weight:var(--fw-bold);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card-category{font-size:11px;opacity:0.85;text-transform:uppercase;letter-spacing:0.5px}.card-width{font-size:10px;opacity:0.7;font-family:var(--font-mono)}.card .ui-badge--glass{position:absolute;top:8px;right:8px}.controls{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}@media (max-width:900px){#list-container{height:180px}#list-container .vlist-item{padding:6px}.card{padding:12px 10px;border-radius:10px}.card-icon{font-size:28px}.card-title{font-size:13px}}@media (max-width:720px){#list-container{height:160px}#list-container .vlist-item{padding:4px}.card{padding:10px 8px;gap:6px;border-radius:8px}.card-icon{font-size:24px}.card-title{font-size:12px}.card-category{font-size:10px}.card-width{font-size:9px}.card .ui-badge--glass{font-size:8px;padding:2px 6px}.controls{flex-direction:column;gap:8px}.controls button{width:100%;font-size:13px}}