.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));align-items:start;gap:2.8rem;min-width:0;display:grid}.showcase-stack{gap:2.8rem;min-width:0;display:grid}.showcase-example{align-content:start;gap:1.2rem;min-width:0;display:grid}.showcase-example-wide{grid-column:1/-1}.showcase-label{color:var(--g3-t);margin:0;font-family:Proxima Vara,Avenir Next,sans-serif;font-size:1.4rem;font-weight:600;line-height:1.4}.showcase-description{color:var(--g9-t);max-width:60rem;margin:0;font-size:1.3rem;line-height:1.65}.showcase-actions{flex-wrap:wrap;align-items:center;gap:.8rem;min-width:0;display:flex}.showcase-field-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.8rem;display:grid}.showcase-value{border:1px solid var(--g18-t);background:var(--g23-t);min-width:0;max-height:20rem;color:var(--g8-t);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:.8rem;margin:0;padding:1rem 1.2rem;font-size:1.2rem;line-height:1.6;overflow:auto}.showcase-surface{border:1px solid var(--g18-t);background:var(--g23-t);border-radius:1.2rem;min-width:0;padding:2rem}.showcase-centered{place-items:center;min-height:16rem;display:grid}.showcase-preview-copy{color:var(--g6-t);margin:0;font-size:1.4rem;line-height:1.65}.showcase-scroll{min-width:0;overflow:auto}.showcase-media{width:100%;min-width:0;max-width:48rem}.showcase-settings{gap:1.6rem;display:grid}.showcase-setting{border-bottom:1px solid var(--g19-t);justify-content:space-between;align-items:center;gap:1.6rem;padding-bottom:1.2rem;display:flex}.showcase-setting-text{color:var(--g6-t);font-size:1.4rem}.showcase-editor-preview{min-width:64rem;max-height:56rem;overflow:auto}