.pic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--sp-7) + var(--sp-3)),1fr));grid-gap:var(--sp-2);gap:var(--sp-2)}.pic-tile{position:relative;aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;border:var(--bw) solid var(--c-border);background:var(--c-tint)}.pic-tile img{width:100%;height:100%;object-fit:cover;display:block}.pic-x{position:absolute;top:var(--sp-1);right:var(--sp-1);width:var(--sp-4);height:var(--sp-4);display:grid;place-items:center;border-radius:var(--r-pill);border:0;background:var(--c-text);color:var(--c-card);cursor:pointer}.pic-x .icon{margin:0;width:var(--sp-3);height:var(--sp-3)}.pic-count{margin:0}.pics{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding-block:var(--sp-1)}.pic{position:relative;width:calc(var(--sp-7) + var(--sp-2));padding:var(--sp-1) var(--sp-1) var(--sp-3);background:var(--c-card);border:var(--bw) solid var(--c-border);border-radius:var(--sp-1);box-shadow:var(--shadow-soft);cursor:pointer;rotate:-3deg;transition:rotate var(--dur-base) var(--ease),translate var(--dur-base) var(--ease)}.pic:nth-child(2n){rotate:2deg}.pic:nth-child(3n){rotate:-1deg}.pic img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.pic img,.pic-more{border-radius:var(--sp-1)}.pic-more{position:absolute;inset:var(--sp-1) var(--sp-1) var(--sp-3);display:grid;place-items:center;background:color-mix(in srgb,var(--c-text) 60%,transparent);color:var(--c-on-primary);font-weight:var(--fw-bold);font-size:var(--fs-20)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.pic:hover{rotate:0deg;translate:0 calc(var(--sp-1) * -1)}}.lb{border:0;padding:var(--sp-3);margin:auto;background:transparent;max-width:100vw;max-height:100dvh;overflow:visible}.lb::-webkit-backdrop{background:color-mix(in srgb,var(--c-text) 80%,transparent)}.lb::backdrop{background:color-mix(in srgb,var(--c-text) 80%,transparent)}.lb-in{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.lb img{max-width:min(92vw,calc(var(--w-card) * 2));max-height:76dvh;border-radius:var(--r-md);display:block}.lb img,.lb-bar{background:var(--c-card)}.lb-bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-pill)}