/* ARTIZS.SAY v0.5.2 — Support Studio drag/drop + brand preview fit */

/* Brand preview should actually show the uploaded logo large enough to inspect */
.brand-preview{min-height:148px!important;padding:20px!important;overflow:hidden}
.brand-preview img{
  width:min(72%,560px)!important;
  max-width:min(72%,560px)!important;
  height:92px!important;
  max-height:92px!important;
  object-fit:contain!important;
  object-position:center!important;
}

.support-assets-grid-v2{grid-template-columns:minmax(0,1fr)!important}
.qr-card-v2{max-width:620px}

.support-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.support-mascot-slot{
  position:relative;min-width:0;border:1px dashed #ccd6e3;border-radius:16px;background:#fbfdff;padding:10px;
  cursor:pointer;transition:.16s ease;outline:0;
}
.support-mascot-slot:hover,.support-mascot-slot.active{border-color:#8da6d2;background:#f6f9ff;box-shadow:0 0 0 4px rgba(64,100,170,.08)}
.support-mascot-slot.drag-over{border-style:solid;border-color:#315dc8;background:#eef4ff;transform:translateY(-1px)}
.support-mascot-slot .slot-preview{height:104px;border-radius:13px;background:#fff;display:grid;place-items:center;overflow:hidden;color:#99a4b4;font-size:10px;font-weight:850}
.support-mascot-slot .slot-preview img{width:100%;height:100%;object-fit:contain;display:block}
.support-mascot-slot>strong{display:block;margin-top:8px;font-size:11px;color:#172033}
.support-mascot-slot>small{display:block;margin-top:2px;font-size:9px;color:#8490a0}
.slot-remove{
  position:absolute;z-index:3;right:7px;top:7px;width:24px;height:24px;border:0;border-radius:999px;
  background:rgba(22,31,45,.08);color:#475569;font-size:16px;line-height:1;display:grid;place-items:center;opacity:.62;
  backdrop-filter:blur(8px);transition:.14s ease;
}
.support-mascot-slot:hover .slot-remove{opacity:1;background:rgba(22,31,45,.13)}
.slot-remove.hidden{display:none!important}

.support-library-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}
.support-library-toolbar small{font-size:10px;color:#718096;font-weight:800}
.support-upload-custom{margin:0!important}
.support-mascot-choice{appearance:none;text-align:left;font:inherit;color:inherit;width:100%}
.support-mascot-choice:active{cursor:grabbing}
.support-mascot-choice[draggable="true"]{cursor:grab}
.support-mascot-choice span{min-width:0}

/* Public Support preview mirrors the simplified public card */
.support-public-preview{min-height:230px!important;padding:20px 128px 20px 20px!important;display:flex;align-items:center}
.support-public-preview-copy{width:100%!important}
.support-public-preview h3{font-size:21px!important;margin:8px 0 7px!important}
.support-public-preview p{font-size:12px!important;margin-bottom:14px!important}
.support-public-preview button{padding:10px 14px!important}
.support-public-preview>img{right:-12px!important;bottom:-13px!important;width:148px!important;max-height:148px!important}
.support-public-preview ul,.support-public-preview-copy>small{display:none!important}

@media(max-width:900px){
  .support-slot-grid{grid-template-columns:1fr}
  .support-mascot-slot{display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:12px;align-items:center}
  .support-mascot-slot .slot-preview{grid-row:1/3;height:92px}
  .support-mascot-slot>strong{margin-top:0}
  .brand-preview img{width:min(88%,520px)!important;max-width:min(88%,520px)!important}
}