/* DAAILOK V2.2 preview: image first. One large primary slot and
   three independently replaceable auxiliary camera views. */
html body#daailokStudio .creation-reference-grid[hidden]{display:none!important}
html body#daailokStudio .creation-reference-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.42fr) minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:repeat(2,88px)!important;
  gap:10px!important;
  margin:0!important;
  padding:2px 3px 5px!important;
  box-sizing:border-box!important;
  width:100%!important;
}
html body#daailokStudio .creation-reference-item{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  position:relative!important;
  cursor:pointer!important;
  overflow:hidden!important;
  border:1px dashed rgba(191,200,201,.25)!important;
  border-radius:12px!important;
  color:inherit!important;
  background:rgba(255,255,255,.023)!important;
  transition:border-color .18s ease,background .18s ease!important;
  isolation:isolate!important;
}
html body#daailokStudio .creation-reference-item.primary{
  grid-row:span 2!important;
  border-color:rgba(238,201,127,.45)!important;
  background:rgba(238,201,127,.035)!important;
}
html body#daailokStudio .creation-reference-item:is(:hover,:focus-visible){
  border-color:rgba(245,210,116,.75)!important;
  background:rgba(238,201,127,.07)!important;
  z-index:2!important;
}
html body#daailokStudio .creation-reference-item i{
  font-style:normal!important;
  font-weight:300!important;
  font-size:24px!important;
  color:#e1bf70!important;
  line-height:1!important;
  margin-bottom:8px!important;
}
html body#daailokStudio .creation-reference-item.primary i{font-size:36px!important;margin-bottom:12px!important}
html body#daailokStudio .creation-reference-item img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
html body#daailokStudio .creation-reference-item span{
  box-sizing:border-box!important;
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  max-width:calc(100% - 12px)!important;
  color:inherit!important;
  background:none!important;
  font-size:10px!important;
  font-weight:550!important;
  line-height:1.4!important;
  white-space:normal!important;
  text-align:center!important;
  padding:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body#daailokStudio .creation-reference-item.filled span{
  position:absolute!important;
  bottom:7px!important;
  left:7px!important;
  max-width:calc(100% - 14px)!important;
  padding:5px 7px!important;
  color:#f2f3f0!important;
  background:rgba(10,12,14,.76)!important;
  border-radius:7px!important;
  text-align:left!important;
  white-space:nowrap!important;
}
html body#daailokStudio .creation-multiview-caption{
  font-size:10px!important;
  margin:7px 1px 2px!important;
  line-height:1.55!important;
  opacity:.64!important;
}
html body#daailokStudio .creation-reference-grid[hidden]+.creation-multiview-caption{display:none!important}
html body#daailokStudio .creation-advanced-tools{
  margin:11px 0 2px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
}
html body#daailokStudio .creation-advanced-tools summary{
  cursor:pointer!important;
  min-height:34px!important;
  padding:9px 12px!important;
  color:inherit!important;
  opacity:.75!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.025)!important;
  font-size:11px!important;
}
html body#daailokStudio .creation-advanced-tools[open] .creation-model-option{
  margin-top:9px!important;
}
html body#daailokStudio .creation-scene-scope{display:none!important}
@media(max-width:650px){
  html body#daailokStudio .creation-reference-grid{
    grid-template-rows:repeat(2,70px)!important;
    gap:7px!important;
  }
  html body#daailokStudio .creation-reference-item span{font-size:9px!important}
}

/* Test-only alternative stays compact and inherits the studio's glass language. */
html body#daailokStudio .creation-reconstruction[hidden]{display:none!important}
html body#daailokStudio .creation-reconstruction{margin:7px 0 10px!important}
html body#daailokStudio .creation-reconstruction>.creation-quality-label{
  display:block!important;font-size:11px!important;opacity:.74!important;margin:0 0 7px!important
}
html body#daailokStudio .creation-reconstruction-options{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important
}
html body#daailokStudio .creation-reconstruction-btn[data-reconstruction-mode="drawing_reasoning_v2"]{
  grid-column:1 / -1!important
}
html body#daailokStudio .creation-reconstruction-btn{
  min-width:0!important;display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;gap:3px!important;padding:10px 12px!important;
  background:rgba(255,255,255,.035)!important;color:inherit!important;
  border:1px solid rgba(160,170,175,.23)!important;border-radius:10px!important;
  cursor:pointer!important;text-align:left!important;transition:border-color .18s ease,background .18s ease!important
}
html body#daailokStudio .creation-reconstruction-btn b{font-size:12px!important;font-weight:600!important}
html body#daailokStudio .creation-reconstruction-btn small{font-size:10px!important;opacity:.70!important;line-height:1.45!important}
html body#daailokStudio .creation-reconstruction-btn em{
  font-size:9px!important;font-style:normal!important;opacity:.9!important;color:#e7c561!important
}
html body#daailokStudio .creation-reconstruction-btn[aria-checked="true"]{
  border-color:rgba(247,213,94,.85)!important;
  box-shadow:inset 0 0 0 1px rgba(247,213,94,.18)!important;
  background:rgba(247,213,94,.068)!important
}
html body#daailokStudio .creation-reconstruction-btn:is(:hover,:focus-visible){
  border-color:rgba(247,213,94,.70)!important
}
@media(max-width:520px){
  html body#daailokStudio .creation-reconstruction-options{grid-template-columns:1fr!important}
}