/* Preview wrapper is a management surface, outside L1-L4 product styles. */
.ds-stage{max-width:var(--customer-content-max);margin-inline:auto;padding:var(--space-2xl) var(--customer-gutter);display:grid;gap:var(--space-xl);align-content:start;min-height:100vh}.ds-stage--parts{display:flex;align-items:flex-start;align-content:start;gap:var(--space-xl);flex-wrap:wrap}.ds-stage--parts>.ui-card{width:min(100%,400px)}.ds-stage--parts>.ui-field,.ds-stage--parts>.ui-upload{width:min(100%,420px)}.ds-stage--parts>.ui-alert,.ds-stage--parts>.ui-banner,.ds-stage--parts>.ui-tabs,.ds-stage--parts>.ui-accordion,.ds-stage--parts>.ui-table-scroll,.ds-stage--parts>.ui-list,.ds-stage--parts>.ui-timeline,.ds-stage--parts>.ui-divider{width:100%}.ds-stage--parts>.ui-stack{width:100%}
.ds-stage>.ui-product-card{max-width:var(--product-card-width)}
.ds-bento-example{max-width:560px;height:320px}.ds-bento-example>.ui-bento{width:100%;height:100%}
.ds-variant-label{display:flex;gap:16px;align-items:center;margin-bottom:24px;font-weight:650}.ds-variant-label select{max-width:280px}
.ds-button-examples { display:grid; width:min(100%,720px); gap:var(--space-2xl); }
.ds-button-example { display:grid; gap:var(--space-sm); }
.ds-button-example h2 { margin:0; font-size:var(--text-md); }
.ds-button-example p { margin:0; }
.ds-part-examples { display:grid; gap:var(--space-xl); width:min(100%,960px); }
.ds-part-examples:has(> section:nth-child(2)) { grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr)); }
.ds-part-examples > section { display:grid; gap:var(--space-sm); justify-items:start; }
.ds-part-examples > section > h2 { margin:0; font-size:var(--text-md); }
.ds-part-examples .ui-search-field { width:min(100%,350px); }
.ds-part-examples :is(.ui-option-row,.ui-configuration-summary) { width:100%; }
.ds-wide-examples { display:grid; gap:var(--space-xl); }
.ds-wide-examples > section > h2 { margin:0 0 var(--space-sm); font-size:var(--text-md); }
.ds-info-tabs-example { --accent:var(--lab-card-accent); --info-icon-size:24px; width:72px; }
.ds-product-card-examples,.ds-hero-artwork-examples { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:var(--space-lg); }
.ds-product-card-examples section,.ds-hero-artwork-examples section { min-width:0; }
.ds-product-card-examples > section > h2,.ds-hero-artwork-examples > section > h2 { margin:0 0 var(--space-sm); font-size:var(--text-md); }
.ds-product-card-examples .ui-product-card { min-width:0; max-width:235px; }
.ds-product-card-examples .ds-bento-example { max-width:100%; }
.ds-hero-artwork-example { position:relative; isolation:isolate; overflow:hidden; height:220px; border-radius:var(--product-card-radius); }
.ds-hero-artwork-example > .ui-hero-artwork { z-index:0; }

.ds-service-compact-example{width:420px;height:110px;display:grid}

.ds-stage:has(>.section-hero-bento--square-three){padding:0;min-height:0}

.ds-stage:has(>.section-hero-bento--research),.ds-stage:has(>.layout-customer-intro){padding:0;min-height:0}
.ds-stage>.ui-hero-artwork{height:var(--research-hero-height)}
.ds-stage>.ui-service-card--floating-glass{width:360px;height:144px}
.ds-stage--parts:has(>.ui-service-card--floating-glass){background:var(--research-surface)}

/* The catalog uses a narrow iframe for a component thumbnail. */
@media (max-width: 420px) {
  .ds-stage--parts { justify-content: center; }
  .layout-customer:has(.ui-lab-family-card-demo, .ui-lab-product-demo, .ds-stage > .ui-product-card) { min-width: 0; }
  .ds-stage > .ui-product-card { justify-self: center; width: min(100%, var(--product-card-width)); }
  .ds-stage > .ui-row:has(> .ui-lab-family-card-demo) { justify-content: center; }
  .ds-stage > .ui-row > .ui-lab-family-card-demo:not(:first-child) { display: none; }
}