.image-preview{align-items:stretch}.preview-tile,.image-order-tile{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 2px 7px rgba(31,29,49,.06)}.preview-tile{cursor:grab}.preview-tile:active{cursor:grabbing}.preview-tile.dragging{opacity:.45;border-color:var(--violet)}.preview-tile img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:3/4;object-fit:cover;border:0;border-radius:0;background:var(--surface-soft)}.image-order-meta{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:35px;padding:4px 5px;background:var(--surface)}.image-order-number{overflow:hidden;color:var(--muted);font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.image-order-actions{display:flex;gap:3px;flex:none}.image-order-btn{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--violet-dark);font-size:15px;line-height:1}.image-order-btn:hover:not(:disabled){border-color:var(--violet);background:var(--violet-soft)}.image-order-btn:disabled{cursor:not-allowed;opacity:.32}.image-order-hint{display:block;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.45}.current-images .image-order-tile{aspect-ratio:3/4}.current-images .image-order-tile img{width:100%;height:auto;min-height:0;aspect-ratio:3/4;object-fit:cover;border:0;border-radius:0}.current-images .image-order-tile .image-order-meta{min-height:33px}.current-images .image-order-tile .image-order-btn{width:25px;height:25px;font-size:14px}@media(max-width:600px){.image-order-btn{width:30px;height:30px}.image-order-meta{min-height:38px;padding:4px}.image-order-hint{font-size:9px}}