.ux-gallery-shell main{width:min(calc(100% - (var(--page-gutter) * 2)), var(--page-wide-width));padding-top:calc(var(--header-height) + var(--space-6))}.ux-gallery{gap:var(--space-8);min-width:0;display:grid;overflow-x:clip}.ux-gallery__noscript{padding:var(--space-3) var(--space-4);background:var(--surface-warning);border:var(--border-width) solid var(--border-default);color:var(--text-secondary);margin:0;font-size:.88rem}.ux-gallery__header{gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:var(--border-width) solid var(--border-default);justify-content:space-between;align-items:end;display:flex}.ux-gallery__header h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.5rem,6vw,4.5rem)}.ux-gallery__header>div>p:last-child{max-width:42rem;margin:var(--space-3) 0 0;color:var(--text-secondary)}.ux-gallery__settings{gap:var(--space-3);grid-template-columns:repeat(2,minmax(8rem,10rem));display:grid}.ux-gallery__layout{grid-template-columns:minmax(12rem,15rem) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.ux-gallery__sidebar{top:calc(var(--header-height) + var(--space-4));min-width:0;max-height:calc(100svh - var(--header-height) - var(--space-8));padding:var(--space-4);flex-direction:column;display:flex;position:sticky}.ux-gallery__sidebar-title,.gallery-navigation-demo__heading{gap:var(--space-2);padding:var(--space-2);color:var(--text-primary);align-items:center;display:flex}.ux-gallery__sidebar-note{padding:var(--space-4) var(--space-2) 0;border-top:var(--border-width) solid var(--border-default);color:var(--text-secondary);margin:auto 0 0;font-size:.78rem}.ux-gallery__content{min-width:0}.gallery-panel__header{max-width:45rem;margin-bottom:var(--space-8)}.gallery-panel+.gallery-panel{margin-top:var(--space-16)}.gallery-panel__header h2{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,5vw,3.6rem)}.gallery-panel__header>p:last-child{margin:var(--space-3) 0 0;color:var(--text-secondary);font-size:1.05rem}.gallery-component-label{gap:var(--space-2);margin:0 0 var(--space-4);color:var(--text-secondary);flex-wrap:wrap;align-items:baseline;font-size:.78rem;display:flex}.gallery-component-label>span{color:var(--text-primary);font-weight:700}.gallery-component-label code{background:color-mix(in srgb, var(--surface-subtle) 76%, transparent);border:var(--border-width) solid var(--border-default);color:var(--text-secondary);padding:.15rem .35rem;font-size:.74rem}.gallery-inverse-surface .gallery-component-label>span,.gallery-inverse-surface .gallery-component-label code{color:var(--text-on-strong)}.gallery-inverse-surface .gallery-component-label code{background:color-mix(in srgb, var(--text-on-strong) 12%, transparent);border-color:color-mix(in srgb, var(--text-on-strong) 28%, transparent)}.gallery-demo-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.gallery-demo-grid--tokens{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-swatch{gap:var(--space-2);min-height:9rem;padding:var(--space-4);background:var(--swatch);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-none);color:var(--text-primary);align-content:end;display:grid}.gallery-swatch:nth-child(4),.gallery-swatch:nth-child(5){color:var(--text-on-strong)}.gallery-swatch code{opacity:.72;font-size:.72rem}.gallery-token-reference{gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-8);border-top:var(--border-width) solid var(--border-default);display:grid}.gallery-token-reference h3,.gallery-token-reference p{margin:0}.gallery-token-reference p{margin-top:var(--space-2);color:var(--text-secondary)}.gallery-color-tokens{border:var(--border-width) solid var(--border-default);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.gallery-color-token{gap:var(--space-2);min-height:var(--control-height);padding:var(--space-2) var(--space-3);border-right:var(--border-width) solid var(--border-default);border-bottom:var(--border-width) solid var(--border-default);grid-template-columns:1.25rem minmax(0,1fr) auto;align-items:center;display:grid}.gallery-color-token>span{background:var(--token-color);border:var(--border-width) solid color-mix(in srgb, var(--border-strong) 70%, transparent);border-radius:50%;width:1.25rem;height:1.25rem}.gallery-color-token code,.gallery-color-token output{font-size:.72rem}.gallery-color-token output{color:var(--text-secondary)}.gallery-layout-tokens{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.gallery-layout-tokens>div{gap:var(--space-1);padding:var(--space-3);background:color-mix(in srgb, var(--surface-base) 78%, transparent);border:var(--border-width) solid var(--border-default);backdrop-filter:blur(1rem)saturate(1.05);display:grid}.gallery-layout-tokens span{color:var(--text-primary);font-weight:700}.gallery-layout-tokens code,.gallery-layout-tokens output{color:var(--text-secondary);font-size:.76rem}.gallery-specimen,.gallery-navigation-demo{gap:var(--space-8);margin-top:var(--space-8);padding-top:var(--space-8);border-top:var(--border-width) solid var(--border-default);grid-template-columns:minmax(0,1fr) minmax(14rem,.75fr);display:grid}.gallery-specimen h1,.gallery-specimen h2,.gallery-specimen h3{margin-top:var(--space-5)}.gallery-specimen h1{font-size:clamp(2.25rem,5vw,3.5rem)}.gallery-token-notes{background:color-mix(in srgb, var(--surface-subtle) 78%, transparent);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-none);backdrop-filter:blur(1rem)saturate(1.05);align-content:start;display:grid}.gallery-token-notes p{padding:var(--space-4);color:var(--text-secondary);margin:0}.gallery-token-notes p+p{border-top:var(--border-width) solid var(--border-default)}.gallery-token-notes strong{color:var(--text-primary)}.gallery-group+.gallery-group{margin-top:var(--space-8)}.gallery-group h3{margin:0 0 var(--space-3)}.gallery-inline{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.gallery-inverse-surface{padding:var(--space-5);background:var(--surface-strong);border:var(--border-width) solid var(--surface-strong);border-radius:var(--radius-none);color:var(--text-on-strong)}.gallery-inverse-surface h3{color:inherit}.gallery-form{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));max-width:48rem;display:grid}.gallery-form__wide{grid-column:1/-1}.gallery-navigation-demo__sidebar{padding:var(--space-3)}.gallery-navigation-demo__main{padding:var(--space-5);background:color-mix(in srgb, var(--surface-base) 78%, transparent);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-none);backdrop-filter:blur(1rem)saturate(1.05)}.gallery-navigation-demo__main h3{margin:var(--space-5) 0 var(--space-2)}.gallery-navigation-demo__main p{color:var(--text-secondary);margin:0}.gallery-floating-demo{min-height:18rem;margin-top:var(--space-6);background:radial-gradient(circle at 76% 22%, color-mix(in srgb, var(--accent-secondary) 38%, transparent), transparent 34%), var(--surface-subtle);border:var(--border-width) solid var(--border-default);position:relative;overflow:hidden}.gallery-floating-demo__sidebar{top:var(--space-4);bottom:var(--space-4);left:var(--space-4);width:min(17rem, calc(100% - (var(--space-8) * 2)));align-content:start;gap:var(--space-3);padding:var(--space-4);display:grid;position:absolute}.gallery-floating-demo__sidebar .ui-kicker,.gallery-floating-demo__sidebar p:last-child{margin:0}.gallery-floating-demo__sidebar p:last-child{color:var(--text-secondary);font-size:.88rem}.gallery-floating-demo__fab{right:var(--space-4);bottom:var(--space-4);position:absolute}.gallery-hero-preview{min-height:28rem;padding:var(--space-4);background:radial-gradient(circle at 84% 28%, color-mix(in srgb, var(--accent-secondary) 68%, transparent), transparent 34%), radial-gradient(circle at 16% 86%, color-mix(in srgb, var(--accent-primary) 62%, transparent), transparent 40%), var(--surface-strong);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-none);align-items:start;display:grid;position:relative;overflow:hidden}.gallery-hero-preview__nav{inset:var(--space-3) var(--space-4) auto;color:var(--text-on-strong);letter-spacing:.16em;justify-content:space-between;align-items:center;font-size:.8rem;display:flex;position:absolute}.gallery-hero-preview__nav>div{gap:var(--space-1);display:flex}.gallery-hero-preview__nav .site-header__link{color:var(--text-on-strong);letter-spacing:normal}.gallery-hero-preview__copy{max-width:28rem;color:var(--text-on-strong);margin-top:clamp(4rem,10vw,7rem)}.gallery-hero-preview__copy h3{color:inherit;margin:0}.gallery-hero-preview__copy p:not(.ui-kicker){margin:var(--space-2) 0 0;color:color-mix(in srgb, var(--text-on-strong) 74%, transparent)}.gallery-hero-preview__content{right:var(--space-4);bottom:var(--space-4);left:var(--space-4);gap:var(--space-4);max-width:34rem;padding:var(--space-6);background:color-mix(in srgb, var(--surface-base) 68%, transparent);border:var(--border-width) solid color-mix(in srgb, var(--border-default) 70%, transparent);box-shadow:var(--shadow-raised);backdrop-filter:blur(1.25rem)saturate(1.08);justify-content:space-between;align-items:center;display:flex;position:absolute}.gallery-hero-preview__content .ui-kicker{margin:0 0 var(--space-1)}.gallery-hero-preview__content strong{color:var(--text-primary)}.gallery-website-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gallery-website-grid .ui-field{padding:var(--space-4);background:color-mix(in srgb, var(--surface-base) 78%, transparent);border:var(--border-width) solid var(--border-default);backdrop-filter:blur(1rem)saturate(1.05);align-content:center}.gallery-language-debug{gap:var(--space-3);padding:var(--space-4);background:color-mix(in srgb, var(--surface-base) 78%, transparent);border:var(--border-width) solid var(--border-default);backdrop-filter:blur(1rem)saturate(1.05);align-content:center;display:grid}.gallery-consent-preview{gap:var(--space-5);padding:var(--space-5);background:var(--surface-base);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-dialog);box-shadow:var(--shadow-raised);grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.gallery-consent-preview .ui-kicker,.gallery-consent-preview p:last-child{margin:0}.gallery-website-patterns{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(16rem,.7fr);display:grid}.gallery-carousel-preview,.gallery-footer-preview{border:var(--border-width) solid var(--border-default)}.gallery-carousel-preview>header{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.gallery-carousel-preview h3{margin:0;font-size:1rem}.gallery-carousel-preview>header>div{gap:var(--space-2);display:flex}.gallery-carousel-preview__rail{gap:var(--space-3);padding:var(--space-4);display:flex;overflow:hidden}.gallery-carousel-preview__rail article{min-width:10rem;min-height:7rem;padding:var(--space-3);background:linear-gradient(135deg, var(--surface-subtle), var(--accent-secondary));border:var(--border-width) solid var(--border-default);color:var(--text-primary);place-items:end start;display:grid}.gallery-footer-preview{align-content:stretch;display:grid}.gallery-footer-preview>div{gap:var(--space-2);padding:var(--space-4);display:grid}.gallery-footer-preview__social{background:var(--surface-base);border-bottom:var(--border-width) solid var(--border-default)}.gallery-footer-preview__main{background:var(--surface-subtle)}.gallery-footer-preview span{color:var(--text-secondary);font-size:.82rem}.gallery-consent-preview p:last-child{margin-top:var(--space-1);color:var(--text-secondary);font-size:.88rem}.gallery-dialog-row{margin-top:var(--space-8);padding:var(--space-8);background:var(--surface-subtle);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-none)}.gallery-dialog-row .ui-dialog,.gallery-dialog-row .ui-dialog h3{margin:0}.gallery-dialog-row .ui-dialog>p:not(.ui-kicker){color:var(--text-secondary)}.gallery-table-wrap{overflow-x:auto}.gallery-feedback{gap:var(--space-5);max-width:48rem;display:grid}.gallery-feedback .ui-alert p{margin:var(--space-1) 0 0;color:var(--text-secondary)}.gallery-progress{gap:var(--space-2);padding:var(--space-5);background:var(--surface-base);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-none);display:grid}.gallery-progress>div:first-child{justify-content:space-between;display:flex}.gallery-progress span{color:var(--text-secondary)}@media (width<=64rem){.ux-gallery__layout{grid-template-columns:1fr}.ux-gallery__sidebar{max-height:none;position:static}.ux-gallery__sidebar nav{contain:inline-size;min-width:0;max-width:100%;overflow-x:auto}.ux-gallery__sidebar .ui-nav-list{min-width:max-content;display:flex}.ux-gallery__sidebar-note{display:none}}@media (width<=48rem){.ux-gallery__header,.gallery-specimen,.gallery-navigation-demo{grid-template-columns:1fr;align-items:stretch}.ux-gallery__header{flex-direction:column}.ux-gallery__settings,.gallery-form,.gallery-demo-grid,.gallery-demo-grid--tokens,.gallery-website-grid{grid-template-columns:1fr;width:100%}.ux-gallery__settings .ui-field{min-width:0}.gallery-consent-preview{flex-direction:column;align-items:stretch}.gallery-website-patterns{grid-template-columns:1fr}.gallery-hero-preview__content{flex-direction:column;align-items:start}}