[data-photo-tile]{position:relative;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform var(--g-t-fast) var(--g-ease),box-shadow var(--g-t-fast) var(--g-ease)}[data-photo-tile] img{-webkit-user-drag:none;-webkit-touch-callout:none}[data-photo-tile][data-photo-dragging]{cursor:grabbing;transform:scale(1.06);z-index:3;box-shadow:0 8px 22px color-mix(in srgb,var(--g-ink) 28%,transparent)}.ph-cover{display:inline-flex;align-items:center;height:17px;padding:0 6px;border-radius:var(--g-r-pill);background:color-mix(in srgb,var(--g-ink) 78%,transparent);color:var(--g-paper);font-size:9px;font-weight:700;line-height:1;white-space:nowrap}.ph-cover,.ph-ord{position:absolute;left:4px;bottom:4px;z-index:2;pointer-events:none}.ph-ord{right:4px;display:flex;justify-content:space-between;transition:opacity var(--g-t-fast) var(--g-ease)}.ph-ord-b{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:clamp(18px,30%,24px);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--g-ink) 62%,transparent);color:var(--g-paper);cursor:pointer}.ph-ord-b.is-r{margin-left:auto}.ph-ord-b:hover{background:color-mix(in srgb,var(--g-ink) 80%,transparent)}.ph-ord-b:disabled{opacity:.4;cursor:default}@media (hover:hover) and (pointer:fine){.ph-ord{opacity:0}[data-photo-tile]:hover .ph-ord{opacity:1}[data-photo-tile]:focus-within .ph-ord{opacity:1}}[data-photo-tile][data-photo-dragging] .ph-ord{opacity:0}