@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{letter-spacing:-.035em;font-size:clamp(2rem,4vw,2.5rem)}.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)}}