.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.photo-item{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--white);box-shadow:0 7px 18px rgba(76,51,43,.06)}
.photo-item:focus-visible{outline:3px solid rgba(185,101,73,.3);outline-offset:3px}
.photo-item.is-dragging{opacity:.55}
.photo-item__image{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--terra-soft)}
.photo-item__image img{width:100%;height:100%;display:block;object-fit:cover}
.primary-badge{position:absolute;left:8px;top:8px;padding:5px 8px;border-radius:999px;background:rgba(54,37,34,.82);color:white;font-size:9px;font-weight:750;backdrop-filter:blur(7px)}
.photo-item__body{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px}
.photo-item__name{min-width:0;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.photo-item__actions{display:flex;gap:3px}
.photo-item__actions button{width:27px;height:27px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--muted)}
.photo-item__actions button:hover:not(:disabled),.photo-item__actions button:focus-visible:not(:disabled){border-color:var(--terra);color:var(--terra-dark)}
.photo-item__actions button:focus-visible{outline:2px solid rgba(185,101,73,.3);outline-offset:1px}
.photo-item__actions button:disabled{opacity:.42}
.photo-item__actions svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.photo-item__actions .is-destructive{color:#8b4636}
@media(max-width:620px){.photo-grid{grid-template-columns:1fr 1fr;gap:8px}.photo-item__body{display:block}.photo-item__name{display:block;margin-bottom:7px}.photo-item__actions{justify-content:flex-end}}