@layer mlola.preview{.ml-check{gap:var(--ml-space-fluid-md);width:min(100%,56rem);padding:var(--ml-space-fluid-xl) var(--ml-shell-gutter);margin-inline:auto;display:grid}.ml-check-hero{justify-items:start;gap:var(--ml-space-4);display:grid}.ml-check-hero h1{font-family:var(--ml-font-display);font-size:var(--ml-type-display-lg);font-weight:var(--ml-display-weight);letter-spacing:-.045em;text-wrap:balance;margin:0;line-height:1.02}.ml-check-hero p{max-width:44rem;color:var(--ml-text-muted);font-size:var(--ml-type-md);text-wrap:pretty;margin:0;line-height:1.6}.ml-check-form{gap:var(--ml-space-3);display:grid}.ml-check-input{font-family:var(--ml-font-mono);font-size:var(--ml-type-sm);tab-size:2;line-height:1.6}.ml-check-actions{align-items:center;gap:var(--ml-space-2);flex-wrap:wrap;display:flex}.ml-check-shortcut{align-items:center;gap:var(--ml-space-1-5);color:var(--ml-text-muted);font-size:var(--ml-type-sm);margin-inline-start:var(--ml-space-2);display:inline-flex}.ml-check-results{gap:var(--ml-space-6);scroll-margin-top:var(--ml-space-fluid-lg);display:grid}.ml-check-score{justify-content:space-between;align-items:flex-start;gap:var(--ml-space-4);padding:var(--ml-space-6);border:1px solid color-mix(in oklab, var(--ml-warning) 45%, var(--ml-border-subtle));border-radius:calc(var(--ml-radius-lg) + 4px);background:linear-gradient(color-mix(in oklab, var(--ml-warning) 7%, transparent), transparent) var(--ml-surface);flex-wrap:wrap;display:flex}.ml-check-score[data-clean]{border-color:color-mix(in oklab, var(--ml-success) 45%, var(--ml-border-subtle));background:linear-gradient(color-mix(in oklab, var(--ml-success) 7%, transparent), transparent) var(--ml-surface)}.ml-check-score>div{gap:var(--ml-space-2);flex:24rem;display:grid}.ml-check-score h2{font-family:var(--ml-font-display);font-size:var(--ml-type-display-sm);font-weight:var(--ml-display-weight);letter-spacing:-.03em;margin:0;line-height:1.1}.ml-check-score p{color:var(--ml-text-muted);font-size:var(--ml-type-md);margin:0;line-height:1.55}.ml-check-tally{gap:var(--ml-space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.ml-check-tally div{gap:var(--ml-space-1);padding:var(--ml-space-4);border:1px solid var(--ml-border-subtle);border-radius:var(--ml-radius-lg);background:var(--ml-surface);display:grid}.ml-check-tally dt{color:var(--ml-text-muted);font-size:var(--ml-type-sm)}.ml-check-tally dd{align-items:baseline;gap:var(--ml-space-2);font-size:var(--ml-type-2xl);font-variant-numeric:tabular-nums;margin:0;font-weight:600;display:flex}.ml-check-tally dd span{color:var(--ml-text-muted);font-size:var(--ml-type-sm);font-weight:400}.ml-check-swatches{gap:var(--ml-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ml-check-swatches li{align-items:center;gap:var(--ml-space-2);padding:var(--ml-space-1) var(--ml-space-2-5) var(--ml-space-1) var(--ml-space-1);border:1px solid var(--ml-border-subtle);border-radius:var(--ml-radius-pill);background:var(--ml-surface);font-size:var(--ml-type-xs);display:inline-flex}.ml-check-swatches code{font-family:var(--ml-font-mono)}.ml-check-swatch{width:var(--ml-space-5);height:var(--ml-space-5);background:var(--ml-check-color);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ml-text) 18%, transparent);border-radius:50%}.ml-check-group{gap:var(--ml-space-3);display:grid}.ml-check-group h3{align-items:center;gap:var(--ml-space-2);font-size:var(--ml-type-lg);margin:0;font-weight:600;display:flex}.ml-check-instead{align-items:flex-start;gap:var(--ml-space-2);padding:var(--ml-space-3) var(--ml-space-4);border-radius:var(--ml-radius-md);background:color-mix(in oklab, var(--ml-success) 8%, var(--ml-surface));color:var(--ml-text);font-size:var(--ml-type-sm);margin:0;line-height:1.55;display:flex}.ml-check-instead svg{color:var(--ml-success-text);flex:none;margin-top:.3em}.ml-check-issues{border:1px solid var(--ml-border-subtle);border-radius:var(--ml-radius-lg);background:var(--ml-surface);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.ml-check-issue{gap:var(--ml-space-3);padding:var(--ml-space-3) var(--ml-space-4);grid-template-columns:5.5rem minmax(0,1fr);display:grid}.ml-check-issue+.ml-check-issue{border-top:1px solid var(--ml-border-subtle)}.ml-check-line{color:var(--ml-text-muted);font-family:var(--ml-font-mono);font-size:var(--ml-type-xs);line-height:1.9}.ml-check-source{color:var(--ml-text-muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ml-check-more{color:var(--ml-text-muted);font-size:var(--ml-type-sm);margin:0;line-height:1.55}.ml-check-swatches .ml-check-more{padding-inline:var(--ml-space-1);background:0 0;border:0;align-self:center}.ml-check-skipped{color:var(--ml-text-muted);font-size:var(--ml-type-sm)}.ml-check-skipped summary{cursor:pointer}.ml-check-skipped ul{gap:var(--ml-space-1);margin:var(--ml-space-2) 0 0;padding-inline-start:var(--ml-space-5);display:grid}.ml-check-skipped code{font-family:var(--ml-font-mono);font-size:var(--ml-type-xs);word-break:break-all}.ml-check-issue[data-severity=error] .ml-check-line{color:var(--ml-danger-text)}.ml-check-issue-body{gap:var(--ml-space-1-5);min-width:0;display:grid}.ml-check-issue-body p{font-size:var(--ml-type-sm);margin:0;line-height:1.55}.ml-check-fix{color:var(--ml-text-muted)}.ml-check-group-fix{font-size:var(--ml-type-sm);margin:0;line-height:1.55}.ml-check-element{padding:var(--ml-space-1) var(--ml-space-2);border-radius:var(--ml-radius-sm);background:var(--ml-background-subtle);color:var(--ml-text-muted);font-family:var(--ml-font-mono);font-size:var(--ml-type-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ml-check-next{gap:var(--ml-space-4);padding:var(--ml-space-6);border:1px solid var(--ml-border-subtle);border-radius:calc(var(--ml-radius-lg) + 4px);background:var(--ml-surface);display:grid}.ml-check-next h2,.ml-check-next h3{font-size:var(--ml-type-xl);letter-spacing:-.02em;margin:0;font-weight:600}.ml-check-next p{color:var(--ml-text-muted);margin:0;line-height:1.6}.ml-check-commands{gap:var(--ml-space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.ml-check-command{justify-content:space-between;align-items:center;gap:var(--ml-space-2);padding:var(--ml-space-2) var(--ml-space-2) var(--ml-space-2) var(--ml-space-3);border:1px solid var(--ml-border-subtle);border-radius:var(--ml-radius-md);background:var(--ml-background-subtle);font-family:var(--ml-font-mono);font-size:var(--ml-type-sm);display:flex}.ml-check-link{align-items:center;gap:var(--ml-space-1);width:fit-content;color:var(--ml-primary-text);font-weight:500;text-decoration:none;display:inline-flex}.ml-check-link:hover{text-underline-offset:.2em;text-decoration:underline}.ml-check-drift{--ml-check-drift-tone:var(--ml-warning);--ml-check-drift-ink:var(--ml-warning-text);align-items:center;gap:var(--ml-space-fluid-md);padding:var(--ml-space-6);border:1px solid color-mix(in oklab, var(--ml-check-drift-tone) 45%, var(--ml-border-subtle));border-radius:calc(var(--ml-radius-lg) + 4px);background:linear-gradient(color-mix(in oklab, var(--ml-check-drift-tone) 7%, transparent), transparent) var(--ml-surface);grid-template-columns:auto minmax(0,1fr);display:grid}.ml-check-drift[data-grade=A],.ml-check-drift[data-grade=B]{--ml-check-drift-tone:var(--ml-success);--ml-check-drift-ink:var(--ml-success-text)}.ml-check-drift[data-grade=F]{--ml-check-drift-tone:var(--ml-danger);--ml-check-drift-ink:var(--ml-danger-text)}.ml-check-drift-number{justify-items:center;gap:var(--ml-space-1);color:var(--ml-text-muted);font-size:var(--ml-type-sm);margin:0;display:grid}.ml-check-drift-number strong{color:var(--ml-check-drift-ink);font-family:var(--ml-font-display);font-size:var(--ml-type-display-xl);font-weight:var(--ml-display-weight);font-variant-numeric:tabular-nums;letter-spacing:-.05em;line-height:.9}.ml-check-drift-body{gap:var(--ml-space-2);min-width:0;display:grid}.ml-check-drift-body p{margin:0}.ml-check-drift-grade{color:var(--ml-check-drift-ink);font-size:var(--ml-type-sm);font-weight:600}.ml-check-drift-body h1,.ml-check-drift-body h2{font-family:var(--ml-font-display);font-size:var(--ml-type-display-sm);font-weight:var(--ml-display-weight);letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;line-height:1.1}.ml-check-drift-headline{color:var(--ml-text-muted);font-size:var(--ml-type-md);line-height:1.55}.ml-check-drift-facts{gap:var(--ml-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ml-check-drift-facts li{padding:var(--ml-space-1) var(--ml-space-3);border:1px solid var(--ml-border-subtle);border-radius:var(--ml-radius-pill);background:var(--ml-surface);font-size:var(--ml-type-sm);font-variant-numeric:tabular-nums}.ml-check-drift-note{color:var(--ml-text-muted);font-size:var(--ml-type-sm)}.ml-check-drift-actions{align-items:center;gap:var(--ml-space-2) var(--ml-space-3);margin-top:var(--ml-space-2);flex-wrap:wrap;display:flex}.ml-check-how{gap:var(--ml-space-3);scroll-margin-top:var(--ml-space-fluid-lg);display:grid}.ml-check-how h2{font-size:var(--ml-type-xl);letter-spacing:-.02em;margin:0;font-weight:600}.ml-check-how p,.ml-check-how ul{max-width:44rem;color:var(--ml-text-muted);margin:0;line-height:1.6}.ml-check-how ul{gap:var(--ml-space-1);padding-inline-start:var(--ml-space-5);list-style:outside;display:grid}.ml-check-how strong{color:var(--ml-text);font-weight:600}@media (max-width:40rem){.ml-check-drift{grid-template-columns:minmax(0,1fr);justify-items:start}.ml-check-drift-number{justify-items:start}.ml-check-tally div{padding:var(--ml-space-3)}.ml-check-tally dd{gap:0 var(--ml-space-2);flex-wrap:wrap}.ml-check-issue{gap:var(--ml-space-1);grid-template-columns:minmax(0,1fr)}.ml-check-shortcut{display:none}}}