.attachment-field{border:1px dashed var(--line,#dedce8);border-radius:16px;padding:18px;background:color-mix(in srgb,var(--purple,#bbaaed) 7%,white);min-width:0}
.attachment-field legend{font-size:14px;font-weight:600;padding:0 7px}.attachment-field p{font-size:12px;line-height:1.55;color:var(--muted,#777580);margin:8px 0}.attachment-tools{display:flex;gap:8px;flex-wrap:wrap}.attachment-tools .button{font-size:12px;padding:10px 14px}.attachment-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}.attachment-item{display:flex;align-items:center;gap:10px;background:var(--paper,#fff);border:1px solid var(--line,#dedce8);border-radius:12px;padding:10px;min-width:0}.attachment-thumb{width:48px;height:48px;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:var(--lavender,#e6def8);color:var(--ink,#292733);flex:none;font-size:24px}.attachment-thumb img{width:100%;height:100%;object-fit:cover}.attachment-copy{flex:1;min-width:0}.attachment-copy strong{display:block;font-size:12px;font-weight:550;overflow-wrap:anywhere}.attachment-copy small{display:block;font-size:10px;color:var(--muted,#777580);margin-top:4px}.attachment-item button{min-width:36px;min-height:40px;font-size:20px;flex:none}.attachment-count{display:inline-flex;align-items:center;gap:4px;font-size:10px;border:1px solid currentColor;border-radius:20px;padding:3px 7px;margin-left:4px}#attachment-status:not(:empty){color:var(--ink,#292733);padding-top:5px}.attachment-field [hidden]{display:none!important}@media(max-width:480px){.attachment-field{padding:12px}.attachment-item{gap:6px;padding:8px}.attachment-thumb{width:40px;height:44px}}