.gen{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}@media (max-width:56.25rem){.gen{grid-template-columns:minmax(0,1fr)}}.gen__seed{display:grid;gap:var(--echo-space-11);min-width:0}.gen__group{display:grid;gap:var(--echo-space-7)}.gen__starts{display:grid;gap:var(--echo-space-4)}.gen__starts-label{margin:0;font:var(--echo-type-machine-label);letter-spacing:var(--echo-type-machine-label-tracking);text-transform:var(--echo-type-machine-label-case);color:var(--echo-text-dim)}.gen__rows{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--echo-seam)}.gen__row{display:grid;gap:var(--echo-space-5);padding:var(--echo-space-8) var(--echo-space-1);border-top:1px solid var(--echo-seam)}.gen__name{display:grid;gap:var(--echo-space-1);font-size:var(--echo-text-md);font-weight:700;color:var(--echo-text)}.gen__hint{font-size:var(--echo-text-xs);font-weight:400;color:var(--echo-text-dim)}.gen__ctl{display:flex;align-items:center;gap:var(--echo-space-6);min-width:0}.gen__ctl>.echo-field{flex:1 1;min-width:0}.gen__actions{display:flex;flex-wrap:wrap;gap:var(--echo-space-6)}.echo-preview{min-width:0;box-sizing:border-box;padding:clamp(1rem,4vw,1.75rem);border-radius:var(--echo-radius-3xl);background:var(--echo-surface);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--echo-cap-highlight) 30%,transparent),0 0 0 1px var(--echo-seam)}.echo-preview>*{min-width:0}.gen__code{max-height:24rem;margin:0;padding:var(--echo-space-8);overflow:auto;border-radius:var(--echo-radius-lg);background:var(--echo-lcd);color:var(--echo-text-dim);font-family:var(--echo-font-mono);font-size:var(--echo-text-2xs);line-height:1.6}.gen__contrast{display:grid;gap:var(--echo-space-5);justify-items:start}.gen__contrast-note{max-width:40ch;margin:0;font-size:var(--echo-text-xs);line-height:var(--echo-leading-body,1.55);color:var(--echo-text)}.gen__contrast-note--dim{color:var(--echo-text-dim)}