/* V22.93 — screenshot picker + screenshots shown in a thread */
.shots{display:flex;flex-direction:column;gap:8px;margin:4px 0 12px}
.shots-in{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.shots-add{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:44px;padding:0 14px;border-radius:10px;border:1.5px dashed #D3DED7;background:#F4F7F5;font-size:14px;font-weight:700;color:#10201A;cursor:pointer}
.shots-add small{font-weight:500;color:#5A6962}
.shots-add svg{width:18px;height:18px}
.shots-in:focus-visible+.shots-add{outline:2px solid #16833F;outline-offset:2px}
.shots.is-drag .shots-add{border-color:#16833F;background:#F2FAF4}
.shots.is-full .shots-add{display:none}
.shots-list{display:flex;flex-wrap:wrap;gap:8px}
.shots-list:empty{display:none}
.shots-item{position:relative;width:96px;height:72px;border-radius:10px;overflow:hidden;border:1px solid #E2EAE5;background:#EEF3F0}
.shots-item img{width:100%;height:100%;object-fit:cover;display:block}
.shots-rm{position:absolute;top:4px;right:4px;width:28px;height:28px;border:0;border-radius:8px;background:rgba(21,23,28,.75);color:#fff;font-size:18px;line-height:1;cursor:pointer}
.shots-rm:focus-visible{outline:2px solid #fff;outline-offset:1px}
.shots-err{margin:0;font-size:13px;font-weight:600;color:#B42318}.shots-err:empty{display:none}
.shots-live{position:absolute;left:-9999px}
.att{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.att a{display:block;width:140px;height:100px;border-radius:10px;overflow:hidden;border:1px solid #E2EAE5;background:#EEF3F0}
.att img{width:100%;height:100%;object-fit:cover;display:block}
.att a:focus-visible{outline:2px solid #16833F;outline-offset:2px}