.community{display:grid;align-content:start;min-height:100svh;padding:24px var(--site-inline) 96px}.community h1{margin:0 0 28px;font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-.02em}.creations{display:grid;grid-template-columns:repeat(var(--columns, 1),minmax(0,1fr));gap:32px 20px;margin:0;padding:0;list-style:none}.creation{display:block;border-radius:var(--radius-2xl);color:inherit;text-decoration:none}.creation:focus-visible{outline-offset:4px}.creation-image,.creation-placeholder:before{display:block;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-2xl);background:var(--color-surface-tertiary)}.creation-image{object-fit:cover;outline:1px solid var(--color-border-subtle);outline-offset:-1px;transition:transform .2s ease,box-shadow .2s ease}.creation:hover .creation-image{transform:translateY(-2px);box-shadow:var(--shadow)}.creation-title{margin:12px 0 2px;overflow:hidden;font-size:15px;font-weight:600;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.creation-meta{margin:0;overflow:hidden;color:var(--color-text-secondary);font-size:13px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.creation-placeholder{animation:placeholder 1.6s ease-in-out infinite}.creation-placeholder:before{content:""}.creation-placeholder:after{content:"";display:block;width:55%;height:14px;margin-top:14px;border-radius:var(--radius-full);background:var(--color-surface-tertiary)}@keyframes placeholder{50%{opacity:.5}}.creations-status{display:flex;flex-direction:column;align-items:center;gap:16px;padding:96px 24px;border-radius:var(--radius-3xl);background:var(--color-surface-secondary);text-align:center}.creations-status p{margin:0;font-size:17px;font-weight:500}.creations:not(:empty)+.creations-status{margin-top:32px}.creations-more{justify-self:center;margin-top:40px}.creations-status[hidden],.creations-more[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.creations>li{transition:opacity .18s ease-out,transform .18s ease-out}@starting-style{.creations>li{opacity:0;transform:translateY(8px)}}.creations-status,.creations-more{transition:opacity .16s ease-out,transform .16s ease-out,background-color .15s ease-out,display .16s allow-discrete}.creations-status[hidden],.creations-more[hidden]{opacity:0;transform:scale(.98);transition-duration:.1s;transition-timing-function:ease-in}@starting-style{.creations-status,.creations-more{opacity:0;transform:scale(.98)}}}@media(min-width:600px){.creations{--columns: 2}}@media(min-width:1024px){.creations{--columns: 3}}@media(min-width:1200px){.creations{--columns: 4}}@media(prefers-reduced-motion:reduce){.creation-image{transition:none}.creation-placeholder{animation:none}}.creations>li{position:relative}.creation-report{position:absolute;top:8px;right:8px;padding:2px 10px;font-size:12px;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);cursor:pointer;opacity:0;transition:opacity var(--hover, .1s)}.creations>li:hover .creation-report,.creation-report:focus-visible,.creation-report:disabled{opacity:1}@media(hover:none){.creation-report{opacity:1}}
