.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;min-height:96px;margin:16px 0}
.asset-tile{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #dbe3ed;border-radius:8px;background:#fff;cursor:pointer;text-align:left;color:#24364d;font:inherit;min-width:0}
.asset-tile:hover{border-color:var(--el-color-primary);background:#f8fafc}.asset-tile:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.asset-tile:active{background:#eef2f6}
.asset-tile img,.asset-preview,.channel-asset-preview{height:80px;width:128px;object-fit:contain;border-radius:8px;background:#334155}
.asset-tile img{width:100%;height:96px}.asset-tile strong,.asset-tile span{max-width:100%;overflow-wrap:anywhere}.asset-tile span{color:#64748b;font-size:14px}
.assets-page .el-pagination{justify-content:flex-end;margin-top:16px}.asset-field{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.asset-field .el-input{max-width:360px}
@media(max-width:640px){.assets-page .page-title{align-items:flex-start;gap:16px;flex-direction:column}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-field{gap:8px}}