@layer app{:root:has(.preview-gallery){scrollbar-gutter:auto}.preview-gallery{background:var(--ll-canvas);color:var(--ll-text-primary);min-height:100dvh}.preview-gallery-header{padding:var(--space-group);gap:var(--space-gap);display:grid}.preview-gallery h1{font:var(--type-large-title)}.preview-gallery-header p,.preview-gallery-variant>h3{color:var(--ll-text-secondary)}.preview-gallery-filters{gap:var(--space-gap);flex-wrap:wrap;align-items:end;display:flex}.preview-gallery-filters label{gap:var(--space-stack);display:grid}.preview-gallery-filters select,.preview-gallery-filters button{background:var(--ll-surface);border:var(--separator-width) solid var(--ll-outline);padding:var(--space-inset);border-radius:var(--ll-radius-control)}.preview-gallery-platform{padding-block:var(--space-group)}.preview-gallery-platform>h2{padding-inline:var(--space-group);font:var(--type-section)}.preview-gallery-fixture{margin-top:var(--space-group)}.preview-gallery-fixture>h3{padding-inline:var(--space-group);margin-bottom:var(--space-gap);font-weight:600}.preview-gallery-cells{gap:var(--space-group);flex-wrap:wrap;align-items:start;display:flex}.preview-gallery-variant{width:max-content;max-width:100%}.preview-gallery-variant>h4{padding:var(--space-inset) var(--space-group);font:var(--type-label);color:var(--ll-text-secondary)}.preview-gallery-variant>.sp-frame{width:var(--sp-width);max-width:100%}.preview-gallery-variant>.sp-frame[data-surface=mobile]{width:var(--sp-mobile-width)}}