.mod-gallery{gap:56px;padding-block:24px 64px;display:grid}.mod-family-head h2{font-family:var(--app-font-display,inherit);color:var(--app-text);margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}.mod-family-head p{color:var(--app-text-muted);margin-block:6px 0}.mod-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:28px;margin:0;margin-block-start:22px;padding:0;list-style:none;display:grid}.mod-grid--fixed{grid-template-columns:repeat(var(--mod-cols,3), minmax(0, 1fr))}@media (width<=860px){.mod-grid--fixed{grid-template-columns:minmax(0,1fr)}}.mod-family.acc-sec .mod-family-head h2{font:600 clamp(36px, 4.8vw, 64px) / 1.02 var(--app-font-display);letter-spacing:-.03em;text-wrap:balance}.mod-card{flex-direction:column;gap:8px;display:flex}.mod-thumb{aspect-ratio:3/4;background:var(--app-surface);box-shadow:0 18px 40px color-mix(in srgb, var(--app-text) 14%, transparent);border-radius:22px;transition:transform .3s;display:block;position:relative;overflow:hidden}.mod-thumb:hover{transform:translateY(-4px)}.mod-thumb:focus-visible{outline:3px solid var(--tov-field,var(--app-primary));outline-offset:3px}.mod-badge{background:color-mix(in srgb, var(--app-primary) 88%, transparent);min-block-size:32px;color:var(--app-primary-fg);pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding-inline:12px;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;inset-block-end:12px;inset-inline-start:12px}.mod-badge svg{fill:currentColor;flex:none;block-size:12px;inline-size:12px}.mod-thumb img{object-fit:cover;object-position:50% 20%;block-size:100%;inline-size:100%}.mod-card h3{color:var(--app-text);margin:8px 0 0;font-size:1.2rem}.mod-desc{color:var(--app-text-muted);margin:0;font-size:.95rem;line-height:1.45}.mod-occasions{letter-spacing:.04em;color:var(--app-text-muted);margin:0;font-size:.8rem}.mod-actions{flex-wrap:wrap;gap:8px;margin-block-start:auto;padding-block-start:6px;display:flex}.mod-create,.mod-use{border-radius:999px;align-items:center;min-block-size:44px;padding-inline:16px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.mod-use{background:var(--app-primary);inline-size:100%;color:var(--app-primary-fg);text-align:center;justify-content:center}.mod-create{color:var(--app-primary);box-shadow:inset 0 0 0 1.5px var(--app-primary)}.mod-grid+p{margin-block-start:24px}.mod-chips{flex-wrap:wrap;gap:8px;display:flex}.mod-chips a{background:var(--app-surface);min-block-size:44px;color:var(--app-text);border-radius:999px;align-items:center;gap:8px;padding-inline:14px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.mod-chips a[aria-current=true]{background:var(--app-primary);color:var(--app-primary-fg)}.mod-chips a:focus-visible{outline:3px solid var(--tov-field,var(--app-primary));outline-offset:2px}.mod-chips a[aria-current=true] .mod-swatch{box-shadow:0 0 0 2px var(--app-primary-fg)}.mod-names{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.mod-names label{color:var(--app-text);flex:180px;gap:6px;font-size:.9rem;font-weight:700;display:grid}.mod-names input{border:1px solid var(--app-border-strong);min-block-size:46px;color:var(--app-text);font:inherit;border-radius:12px;padding-inline:12px;font-weight:500}.mod-names button{background:var(--app-surface);min-block-size:46px;color:var(--app-text);font:inherit;cursor:pointer;border:0;border-radius:12px;padding-inline:16px;font-weight:700}.mod-names-hint{color:var(--app-text-muted);flex-basis:100%;margin:0;font-size:.82rem}.mod-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--app-text-muted);margin:0;font-size:.8rem;font-weight:700}@media (width<=719px){.mod-row{scroll-snap-type:inline mandatory;grid-template-columns:none;grid-auto-columns:min(78%,280px);grid-auto-flow:column;padding-block-end:12px;overflow-x:auto}.mod-row>li{scroll-snap-align:start}}