/* Show motions, packs, and playable routes as distinct library entries. */
.co-library-type-row{display:flex;align-items:center;gap:calc(var(--cb-space) * 0.4);flex-wrap:wrap;margin:8px 0 6px}
.co-library-type-row>small{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);font-variant-numeric:tabular-nums}
.co-motion-type{display:inline-flex;align-items:center;gap:calc(var(--cb-space) * 0.2);flex-shrink:0;padding:calc(var(--cb-space) * 0.2) calc(var(--cb-space) * 0.35);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.3 * var(--cb-leading-scale));color:var(--cb-text);background:var(--cb-inset);white-space:nowrap}
.co-motion-type.is-pack{background:var(--cb-pack-soft);border-color:var(--cb-pack);color:var(--cb-pack)}
.co-motion-type.is-combo{background:var(--cb-combo-soft);border-color:var(--cb-combo);color:var(--cb-combo)}
.co-combo-card>.co-library-image{padding:0}
.co-combo-card .co-asset-origin{display:flex;align-items:center;gap:calc(var(--cb-space) * 0.3);z-index:2}
.co-combo-card .co-asset-version{z-index:2}
.co-combo-cover{position:relative;width:100%;height:100%;display:grid;place-items:center;background:var(--cb-inset);overflow:hidden}
.co-combo-cover>img{width:100%;height:100%;object-fit:contain}
.co-combo-placeholder{display:flex;align-items:center;justify-content:center;gap:calc(var(--cb-space) * 0.8);color:var(--cb-text)}
.co-combo-placeholder>strong{font-size:calc(44px * var(--cb-type-scale));line-height:1;font-weight:500}
.co-combo-placeholder small{display:block;font-size:calc(10px * var(--cb-type-scale));letter-spacing:.08em;margin-top:10px}
.co-combo-preview{position:absolute;left:13px;bottom:12px;display:flex;align-items:center;gap:calc(var(--cb-space) * 0.25);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);background:color-mix(in srgb, var(--cb-preview-surface) 90.98039%, transparent);color:var(--cb-text);font-size:calc(10px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.3) calc(var(--cb-space) * 0.4)}
.co-combo-parent{display:flex;align-items:center;gap:calc(var(--cb-space) * 0.25);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.co-combo-parent>.cb-icon{flex-shrink:0}
.co-combo-flow{display:flex;align-items:center;gap:calc(var(--cb-space) * 0.25);flex-wrap:wrap;min-height:48px;margin-top:12px}
.co-combo-flow>span{padding:calc(var(--cb-space) * 0.2) calc(var(--cb-space) * 0.3);background:var(--cb-raised);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);color:var(--cb-text);font-size:calc(10px * var(--cb-type-scale));line-height:calc(1.3 * var(--cb-leading-scale))}
.co-combo-flow b{font-weight:600;color:var(--cb-text);margin-left:3px}
.co-combo-flow>i{font-size:calc(10px * var(--cb-type-scale));font-style:normal;color:var(--cb-muted)}
.co-combo-flow>small{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}
.co-combo-load{background:var(--cb-raised);border-color:var(--cb-border);color:var(--cb-text)}
.co-combo-card .co-library-actions{flex-wrap:wrap;gap:calc(var(--cb-space) * 0.35)}
.co-combo-card .co-library-actions>.btn{flex:1;justify-content:center;white-space:nowrap}
.co-library-list .co-combo-cover>img{object-fit:cover}
.co-library-list .co-combo-preview{display:none}
.co-library-list .co-combo-placeholder{gap:calc(var(--cb-space) * 0.3)}
.co-library-list .co-combo-placeholder>svg{width:24px}
.co-library-list .co-combo-placeholder>strong{font-size:calc(28px * var(--cb-type-scale))}
.co-library-list .co-combo-placeholder small{font-size:calc(8px * var(--cb-type-scale));margin-top:6px}
.co-library-list .co-combo-flow{min-height:0;margin-top:8px}
.co-library-list .co-combo-card .co-library-actions{justify-content:flex-start}
.co-library-list .co-combo-card .co-library-actions>.btn{flex:0 1 auto}
@media(max-width:650px){
  .co-library-type-row{gap:calc(var(--cb-space) * 0.25);margin-top:6px}
  .co-motion-type{font-size:calc(9px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.15) calc(var(--cb-space) * 0.25)}
  .co-library-type-row>small{font-size:calc(9px * var(--cb-type-scale))}
  .co-combo-card .co-asset-origin{top:8px;left:8px;gap:calc(var(--cb-space) * 0.2)}
  .co-combo-card .co-asset-origin>.co-pill{display:none}
  .co-combo-preview{left:8px;bottom:8px;font-size:calc(9px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.2) calc(var(--cb-space) * 0.3)}
  .co-combo-flow{gap:calc(var(--cb-space) * 0.2);margin-top:9px}
  .co-combo-flow>span{font-size:calc(9px * var(--cb-type-scale));padding:calc(var(--cb-space) * 0.15) calc(var(--cb-space) * 0.2)}
  .co-library-list .co-combo-card .co-asset-origin{display:none}
  .co-library-list .co-combo-card .co-library-image{height:100%;min-height:200px}
}

/* The motion cards share the same real-clip posters as the Studio bank. */
.co-motion-cover{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--cb-inset)}
.co-motion-cover>img{width:100%;height:100%;object-fit:contain}
.co-motion-cover-empty{flex-direction:column;gap:calc(var(--cb-space) * 0.6);color:var(--cb-text);font-size:calc(11px * var(--cb-type-scale))}
.co-motion-cover-count{position:absolute;left:8px;bottom:7px;display:flex;gap:calc(var(--cb-space) * 0.25);align-items:center;padding:calc(var(--cb-space) * 0.2) calc(var(--cb-space) * 0.35);border-radius:calc(var(--cb-radius) * 0.5);background:color-mix(in srgb, var(--cb-surface) 87.45098%, transparent);color:var(--cb-text);font-size:calc(10px * var(--cb-type-scale))}