/* Compact asset library, scoped so production and editor previews keep their size. */
[data-page-panel="assets"] .section-toolbar { margin-bottom: 16px; }
[data-page-panel="assets"] .section-toolbar h2 { font-size: 25px; }
[data-page-panel="assets"] .section-toolbar p { font-size: 12px; line-height: 1.6; }
[data-page-panel="assets"] .filter-bar { gap: 10px; align-items: center; }
[data-page-panel="assets"] .filter-bar select,
[data-page-panel="assets"] .search-box { height: 40px; box-sizing: border-box; }
#asset-grid { grid-template-columns: repeat(auto-fill,minmax(228px,1fr)); gap: 14px; align-items: stretch; }
#asset-grid .asset-card { grid-template-rows: 132px 1fr; border-radius: 12px; box-shadow: 0 3px 12px rgba(25,66,52,.025); }
#asset-grid .asset-preview { height: 132px; }
#asset-grid .asset-preview-placeholder { gap: 6px; }
#asset-grid .asset-preview-placeholder b { width: 38px; height: 38px; border-radius: 12px; font-size: 17px; box-shadow: none; }
#asset-grid .asset-type { padding: 4px 8px; font-size: 10px; }
#asset-grid .asset-card-body { padding: 12px; gap: 8px; }
#asset-grid h3 { font-size: 14px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#asset-grid .asset-card p { font-size: 11px; line-height: 1.5; }
#asset-grid .asset-tags { max-height: 42px; overflow: hidden; gap: 4px; }
#asset-grid .asset-meta { gap: 4px; }
#asset-grid .tag, #asset-grid .status { font-size: 10px; padding: 3px 6px; }
#asset-grid .asset-card-actions { gap: 5px; padding-top: 8px; border-top: 1px solid #edf1ee; }
#asset-grid .mini-button { min-height: 28px; padding: 4px 7px; border-radius: 7px; font-size: 11px; line-height: 1.5; }
#asset-grid .asset-source-note { font-size: 11px; line-height: 1.5; color: #63796e; overflow-wrap: anywhere; }
#asset-preview-dialog { width: min(760px,calc(100dvw - 32px)); }
#asset-preview-dialog .modal-form { padding: 20px; gap: 12px; }
#asset-preview-dialog .modal-heading h3 { font-size: 19px; }
#asset-preview-dialog .asset-preview-viewer:not(.is-comparison) { min-height: 160px; max-height: min(30vh,280px); border-radius: 10px; }
#asset-preview-dialog .asset-preview-viewer img,
#asset-preview-dialog .asset-preview-viewer video { max-height: min(30vh,280px); }
#asset-preview-dialog .asset-preview-viewer iframe { height: min(30vh,280px); }
#asset-preview-dialog .asset-preview-viewer pre { max-height: min(30vh,280px); padding: 16px; }
#asset-preview-dialog .asset-preview-meta { grid-template-columns: repeat(5,minmax(0,1fr)); }
#asset-preview-dialog .asset-preview-meta div { padding: 8px 10px; }
#asset-preview-dialog .modal-actions { flex-wrap: wrap; gap: 8px; }
#asset-preview-dialog .modal-actions > * { font-size: 12px; padding: 8px 12px; }
.qf-task-detail .qf-result pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 40vh; overflow: auto; background: #f3f7f5; padding: 14px; }
.production-summary-strip { grid-template-columns: repeat(auto-fit,minmax(130px,1fr)); }
@media(max-width:600px) {
  #asset-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  #asset-grid .asset-card { grid-template-rows: 112px 1fr; }
  #asset-grid .asset-preview { height: 112px; }
  #asset-preview-dialog .asset-preview-meta { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:420px) {
  #asset-grid { grid-template-columns: 1fr; }
  #asset-grid .asset-card { grid-template-rows: 132px 1fr; }
  #asset-grid .asset-preview { height: 132px; }
}