@layer mlola.preview{.ml-assets{gap:var(--ml-space-6);padding-block:var(--ml-space-10) var(--ml-space-16);display:grid}.ml-assets-head{gap:var(--ml-space-2);display:grid}.ml-assets-head .ml-heading{font-size:var(--ml-type-display-md);letter-spacing:-.035em}.ml-assets-controls{top:var(--ml-site-header);z-index:10;gap:var(--ml-space-3);padding-block:var(--ml-space-3);background:color-mix(in srgb, var(--ml-background) 90%, transparent);-webkit-backdrop-filter:blur(12px);display:grid;position:sticky}.ml-assets-control-row{align-items:center;gap:var(--ml-space-3);flex-wrap:wrap;display:flex}.ml-assets-control-row .ml-workbench-search{flex:1;max-width:24rem}.ml-assets-group{gap:var(--ml-space-3);display:grid}.ml-assets-grid{gap:var(--ml-space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,8.5rem),1fr));margin:0;padding:0;list-style:none;display:grid}.ml-assets-tile{justify-items:center;gap:var(--ml-space-2);width:100%;padding:var(--ml-space-5) var(--ml-space-2) var(--ml-space-3);border:1px solid var(--ml-border-subtle);border-radius:var(--ml-radius-lg);background:var(--ml-surface);color:var(--ml-text);cursor:pointer;transition:border-color var(--ml-duration-fast), box-shadow var(--ml-duration-fast);display:grid}.ml-assets-tile:hover{border-color:var(--ml-border);box-shadow:var(--ml-shadow-sm)}.ml-assets-glyph{min-height:var(--ml-space-8);color:var(--ml-text);place-items:center;display:grid}.ml-assets-name{color:var(--ml-text-muted);font-family:var(--ml-font-mono);font-size:var(--ml-type-2xs);overflow-wrap:anywhere}.ml-assets-hint{color:var(--ml-text-faint)}.ml-assets-tabs{gap:var(--ml-space-1);border-bottom:1px solid var(--ml-border-subtle);scrollbar-width:none;display:flex;overflow-x:auto}.ml-assets-tab{align-items:center;gap:var(--ml-space-2);padding:var(--ml-space-2-5) var(--ml-space-3);color:var(--ml-text-muted);font:inherit;font-size:var(--ml-type-sm);cursor:pointer;transition:color var(--ml-duration-fast), border-color var(--ml-duration-fast);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;font-weight:500;display:inline-flex}.ml-assets-tab:hover{color:var(--ml-text)}.ml-assets-tab[aria-selected=true]{border-bottom-color:var(--ml-text);color:var(--ml-text)}.ml-assets-tab:focus-visible{outline:2px solid var(--ml-focus);outline-offset:-2px;border-radius:var(--ml-radius-sm)}.ml-assets-tab-count{padding:0 var(--ml-space-1-5);border-radius:var(--ml-radius-pill);background:var(--ml-fill-hover);color:var(--ml-text-muted);font-size:var(--ml-type-2xs);font-variant-numeric:tabular-nums}.ml-assets-panel{gap:var(--ml-space-6);display:grid}.ml-asset-models{justify-items:start;gap:var(--ml-space-4);display:grid}.ml-asset-models>.ml-asset-grid{width:100%}.ml-asset-grid{gap:var(--ml-space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));margin:0;padding:0;list-style:none;display:grid}.ml-asset-card{border:1px solid var(--ml-border-subtle);border-radius:var(--ml-radius-lg);background:var(--ml-surface);transition:border-color var(--ml-duration-fast), box-shadow var(--ml-duration-fast);flex-direction:column;display:flex;overflow:hidden}.ml-asset-card:hover{border-color:var(--ml-border);box-shadow:var(--ml-shadow-sm)}.ml-asset-stage{aspect-ratio:4/3;border-bottom:1px solid var(--ml-border-subtle);background:radial-gradient(120% 90% at 50% 20%, var(--ml-background), var(--ml-background-subtle));place-items:center;display:grid;position:relative}.ml-asset-stage>svg{width:100%;height:100%}.ml-asset-poster,.ml-asset-canvas{width:100%;height:100%;position:absolute;inset:0}.ml-asset-poster{object-fit:contain;transition:opacity var(--ml-duration-normal) var(--ml-ease-standard)}.ml-asset-stage[data-ready] .ml-asset-poster{opacity:0}.ml-asset-canvas{cursor:grab;touch-action:pan-y}.ml-asset-canvas:active{cursor:grabbing}.ml-asset-canvas:focus-visible{outline:2px solid var(--ml-focus);outline-offset:-4px;border-radius:var(--ml-radius-md)}.ml-asset-meta{align-content:start;gap:var(--ml-space-1-5);padding:var(--ml-space-4) var(--ml-space-4) var(--ml-space-3);flex:1;display:grid}.ml-asset-meta h3{font-size:var(--ml-type-sm);margin:0;font-weight:600}.ml-asset-meta p{color:var(--ml-text-muted);font-size:var(--ml-type-xs);margin:0;line-height:1.5}.ml-asset-tags{gap:var(--ml-space-1);margin:var(--ml-space-1) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.ml-asset-tags li{padding:0 var(--ml-space-1-5);border-radius:var(--ml-radius-pill);background:var(--ml-fill-hover);color:var(--ml-text-muted);font-size:var(--ml-type-2xs)}.ml-asset-actions{align-items:center;gap:var(--ml-space-2);padding:0 var(--ml-space-4) var(--ml-space-4);flex-wrap:wrap;display:flex}.ml-asset-command,.ml-asset-download{align-items:center;gap:var(--ml-space-1-5);min-height:2rem;padding:0 var(--ml-space-2-5);border:1px solid var(--ml-border-subtle);border-radius:var(--ml-radius-md);background:var(--ml-background-subtle);color:var(--ml-text-muted);font:inherit;font-size:var(--ml-type-xs);cursor:pointer;transition:color var(--ml-duration-fast), border-color var(--ml-duration-fast);flex-shrink:0;text-decoration:none;display:inline-flex}.ml-asset-command{flex:1 1 0;justify-content:space-between;min-width:0}.ml-asset-command code{font-family:var(--ml-font-mono);font-size:var(--ml-type-2xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ml-asset-command:hover,.ml-asset-download:hover{border-color:var(--ml-border);color:var(--ml-text)}.ml-asset-command:focus-visible,.ml-asset-download:focus-visible{outline:2px solid var(--ml-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ml-asset-poster{transition:none}}}