.io-skeleton{--skeleton-w:240px;--skeleton-h:96px;--skeleton-radius:var(--io-border-radius-base);--skeleton-shimmer-duration:1.4s;display:block;inline-size:var(--skeleton-w);block-size:var(--skeleton-h);border-radius:var(--skeleton-radius);background-color:var(--io-border-default);background-image:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--io-border-default),var(--io-border-strong) 60%) 50%,transparent 70%);background-size:220% 100%;background-repeat:no-repeat;background-position:180% 0;animation:io-skeleton-shimmer var(--skeleton-shimmer-duration) linear infinite}.io-skeleton[data-shape=text]{--skeleton-w:160px;--skeleton-h:var(--io-type-line-body);--skeleton-radius:var(--io-border-radius-sm)}.io-skeleton[data-shape=block]{--skeleton-w:240px;--skeleton-h:96px;--skeleton-radius:var(--io-border-radius-base)}.io-skeleton[data-shape=circle]{--skeleton-w:48px;--skeleton-h:48px;--skeleton-radius:var(--io-border-radius-full)}@keyframes io-skeleton-shimmer{to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.io-skeleton{background-image:none;background-position:0 0;animation:none}}.gallery-shell{container-type:inline-size;container-name:io-app-shell;min-block-size:100dvh;background:var(--io-surface-ground);font-family:var(--io-font-primary);font-feature-settings:"kern";font-kerning:normal}.gallery-skip-link{position:absolute;inset-inline-start:var(--io-spacing-8);inset-block-start:var(--io-spacing-8);z-index:60;padding:var(--io-spacing-8) var(--io-spacing-12);background:var(--io-surface-primary);color:var(--io-text-primary);border-radius:var(--io-border-radius-base);transform:translateY(-200%)}.gallery-skip-link:focus-visible{transform:none;outline:var(--io-spacing-2) solid var(--io-border-focus)}.gallery-page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--io-spacing-16);-webkit-margin-start:var(--io-shell-rail-docked);margin-inline-start:var(--io-shell-rail-docked);padding:var(--io-spacing-12) var(--io-spacing-24);background:var(--io-surface-primary);-webkit-border-after:var(--io-border-width-thin) solid var(--io-border-default);border-block-end:var(--io-border-width-thin) solid var(--io-border-default)}.gallery-page-header p{margin:0;font-size:var(--io-type-size-small);color:var(--io-text-secondary)}.gallery-page{max-inline-size:calc(var(--io-spacing-128) * 13);margin-inline:var(--io-shell-rail-docked) auto;padding:var(--io-spacing-24);container-type:inline-size}.gallery-page:focus{outline:none}.gallery-page h1{font-size:var(--io-type-size-fluid-h1);line-height:var(--io-type-leading-h1);font-weight:var(--io-type-weight-h1);margin-block:var(--io-spacing-24) var(--io-spacing-16)}.gallery-library{container-type:inline-size;min-inline-size:0}.gallery-view-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--io-spacing-16);-webkit-margin-after:var(--io-spacing-24);margin-block-end:var(--io-spacing-24)}.gallery-view-heading p{color:var(--io-text-secondary);font-size:var(--io-type-size-body);line-height:var(--io-type-leading-body);margin:0;max-inline-size:70ch}.gallery-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--io-spacing-12);-webkit-margin-after:var(--io-spacing-16);margin-block-end:var(--io-spacing-16)}.gallery-toolbar>.io-search-field{flex:1 1 calc(var(--io-spacing-128) * 2);min-inline-size:0}.gallery-field{display:flex;flex-direction:column;gap:var(--io-spacing-4);color:var(--io-text-secondary);font-size:var(--io-type-size-caption);font-weight:var(--io-type-weight-caption);line-height:var(--io-type-leading-caption);min-inline-size:0}.gallery-select{font-family:var(--io-font-primary);font-size:var(--io-type-size-body);line-height:var(--io-type-leading-body);color:var(--io-text-primary);background:var(--io-surface-primary);border:var(--io-border-width-thin) solid var(--io-border-default);border-radius:var(--io-border-radius-base);padding:var(--io-spacing-8) var(--io-spacing-12);max-inline-size:100%;min-block-size:var(--io-spacing-48)}.gallery-select:focus-visible{outline:var(--io-spacing-2) solid var(--io-border-focus);outline-offset:var(--io-spacing-2)}.gallery-layout{display:flex;gap:var(--io-spacing-4)}.gallery-layout [aria-pressed=true]{background:var(--io-surface-selected);font-weight:var(--io-type-weight-h4)}.gallery-layout svg{inline-size:var(--io-type-size-body);block-size:var(--io-type-size-body)}.gallery-filters{align-items:flex-end;gap:var(--io-spacing-16);padding:var(--io-spacing-16);border:var(--io-border-width-thin) solid var(--io-border-default);border-radius:var(--io-border-radius-base);background:var(--io-surface-secondary)}.gallery-applied,.gallery-filters{display:flex;flex-wrap:wrap;-webkit-margin-after:var(--io-spacing-16);margin-block-end:var(--io-spacing-16)}.gallery-applied{align-items:center;gap:var(--io-spacing-8);font-size:var(--io-type-size-small);color:var(--io-text-secondary)}.gallery-applied>span{overflow-wrap:anywhere}.gallery-grid,.gallery-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:var(--io-spacing-24);gap:var(--io-spacing-24);min-inline-size:0}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(var(--io-spacing-128) * 2 + var(--io-spacing-32))),1fr))}.gallery-list{grid-template-columns:minmax(0,1fr);gap:var(--io-spacing-8)}.gallery-result-group{-webkit-margin-after:var(--io-spacing-24);margin-block-end:var(--io-spacing-24)}.gallery-empty h2,.gallery-result-group h2{font-size:var(--io-type-size-fluid-h3);font-weight:var(--io-type-weight-h3);line-height:var(--io-type-leading-h3);margin-block:var(--io-spacing-24) var(--io-spacing-12)}.gallery-empty{padding:var(--io-spacing-32) var(--io-spacing-16)}.gallery-empty p,.gallery-notice{font-size:var(--io-type-size-body);line-height:var(--io-type-leading-body);color:var(--io-text-secondary)}.gallery-notice h2{font-size:var(--io-type-size-h4);font-weight:var(--io-type-weight-h4);line-height:var(--io-type-leading-h4);margin:0 0 var(--io-spacing-8);color:var(--io-text-primary)}.gallery-notice[data-io-state=error]{border-color:var(--io-state-error);display:grid;grid-gap:var(--io-spacing-12);gap:var(--io-spacing-12);justify-items:start}.gallery-loading{display:grid;grid-gap:var(--io-spacing-16);gap:var(--io-spacing-16)}.gallery-loading p{margin:0;font-size:var(--io-type-size-small);color:var(--io-text-secondary)}.gallery-notice{padding:var(--io-spacing-16);border:var(--io-border-width-thin) solid var(--io-border-default);border-radius:var(--io-border-radius-base);-webkit-margin-after:var(--io-spacing-16);margin-block-end:var(--io-spacing-16)}.gallery-result-count{margin-block:var(--io-spacing-12) var(--io-spacing-16);font-size:var(--io-type-size-small);line-height:var(--io-type-leading-small);color:var(--io-text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gallery-results-footer{-webkit-padding-after:var(--io-spacing-128);padding-block-end:var(--io-spacing-128)}.gallery-library [data-gallery-card]{min-inline-size:0;overflow-wrap:anywhere}.gallery-library .io-listrow{flex-wrap:wrap}.gallery-library .io-listrow>span:has(.io-listrow__title){flex-basis:var(--io-spacing-128)}.gallery-library .io-tabs__list{flex-wrap:wrap;gap:var(--io-spacing-16)}.gallery-library .io-tabs__panel{min-inline-size:0}.gallery-card{background:var(--io-surface-primary);border-radius:var(--io-border-radius-lg);overflow:hidden;border:var(--io-border-width-thin) solid var(--io-border-default);display:flex;flex-direction:column}.gallery-cover{display:block;inline-size:100%;aspect-ratio:16/9;object-fit:cover;background:var(--io-surface-secondary);-webkit-border-after:var(--io-border-width-thin) solid var(--io-border-default);border-block-end:var(--io-border-width-thin) solid var(--io-border-default);box-sizing:border-box}.gallery-cover--missing{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--io-spacing-12);color:var(--io-text-secondary);font-size:var(--io-type-size-small)}.gallery-cover--missing svg{inline-size:var(--io-spacing-48);block-size:var(--io-spacing-48);stroke-width:1.5}.gallery-card-heading{padding:var(--io-spacing-16) var(--io-spacing-20) var(--io-spacing-12);display:flex;flex-wrap:wrap;gap:var(--io-spacing-12);align-items:flex-start}.gallery-card-heading>span:first-child{flex:1 1 var(--io-spacing-128);min-inline-size:0}.gallery-card-title{display:block;font-size:var(--io-type-size-body);line-height:var(--io-type-leading-body);font-weight:var(--io-type-weight-h4)}.gallery-card-meta{display:block;font-size:var(--io-type-size-small);line-height:var(--io-type-leading-small);color:var(--io-text-secondary);-webkit-margin-before:var(--io-spacing-4);margin-block-start:var(--io-spacing-4)}.gallery-card-role{font-size:var(--io-type-size-caption);font-weight:var(--io-type-weight-caption);color:var(--io-text-secondary);line-height:var(--io-type-leading-caption)}.gallery-card-actions{-webkit-margin-before:auto;margin-block-start:auto;display:grid;grid-gap:var(--io-spacing-12);gap:var(--io-spacing-12);padding:0 var(--io-spacing-20) var(--io-spacing-16)}.gallery-copy-control{display:grid;grid-gap:var(--io-spacing-8);gap:var(--io-spacing-8);justify-items:start}.gallery-cover--square{aspect-ratio:1;object-fit:contain}.gallery-create{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--io-spacing-12);font-size:var(--io-type-size-small);color:var(--io-text-secondary)}.gallery-library a.io-button{text-decoration:none}.gallery-page .io-reason__launch{inset-inline-start:var(--io-spacing-8)!important;inset-block-start:calc(var(--io-spacing-128) + var(--io-spacing-80));inset-block-end:auto;transform:none;inline-size:calc(var(--io-shell-rail-docked) - var(--io-spacing-16));block-size:auto;min-block-size:44px;padding:var(--io-spacing-4);box-sizing:border-box;border-radius:var(--io-border-radius-base);box-shadow:none;z-index:49}.gallery-page .io-reason__float[data-docked=true]{inline-size:min(calc(var(--io-spacing-128) * 5),calc(100vw - var(--io-shell-rail-docked) - var(--io-spacing-32)));inset-inline-start:calc(50% + var(--io-shell-rail-docked) / 2)!important;max-block-size:calc(100dvh - var(--io-spacing-80));overflow-y:auto}.gallery-page-footer{-webkit-margin-before:var(--io-spacing-32);margin-block-start:var(--io-spacing-32);font-size:var(--io-type-size-small);color:var(--io-text-secondary)}@container io-app-shell (max-width: 560px){.gallery-page,.gallery-page-header{-webkit-margin-start:0;margin-inline-start:0}}@container (max-width: 560px){.gallery-toolbar>.io-search-field{flex-basis:100%}.gallery-filters>.gallery-field,.gallery-toolbar>.gallery-field{flex:1 1 var(--io-spacing-128)}}@container (max-width: 360px){.gallery-toolbar>.gallery-field{flex-basis:100%}.gallery-grid{gap:var(--io-spacing-16)}}@media (pointer:coarse){.gallery-library .io-button[data-size]{min-block-size:var(--io-spacing-48);min-inline-size:var(--io-spacing-48)}}@media (prefers-reduced-motion:reduce){.gallery-library *,.gallery-library :after,.gallery-library :before{transition:none!important;animation:none!important;scroll-behavior:auto!important}}