.support-images-field{display:grid!important;grid-template-columns:2.6rem minmax(0,1fr);gap:.45rem;align-items:start}
.support-images-field>span,.support-image-previews,.support-image-notice{grid-column:1/-1}
.support-images-field>textarea{grid-column:2;min-width:0;width:100%}
.support-image-picker{flex:0 0 2.6rem;display:inline-grid;place-items:center;width:2.6rem;min-height:2.6rem;align-self:end;border:1px solid #cbdcf0;border-radius:.85rem;background:#f5faff;color:#3568a1;cursor:pointer}
.support-image-picker svg{width:1.3rem;height:1.3rem}.support-image-picker:hover{background:#e6f5ff}.support-image-picker:disabled{opacity:.45;cursor:default}
.support-image-picker[hidden],.support-image-previews[hidden],.support-image-gallery[hidden],.support-image-notice[hidden]{display:none!important}
.support-image-previews,.support-image-gallery{display:flex;flex-wrap:wrap;gap:.5rem;max-width:100%;margin:.35rem 0 .6rem}
.support-image-item{position:relative;width:5rem;min-height:4.1rem;border:1px solid #c6d8ec;border-radius:.65rem;background:#f0f5fb;overflow:hidden}
.support-image-item>img,.support-image-thumb>img{display:block;width:100%;height:4.1rem;object-fit:cover}
.support-image-remove{position:absolute;right:2px;top:2px;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#fff;color:#334155;border:1px solid #d4deec;font-size:1.1rem;line-height:1}
.support-image-progress{display:block;padding:.25rem;font-size:.62rem;line-height:1.35;color:#334155;background:#f5faff;overflow-wrap:anywhere}
.support-image-retry{display:block;width:100%;padding:.25rem;font-size:.7rem;color:#1e5291;background:#deecfc}
.support-image-notice{margin:.25rem 0 .5rem;font-size:.74rem;line-height:1.4;color:#a24444}
.support-image-thumb{display:block;width:5.5rem;overflow:hidden;border-radius:.65rem;border:1px solid #c2d3e9;background:#fff;cursor:zoom-in}
.support-image-picker:focus-visible,.support-image-thumb:focus-visible,.support-image-remove:focus-visible,.support-image-retry:focus-visible{outline:2px solid #1594cb;outline-offset:2px}
.support-images-field--inside{grid-template-columns:minmax(0,1fr);gap:.35rem}
.support-images-field--inside>span:first-child{grid-row:1}
.support-images-field--inside>textarea{grid-column:1;grid-row:2;padding-top:3.65rem;min-height:11rem}
.support-images-field--inside>.support-image-picker{grid-column:1;grid-row:2;z-index:1;align-self:start;margin:.8rem 0 0 .65rem;width:2.75rem;min-height:2.75rem;border:0;border-radius:.65rem;background:#eef5fb}
.support-images-field--inside>.support-image-previews{grid-row:3;margin:.25rem 0}
.support-images-field--inside>.support-image-notice{grid-row:4}
.support-images-field--inside>span:last-of-type{grid-row:5}
.support-image-dialog{position:fixed;inset:0;max-width:95vw;max-height:95dvh;padding:3.4rem .75rem .75rem;margin:auto;border:1px solid #c7d9e9;border-radius:1rem;background:#f3f7fc;box-shadow:0 24px 80px #0007}
.support-image-dialog::backdrop{background:#0b183bd9}.support-image-dialog>img{display:block;max-width:90vw;max-height:80dvh;object-fit:contain;margin:auto}
.support-image-close{position:absolute;right:.7rem;top:.55rem;min-height:2.2rem;padding:.3rem .8rem;background:#fff;border:1px solid #bfd0e5;border-radius:.6rem;color:#264466;font-weight:600}
.dashboard-dark-mode .support-image-picker,.admin-concerns-composer .support-image-picker{background:#182b43;color:#9cdef7;border-color:#405875}
.medi-support-composer>.support-image-previews{margin-bottom:.6rem}
@media(max-width:480px){.support-image-item{width:4rem}.support-image-thumb{width:4.5rem}}