.dropzone[data-v-31bf4623]{aspect-ratio:1;border:1px dashed var(--color-border);border-radius:var(--radius);background-color:var(--color-surface-light);width:100%;color:var(--color-text-muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:border-color .15s,background-color .15s,color .15s;display:flex}.dropzone.dragging[data-v-31bf4623],.dropzone[data-v-31bf4623]:hover{border-color:var(--color-primary);background-color:var(--color-background);color:var(--color-primary)}.input[data-v-31bf4623]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.input:focus-visible+.icon[data-v-31bf4623]{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius)}.icon[data-v-31bf4623]{width:1.75rem;height:1.75rem}.label[data-v-31bf4623]{font-size:.8125rem;font-weight:500}.photo-grid[data-v-133ae59d]{--photo-gap:.75rem;--photo-min-width:200px;grid-template-columns:repeat(auto-fill,minmax(min(var(--photo-min-width),(100% - var(--photo-gap))/2),1fr));gap:var(--photo-gap);display:grid}.photo-cell[data-v-133ae59d],.photo-frame[data-v-133ae59d]{position:relative}.photo-frame[data-v-133ae59d]{width:100%;text-align:inherit;background:0 0;border:none;padding:0;display:block}button.photo-frame[data-v-133ae59d]{cursor:pointer}button.photo-frame[data-v-133ae59d]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius)}.sortable .photo-cell[data-v-133ae59d]{cursor:grab;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sortable .photo[data-v-133ae59d]{-webkit-user-drag:none}.sortable .photo-cell[data-v-133ae59d]:active{cursor:grabbing}.photo-dragging .photo[data-v-133ae59d]{opacity:.3}.photo-dragging .photo-action[data-v-133ae59d]{opacity:0}.photo-pressed .photo[data-v-133ae59d]{transition:transform .12s;transform:scale(.96)}.photo[data-v-133ae59d]{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius);background-color:var(--color-surface);width:100%}.photo-action[data-v-133ae59d]{background-color:var(--color-background);cursor:pointer;opacity:0;pointer-events:none;border:none;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;padding:0;transition:opacity .15s,transform .2s cubic-bezier(.34,1.4,.64,1);display:grid;position:absolute;top:.375rem;transform:scale(.4);box-shadow:0 1px 3px #00000040}.photo-action-edit[data-v-133ae59d]{color:var(--color-text);left:.375rem}.photo-action-remove[data-v-133ae59d]{color:var(--color-danger);right:.375rem}.photo-action-icon[data-v-133ae59d]{width:.8125rem;height:.8125rem}.photo-action-badge[data-v-133ae59d]{width:100%;height:100%}.caption[data-v-133ae59d]{color:var(--color-text-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-block-start:.375rem;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.editing .photo-action[data-v-133ae59d]:focus-visible,.editing .photo-cell:hover .photo-action[data-v-133ae59d]{opacity:1;pointer-events:auto;transform:scale(1)}.editing .photo-cell:hover .photo-action[data-v-133ae59d]:hover{transform:scale(1.12)}.photo-action[data-v-133ae59d]:focus-visible,.photo-cell[data-v-133ae59d]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@supports (animation-timeline:view()){.revealing .photo-cell[data-v-133ae59d]{animation:linear both photo-reveal-133ae59d;animation-timeline:view();animation-range:entry 0 entry 70%}}@keyframes photo-reveal-133ae59d{0%{opacity:0;translate:0 1.5rem}to{opacity:1;translate:0}}.dropzone-cell[data-v-133ae59d]{view-transition-name:album-dropzone;grid-column:1}@media (hover:none){.editing .photo-action[data-v-133ae59d]{opacity:1;pointer-events:auto;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.photo-action[data-v-133ae59d],.photo-pressed .photo[data-v-133ae59d]{transition-duration:1ms}.revealing .photo-cell[data-v-133ae59d]{animation:none}}