label.ngang { display: inline-flex; gap: 6px; align-items: center; margin: 0; font-weight: 500; font-size: 14px; }
.thanh select { padding: 6px; border: 1px solid var(--vien); border-radius: 6px; font: inherit; background: #fff; }
.anh { position: relative; background: #fff; border: 2px solid var(--vien); border-radius: 10px; padding: 6px; cursor: grab; user-select: none; }
.anh .hop { height: 180px; display: grid; place-items: center; background: #e9edf3; border-radius: 6px; overflow: hidden; }
.giay { background: #fff; box-shadow: 0 1px 5px rgb(0 0 0/.35); box-sizing: border-box; transition: width .15s, height .15s, padding .15s; }
.giay canvas { display: block; width: 100%; height: 100%; object-fit: contain; background: #ddd; }
.nhom { display: inline-flex; align-items: center; gap: 0; }
.nhom b { font-size: 13px; margin-right: 6px; }
.nhom button { margin: 0; padding: 5px 10px; background: #fff; color: var(--nhan); border: 1px solid var(--nhan); border-radius: 0; font-size: 13px; }
.nhom button:first-of-type { border-radius: 6px 0 0 6px; } .nhom button:last-of-type { border-radius: 0 6px 6px 0; } .nhom button + button { margin-left: -1px; }
.nhom button.on { background: var(--nhan); color: #fff; }
.anh img { max-width: 100%; max-height: 166px; display: block; transition: transform .15s; box-shadow: 0 1px 4px rgb(0 0 0/.3); }
.anh .ten { font-size: 12px; margin-top: 4px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.anh .nut { position: absolute; top: 8px; display: none; width: 28px; height: 28px; padding: 0; margin: 0;
  border-radius: 50%; background: #fff; color: var(--chu); border: 1px solid var(--vien); box-shadow: 0 1px 4px rgb(0 0 0/.25); }
.anh:hover .nut, .anh:focus-within .nut { display: block; }
.anh .xoay { left: 8px; } .anh .xoa { right: 8px; color: #c0392b; }
.anh .so { position: absolute; left: 8px; bottom: 30px; background: rgb(0 0 0/.65); color: #fff; font-size: 12px; border-radius: 10px; padding: 0 7px; }
body.dangKeo::after { content: 'Thả file vào đây'; position: fixed; inset: 12px; display: grid; place-items: center; font-size: 22px; font-weight: 600;
  color: var(--nhan); background: rgb(238 244 255 / .9); border: 3px dashed var(--nhan); border-radius: 12px; z-index: 50; pointer-events: none; }
@media (max-width: 640px) { .anh .nut { display: block; } .anh .hop { height: 130px; } }
#xemTo { width: min(96vw, 1100px); max-height: 92vh; border: 0; border-radius: 10px; padding: 12px; }
#xemTo .cuon { overflow: auto; max-height: 80vh; margin-top: 8px; }
#xemTo img { display: block; max-width: none; }
.anh { cursor: zoom-in; }