.photo-preview{margin-top:18px;grid-template-columns:repeat(5,minmax(0,1fr))}
.photo-preview-empty{grid-column:1/-1;border:1px dashed #d5dfeb;background:#f8fbfe;color:#718197;border-radius:14px;padding:18px;text-align:center;font-size:13px}
.preview-item.live{position:relative;border:1px solid #dde6ef;background:#fff;border-radius:14px;padding:6px;box-shadow:0 7px 20px rgba(16,35,63,.07);overflow:hidden}
.preview-item.live img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.preview-item.live .preview-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 4px 2px}
.preview-item.live .preview-index{position:static;background:#0d4c8b;border-radius:999px;padding:4px 7px;font-size:10px;line-height:1;color:#fff;font-weight:900}
.preview-item.live small{color:#77879a;font-size:10px}
.preview-remove{position:absolute;top:10px;right:10px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(15,35,60,.85);color:#fff;font-size:20px;line-height:28px;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.18)}
.preview-remove:hover{background:#c63f3f}
.upload-box.dragging{border-color:#ff7900;background:#fff8f0;transform:translateY(-1px)}
@media(max-width:900px){.photo-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.photo-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}