/* Every carousel card keeps its geometry while moving between the three roles. */
.photo-pile .back-print[hidden],#upload-preview[hidden],#showcase-placeholder[hidden],#photo-tag[hidden],#showcase-retry[hidden],#sample-button[hidden],#sample-divider[hidden],#source-thumb[hidden]{display:none!important}
.showcase-swipe-hint[hidden]{display:none!important}.showcase-swipe-hint{flex:none;text-align:center;font-size:10px;line-height:1.6;color:#7b866e;margin:-4px 0 8px;letter-spacing:.5px}
.photo-pile{--showcase-paper-width:225px;--showcase-paper-height:288px;--showcase-image-height:232px;--showcase-paper-padding:9px}
.photo-pile.showcase-carousel{touch-action:pan-y;user-select:none;cursor:grab}
.photo-pile.showcase-carousel .showcase-paper{width:var(--showcase-paper-width);height:var(--showcase-paper-height);padding:var(--showcase-paper-padding) var(--showcase-paper-padding) 0;transition:none}
.photo-pile.showcase-carousel .showcase-paper>img{width:100%;height:var(--showcase-image-height);object-fit:cover;object-position:center 40%;border-radius:1px}
.photo-pile:not(.showcase-carousel) .back-print .print-caption{display:none}
.showcase-paper .showcase-caption{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showcase-paper .showcase-kind{flex:none}
.photo-pile.showcase-carousel .front-print,.photo-pile.showcase-carousel:hover .front-print{transform:translate(-50%,-50%) rotate(-4deg);z-index:3}
.photo-pile.showcase-carousel .print-one,.photo-pile.showcase-carousel:hover .print-one{transform:translate(-66%,-48%) rotate(-17deg);z-index:1}
.photo-pile.showcase-carousel .print-two,.photo-pile.showcase-carousel:hover .print-two{transform:translate(-34%,-52%) rotate(13deg);z-index:2}
.photo-pile.showcase-carousel #photo-tag{z-index:5}
.photo-pile.showcase-dragging{cursor:grabbing}.photo-pile.showcase-dragging .front-print,.photo-pile.showcase-dragging .back-print,.photo-pile.showcase-switching .front-print,.photo-pile.showcase-switching .back-print{transition:none;will-change:transform}
.photo-pile.showcase-switching{pointer-events:none}
.showcase-placeholder{display:grid;place-items:center;height:calc(100% - 41px);min-height:0;padding:24px;text-align:center;background:#e7ebdf;color:#73816a;font-size:12px;line-height:1.9}
.print-caption{gap:8px;min-width:0}#photo-caption{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#photo-kind{flex:none}#photo-tag{max-width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#showcase-retry{display:block;align-self:center;flex:none;font-size:11px;min-height:36px;padding:6px 12px;margin:-3px 0 6px;text-decoration:underline;text-underline-offset:4px;color:#627650}
@media(min-width:800px) and (max-height:820px){.photo-pile{--showcase-paper-width:201px;--showcase-paper-height:264px;--showcase-image-height:208px}}
@media(max-width:700px) and (max-height:740px){.photo-pile{--showcase-paper-width:192px;--showcase-paper-height:250px;--showcase-image-height:196px}}
@media(max-width:350px){.photo-pile{--showcase-paper-width:175px;--showcase-paper-height:233px;--showcase-image-height:180px}}
@media(max-width:700px) and (max-height:640px){.photo-pile{--showcase-paper-width:155px;--showcase-paper-height:200px;--showcase-image-height:153px;--showcase-paper-padding:7px}}
@media(max-width:700px) and (max-height:640px){.showcase-placeholder{font-size:10px;padding:12px;height:calc(100% - 34px)}}