.assets-stage { grid-template-columns: 1fr; }
.assets-stage > header { grid-column: 1 / -1; }
.asset-stage-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.custom-asset-panel { display: grid; grid-template-columns: minmax(220px, .42fr) minmax(0, 1fr); gap: 18px; padding: 18px; border: 1px solid #29415f; border-radius: 13px; background: #0a1525; }
.custom-asset-panel[hidden] { display: none; }
.custom-asset-panel h3, .custom-asset-panel p { margin: 0 0 8px; }
.custom-asset-panel form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.custom-asset-panel form > label { display: grid; gap: 6px; color: #a8b9cf; font-size: 13px; }
.custom-asset-panel input, .custom-asset-panel select, .custom-asset-panel textarea { width: 100%; border: 1px solid #365273; border-radius: 7px; padding: 9px; color: #e9f2ff; background: #07101d; }
.custom-asset-panel textarea { min-height: 6rem; resize: vertical; }
.custom-asset-file, .custom-asset-actions, .custom-asset-panel [data-custom-asset-message] { grid-column: 1 / -1; }
.custom-asset-actions { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
[data-asset-list] { display: grid; gap: 18px; min-width: 0; }
.asset-group { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); align-items: stretch; gap: 14px; padding: 14px; border: 1px solid #29415f; border-radius: 13px; background: #0a1525; }
.asset-group h3, .asset-group p { grid-column: 1 / -1; margin: 0; }
.asset-card { display: grid; grid-template-rows: auto auto minmax(8rem, auto) minmax(8rem, auto) auto; align-content: start; gap: 12px; height: 100%; padding: 14px; border: 1px solid #223a55; border-radius: 11px; }
.asset-card label { display: grid; grid-template-columns: minmax(96px, .28fr) minmax(0, 1fr); align-items: start; gap: 7px 10px; color: #a8b9cf; font-size: 13px; }
.asset-card input, .asset-card textarea { border: 1px solid #365273; border-radius: 7px; padding: 8px; color: #e9f2ff; background: #07101d; }
.asset-card textarea { min-height: 8rem; resize: vertical; }
.asset-preview { display: block; width: 100%; aspect-ratio: 4 / 3; border-radius: 9px; object-fit: cover; background: #07101d; }
[data-asset-preview] { display: block; width: 100%; min-width: 0; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 9px; }
[data-asset-preview] > .asset-preview { height: 100%; }
.asset-preview-empty { display: grid; place-items: center; color: #6e89a7; border: 1px dashed #365273; }
.asset-card footer { display: flex; gap: 8px; flex-wrap: wrap; align-self: end; margin-top: auto; }
.asset-upload { display: inline-flex !important; align-items: center; border: 1px solid #477291; border-radius: 9px; padding: 9px 13px; color: #badcf0 !important; background: #10243a; font-weight: 700; cursor: pointer; }
.asset-upload input { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; pointer-events: none; }
.asset-card [data-asset-message] { grid-column: 1 / -1; min-height: 1.35em; margin: 0; }
.asset-card [data-asset-message][hidden] { display: block; visibility: hidden; }
.studio-workbench[data-theme="platinum"] .asset-group { border-color: #d8cba9; background: #f7f4ec; }
.studio-workbench[data-theme="platinum"] .custom-asset-panel { border-color: #d8cba9; background: #f7f4ec; }
.studio-workbench[data-theme="platinum"] .custom-asset-panel input, .studio-workbench[data-theme="platinum"] .custom-asset-panel select, .studio-workbench[data-theme="platinum"] .custom-asset-panel textarea { color: #1c2736; background: #fffdf8; border-color: #d8cba9; }
.studio-workbench[data-theme="platinum"] .asset-card { border-color: #e3d9bc; }
.studio-workbench[data-theme="platinum"] .asset-card input, .studio-workbench[data-theme="platinum"] .asset-card textarea { color: #1c2736; background: #fffdf8; border-color: #d8cba9; }
.studio-workbench[data-theme="platinum"] .asset-preview { background: #fffdf8; border: 1px solid #d8cba9; }
.studio-workbench[data-theme="platinum"] .asset-preview-empty { color: #1c2736; }
.studio-workbench[data-theme="platinum"] .asset-upload { color: #1c2736 !important; background: #fffdf8; border-color: #d8cba9; }
@media (max-width: 760px) {
  .asset-group { grid-template-columns: 1fr; }
  .asset-card label { grid-template-columns: 1fr; }
  .custom-asset-panel { grid-template-columns: 1fr; }
  .custom-asset-panel form { grid-template-columns: 1fr; }
  .custom-asset-panel form > * { grid-column: 1; }
}

.studio-workbench[data-theme="platinum"] .asset-group,
.studio-workbench[data-theme="platinum"] .custom-asset-panel {
  border-color: var(--yuqi-line);
  background: var(--yuqi-surface-muted);
}
.studio-workbench[data-theme="platinum"] .asset-card { border-color: var(--yuqi-line); background: var(--yuqi-surface); }
.studio-workbench[data-theme="platinum"] .asset-card label,
.studio-workbench[data-theme="platinum"] .custom-asset-panel form > label { color: var(--yuqi-muted); }
.studio-workbench[data-theme="platinum"] .asset-card input,
.studio-workbench[data-theme="platinum"] .asset-card textarea,
.studio-workbench[data-theme="platinum"] .custom-asset-panel input,
.studio-workbench[data-theme="platinum"] .custom-asset-panel select,
.studio-workbench[data-theme="platinum"] .custom-asset-panel textarea { border-color: var(--yuqi-line-strong); color: var(--yuqi-ink); background: var(--yuqi-surface); }
.studio-workbench[data-theme="platinum"] .asset-preview { background: var(--yuqi-surface); border: 1px solid var(--yuqi-line); }
.studio-workbench[data-theme="platinum"] .asset-preview-empty { color: var(--yuqi-muted); border-color: var(--yuqi-line-strong); }
.studio-workbench[data-theme="platinum"] .asset-upload { color: var(--yuqi-ink) !important; background: var(--yuqi-surface); border-color: var(--yuqi-line); }