html[data-gallery],html[data-gallery] body{height:auto;min-height:100%;overflow:visible}html[data-gallery] body{display:block}html[data-gallery] #appRoot{width:100%;max-width:none;height:auto;overflow:visible;display:block}.component-gallery{max-width:var(--app-width);margin:0 auto;padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl)}.component-gallery__header h1{font-size:var(--text-lead);margin:0 0 var(--space-xs)}.component-gallery__header p{color:var(--color-text-muted);margin:0}.component-gallery__section{display:flex;flex-direction:column;gap:var(--space-md)}.component-gallery__section-title{font-size:var(--text-body);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted);margin:0}.component-gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.component-gallery__tile{display:flex;flex-direction:column;gap:var(--space-2xs)}.component-gallery__sample{min-height:96px;display:flex;align-items:center;justify-content:center}.component-gallery__caption{font-size:var(--text-body-sm);color:var(--color-text-muted);margin:0}.component-gallery__error{color:var(--color-danger)}.component-gallery__button-matrix{display:flex;flex-direction:column;gap:var(--space-sm)}.component-gallery__button-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.component-gallery__row-label{min-width:96px;font-size:var(--text-body-sm);color:var(--color-text-muted)}.component-gallery__grid--wide{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.component-gallery__sample--framed-card,.component-gallery__sample--hero-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;justify-items:stretch;height:340px}.component-gallery__sample--merchant-card{min-height:140px}.component-gallery__note{margin:0;max-width:72ch;font-size:var(--text-body-sm);color:var(--color-text-muted);font-style:italic}