/* V2.2 test workspace only. AI image-only multi-view queue: no filenames.
   Four thumbnails, per-image remove, HTML drag reorder; the first is main. */
html body#daailokStudio .ai-attachment-chip.is-image-list{
  height:58px!important;
  display:block!important;
  padding:7px 11px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html body#daailokStudio .ai-attachment-chip.is-image-list :is(#aiAttachmentThumb,#aiAttachmentFileIcon,.ai-attachment-meta,#aiAttachmentRemove)[hidden]{
  display:none!important;
}
html body#daailokStudio .ai-attachment-chip.is-image-list #aiAttachmentImages{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-width:0!important;
  height:100%!important;
  overflow:visible!important;
}
html body#daailokStudio .ai-attachment-chip.is-image-list #aiAttachmentImages[hidden]{
  display:none!important;
}
html body#daailokStudio .ai-image-tile{
  flex:0 0 42px!important;
  height:40px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:8px!important;
  position:relative!important;
  display:block!important;
  overflow:visible!important;
  cursor:grab!important;
  user-select:none!important;
  background:rgba(255,255,255,.025)!important;
  transition:transform .12s ease,border-color .12s ease,opacity .12s ease!important;
}
html body#daailokStudio .ai-image-tile.primary{
  border-color:rgba(244,209,113,.95)!important;
  box-shadow:0 0 0 1px rgba(244,209,113,.18)!important;
}
html body#daailokStudio .ai-image-tile.is-drag-over{
  border-color:#ffda64!important;
  box-shadow:0 0 0 2px rgba(250,209,89,.24)!important;
  transform:translateY(-2px)!important;
}
html body#daailokStudio .ai-image-tile.is-dragging{
  opacity:.42!important;
  cursor:grabbing!important;
}
html body#daailokStudio .ai-image-tile>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:7px!important;
  pointer-events:none!important;
}
html body#daailokStudio .ai-image-tile-label{
  position:absolute!important;
  left:2px!important;
  bottom:2px!important;
  padding:1px 4px!important;
  font-size:9px!important;
  line-height:1.2!important;
  color:white!important;
  background:rgba(9,10,12,.76)!important;
  border-radius:4px!important;
  pointer-events:none!important;
}
html body#daailokStudio .ai-panel .ai-input-wrap .ai-image-tile-remove{
  position:absolute!important;
  top:-7px!important;
  right:-7px!important;
  bottom:auto!important;
  left:auto!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1!important;
  border:1px solid rgba(255,255,255,.26)!important;
  border-radius:50%!important;
  background:rgba(24,27,29,.92)!important;
  color:#fff!important;
  z-index:10!important;
  cursor:pointer!important;
  box-shadow:0 2px 5px rgba(0,0,0,.18)!important;
}
html body#daailokStudio .ai-panel .ai-input-wrap .ai-image-tile-remove:hover{
  border-color:#ffde7c!important;
  background:#45402c!important;
}
html body#daailokStudio .ai-input-wrap.has-attachment:has(.ai-attachment-chip.is-image-list) textarea{
  padding-top:77px!important;
}