@layer mlola.preview{.ml-showcase-page{gap:var(--ml-space-fluid-lg);width:min(100%,72rem);padding:var(--ml-space-fluid-xl) var(--ml-shell-gutter);margin-inline:auto;display:grid}.ml-showcase-hero{gap:var(--ml-space-4);max-width:44rem;display:grid}.ml-showcase-hero h1{font-family:var(--ml-font-display);font-size:var(--ml-type-display-lg);font-weight:var(--ml-display-weight);letter-spacing:-.045em;margin:0;line-height:1.02}.ml-showcase-hero p{color:var(--ml-text-muted);font-size:var(--ml-type-md);text-wrap:pretty;margin:0;line-height:1.6}.ml-showcase-list{gap:var(--ml-space-fluid-md);margin:0;padding:0;list-style:none;display:grid}.ml-showcase-entry{align-items:center;gap:var(--ml-space-fluid-md);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid}.ml-showcase-shot{border:1px solid var(--ml-border-subtle);border-radius:calc(var(--ml-radius-lg) + 4px);background:var(--ml-surface);box-shadow:var(--ml-shadow-md);transition:box-shadow var(--ml-duration-normal), transform var(--ml-duration-normal) var(--ml-ease-standard);display:block;overflow:hidden}.ml-showcase-shot:hover{box-shadow:var(--ml-shadow-lg);transform:translateY(calc(var(--ml-space-0-5) * -1))}.ml-showcase-shot:focus-visible{outline:2px solid var(--ml-focus);outline-offset:var(--ml-space-1)}.ml-showcase-shot img{width:100%;height:auto;display:block}:root:not([data-mode=dark]) .ml-showcase-shot img[data-shot=dark],:root[data-mode=dark] .ml-showcase-shot img[data-shot=light]{display:none}.ml-showcase-body{gap:var(--ml-space-3);display:grid}.ml-showcase-body h2{font-size:var(--ml-type-xl);letter-spacing:-.02em;margin:0;font-weight:600}.ml-showcase-body h2 a{align-items:center;gap:var(--ml-space-1);color:inherit;text-decoration:none;display:inline-flex}.ml-showcase-body h2 a:hover{text-underline-offset:.2em;text-decoration:underline}.ml-showcase-body p{color:var(--ml-text);margin:0;line-height:1.6}.ml-showcase-body .ml-showcase-built{color:var(--ml-text-muted);font-size:var(--ml-type-sm)}.ml-showcase-items{gap:var(--ml-space-1-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ml-showcase-items a{padding:var(--ml-space-0-5) var(--ml-space-2-5);border:1px solid var(--ml-border-subtle);border-radius:var(--ml-radius-pill);color:var(--ml-text-muted);font-size:var(--ml-type-xs);text-decoration:none;display:inline-flex}.ml-showcase-items a:hover{border-color:var(--ml-border);color:var(--ml-text)}@media (max-width:48rem){.ml-showcase-entry{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.ml-showcase-shot,.ml-showcase-shot:hover{transition:none;transform:none}}}