/* 我的仓库 · 页面专属样式
 *
 * 与模型市场共用 market-common.css 的那一套组件（顶栏 / 工具条 / 卡片 /
 * 按钮 / 空状态 / toast / 分页 / 浮层），这里只放仓库页独有的部分。
 * 这个文件此前一条 media query 都没有，窄屏下固定网格会挤爆——
 * 断点现在统一由 market-common.css 提供，与市场页完全一致。
 */

.assets-tabs { margin-bottom: 18px; }

.assets-back-btn { margin-bottom: 16px; }

/* ---------- 详情两栏 ---------- */

.assets-detail {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, 1fr);
  gap: 24px;
  align-items: start;
}

@media (max-width: 860px) {
  .assets-detail { grid-template-columns: 1fr; gap: 18px; }
}

/* ---------- 卡片上的操作 ---------- */

/* 卡片主体可点开详情，底部的下载/移出不能连带触发，所以操作区独立成一行。 */
.assets-card-main {
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

/* 类型不同、能做的事也不同（贴图没有 3D 舞台，工程产物只能下载），
   用一行小字说明，别让人对着灰按钮猜。 */
.assets-card-hint {
  padding: 0 14px 12px;
  margin: 0;
  color: var(--text-muted);
  font-size: 12px;
}

/* 贴图预览：棋盘格底，避免透明区域在深浅两色下都看不出边界。 */
.assets-texture-stage {
  background:
    conic-gradient(var(--checker-a) 25%, var(--checker-b) 0 50%,
                   var(--checker-a) 0 75%, var(--checker-b) 0) 0 0 / 20px 20px;
}

@media (max-width: 640px) {
  .assets-card-hint { padding: 0 12px 10px; }
}