.gallery-shell{--xdan-content-width: 1120px;align-items:stretch;gap:1.5rem;padding:2.5rem 3rem}.gallery-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem 0 2rem}.eyebrow{font-size:.72rem;letter-spacing:.16em;color:var(--md-sys-color-primary);font-weight:700}.gallery-header .page-title{display:block;margin-block:0 1rem;font-size:clamp(3.8rem,8vw,6.5rem)}.collection-count{color:var(--md-sys-color-on-surface-variant);font-size:.9rem}.hero-icons{position:relative;display:flex;align-items:center;min-width:310px;height:210px}.hero-icons>img{width:125px;filter:drop-shadow(0 18px 18px #0006);position:relative}.hero-icons>img:nth-of-type(1){transform:rotate(-13deg) translateY(18px)}.hero-icons>img:nth-of-type(2){margin-left:-34px;transform:translateY(-25px);z-index:1}.hero-icons>img:nth-of-type(3){margin-left:-34px;transform:rotate(12deg) translateY(24px)}.glass-accent{position:absolute;inset:25px 0;pointer-events:none}.glass-glow{position:absolute;inset:10px;border-radius:50%;background:radial-gradient(ellipse,#77dd7733,transparent 70%)}.glass-panel{position:absolute;inset:0;border-radius:32px;background:#171c1880;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #ffffff0c}.controls{border:1px solid #ffffff10;background:#1a201bd9;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-radius:28px;padding:1.5rem;display:grid;gap:1rem}.controls>label{font-size:.9rem;font-weight:500;color:var(--md-sys-color-primary)}.controls input{width:100%;border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;background:var(--md-sys-color-surface-container);padding:1rem 1.2rem;color:var(--md-sys-color-on-surface);outline-offset:4px}.filter-row{display:flex;align-items:center;gap:1rem}.filter-row>span{width:90px;font-size:.85rem;color:var(--md-sys-color-on-surface-variant)}.filter-options{display:flex;gap:.5rem;flex-wrap:wrap}.results-bar{display:flex;justify-content:space-between;align-items:center;color:var(--md-sys-color-on-surface-variant);font-size:.9rem}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.family-trigger{border:0;padding:0;background:none;color:inherit;text-align:left;cursor:pointer;border-radius:24px;min-width:0}.family-card{display:block;height:100%;overflow:hidden;background:var(--md-sys-color-surface-container);border-radius:28px}.family-art{display:grid;place-items:center;padding:1.25rem;background:radial-gradient(ellipse at center,#77dd7708,transparent 75%);aspect-ratio:1.2}.family-art img{width:145px;height:145px;object-fit:contain;transition:transform .22s ease;filter:drop-shadow(0 12px 12px #0003)}.family-trigger:hover img{transform:translateY(-5px) rotate(-3deg)}.family-copy{padding:0 1.25rem 1.25rem;display:grid;gap:.35rem}.family-copy span{font-size:.8rem;color:var(--md-sys-color-on-surface-variant)}button:focus-visible,a:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:4px}.gallery-footnote{font-size:.85rem;line-height:1.6;color:var(--md-sys-color-on-surface-variant);text-align:center;padding:1rem}#icon-detail{width:min(840px,calc(100% - 2rem));max-height:90dvh;overflow:auto;border:1px solid #ffffff20;border-radius:32px;background:var(--md-sys-color-surface-container-low, #191b19);color:var(--md-sys-color-on-surface, #eee);padding:2rem;box-shadow:0 24px 100px #0008;font-family:inherit}#icon-detail::backdrop{background:#060906bb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.detail-top{display:flex;justify-content:space-between;align-items:center}.detail-feature{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:1rem 0 2rem}.detail-art{background:radial-gradient(ellipse,#77dd7718,transparent 70%);border-radius:28px;display:grid;place-items:center;min-height:270px}.detail-art img{width:260px;height:260px;object-fit:contain;filter:drop-shadow(0 18px 22px #0005)}#detail-title{font-size:2.2rem;margin:0 0 .75rem}.icon-metadata-tags{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center}.detail-feature .icon-metadata-tags{justify-content:flex-start;margin:.75rem 0 1rem}.icon-metadata-tags m3e-chip{--m3e-chip-container-height: 2rem;--m3e-chip-label-text-font-size: .76rem;--m3e-outlined-chip-outline-color: var(--md-sys-color-outline-variant);pointer-events:none}#detail-note,.download-note{color:var(--md-sys-color-on-surface-variant);font-size:.85rem;line-height:1.6}.download-link{display:inline-flex;align-items:center;gap:2rem;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);padding:1rem 1.5rem;border-radius:24px;text-decoration:none;font-weight:500;margin-top:.7rem}.variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.variant-grid article{border-radius:20px;background:var(--md-sys-color-surface-container);padding:.8rem;display:grid;gap:.5rem}.variant-select{display:grid;gap:.4rem;justify-items:center;width:100%;padding:.6rem;border:2px solid transparent;border-radius:16px;background:transparent;color:inherit;cursor:pointer;text-align:center}.variant-select[aria-pressed=true]{border-color:var(--md-sys-color-primary);background:#77dd770a}.variant-select img{width:95px;height:95px;object-fit:contain}.variant-select .icon-metadata-tags{min-height:2.2rem;align-content:center}.variant-select .icon-metadata-tags m3e-chip{--m3e-chip-container-height: 1.8rem;--m3e-chip-label-text-font-size: .7rem}.variant-select small{font-size:.7rem;color:var(--md-sys-color-on-surface-variant)}.variant-grid a{text-align:center;font-size:.8rem;padding:.6rem}@media(max-width:850px){.gallery-shell{padding:2rem}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-icons{min-width:230px}.hero-icons>img{width:105px}}@media(max-width:600px){.gallery-shell{padding:1.5rem 1rem}.gallery-header{flex-direction:column;align-items:flex-start;gap:0}.hero-icons{align-self:center;height:160px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-art{padding:.6rem}.family-art img{width:115px;height:115px}.family-copy{padding:.5rem .85rem 1rem}.filter-row{align-items:flex-start;flex-direction:column;gap:.5rem}.controls{padding:1rem}.detail-feature{grid-template-columns:1fr;gap:.5rem}.detail-art{min-height:200px}.detail-art img{width:200px;height:200px}#icon-detail{padding:1rem;border-radius:24px}.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.results-bar{font-size:.8rem}}.icons-theme{grid-template-columns:minmax(0,1fr)}.gallery-shell{--xdan-content-width:1240px;width:min(100%,var(--xdan-content-width));min-width:0;padding:0;gap:2rem;border-radius:0;background:transparent;box-shadow:none}.gallery-shell>*,.gallery-header>*,#icon-detail *{min-width:0}.gallery-nav,.gallery-nav>div{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 2rem}.gallery-nav{justify-content:space-between;margin-bottom:1rem}.gallery-nav a{text-decoration:none;min-height:48px;display:inline-flex;align-items:center}.gallery-wordmark{font-size:1.6rem;font-weight:700;letter-spacing:-.06em}.gallery-nav>div a{color:var(--md-sys-color-on-surface-variant)}.gallery-header{padding:clamp(1.5rem,4vw,3rem);border-radius:40px;background:var(--md-sys-color-surface-container-low);gap:2rem}.gallery-header .page-title{font-size:clamp(3rem,5.7vw,5rem);letter-spacing:-.055em;line-height:1.04}.gallery-header .page-lead{max-width:42ch;text-align:left;font-size:1.05rem;line-height:1.7}.eyebrow{font-size:.8rem;font-weight:500;letter-spacing:.04em}.collection-count{display:inline-flex;padding:.65rem 1rem;border-radius:50px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.controls{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);-webkit-backdrop-filter:none;backdrop-filter:none;padding:2rem}.controls input{font:inherit;min-width:0}#collection{scroll-margin-top:2rem}.family-trigger{transition:transform .22s ease}.family-trigger:hover{transform:translateY(-4px)}.family-art{aspect-ratio:1.15;padding:1.5rem}.family-art img{max-width:100%;height:auto;aspect-ratio:1;width:160px}.family-copy strong{font-size:1.1rem;font-weight:500}.family-copy{gap:.5rem;padding:0 1.5rem 1.5rem}.gallery-footer{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--md-sys-color-outline-variant);padding:1rem 0}.gallery-footer a{min-height:48px;display:inline-flex;align-items:center;text-decoration:none}.detail-art img{max-width:100%}#detail-title{color:var(--md-sys-color-primary);font-weight:500;letter-spacing:-.04em}.variant-grid article{min-width:0}@media(max-width:850px){.gallery-shell{padding:0}.gallery-header{gap:1rem}}@media(max-width:600px){.gallery-shell{padding:0;gap:1.5rem}.gallery-nav>div{gap:1rem;font-size:.85rem}.gallery-header{border-radius:28px}.gallery-header .page-title{font-size:clamp(2.7rem,10vw,3.8rem)}.hero-icons{min-width:0;width:100%;justify-content:center}.hero-icons>img{width:clamp(80px,27vw,105px)}.controls{padding:1.25rem}.family-art{padding:.85rem}.family-copy{padding:0 1rem 1rem}.family-copy strong{font-size:1rem}.detail-art img{height:auto}.download-link{max-width:100%;gap:1rem}.variant-select{padding:.25rem}.variant-select img{max-width:100%}}@media(prefers-reduced-motion:reduce){.family-trigger,.family-art img{transition:none}.family-trigger:hover,.family-trigger:hover img{transform:none}}