.photo-grid {
    display: flex;
    gap: 16px;
}

.photo-item, .report-photo-item {
    width: 96px;
    height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    transition: background 0.2s;
    background: #F3F3F3;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23B8B8B8FF' stroke-width='2' stroke-dasharray='8%2c 8' stroke-dashoffset='15' stroke-linecap='round'/%3e%3c/svg%3e");
    border-radius: 8px;
}

.photo-item:hover, .report-photo-item:hover {
    background: #e6e6e6;
}

.photo-item input[type="file"], .report-photo-item input[type="file"] {
    display: none;
}

.photo-item .plus, .report-photo-item .plus {
    font-size: 40px;
    color: #B8B8B8;
    pointer-events: none;
}

.photo-item img.preview, .report-photo-item img.preview {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}