.aui-attachments{flex-wrap:wrap;align-items:flex-start;gap:8px;min-width:0;max-width:100%;display:flex}.aui-attachment-wrap{width:min(100%,300px);min-width:0;max-width:100%;position:relative}.aui-attachment-wrap--image{flex:0 0 96px;width:96px}.aui-attachments .aui-attachment{border:1px solid var(--line);width:100%;min-width:0;min-height:52px;color:var(--ink);font:inherit;text-align:start;background:var(--paper);box-shadow:none;border-radius:12px;align-items:center;margin:0;text-decoration:none;display:flex}.aui-attachments .aui-attachment--image{cursor:zoom-in;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:stretch;gap:6px;width:96px;min-height:0;padding:0}.aui-attachment-image{border:1px solid var(--line);border-radius:12px;width:100%;height:96px;display:block;position:relative;overflow:hidden}.aui-attachment-thumb{background-color:var(--wash);background-position:50%;background-size:cover;width:100%;height:100%;display:block}.aui-attachment--image .aui-attachment-name{color:var(--muted);font:11px/1.35 var(--body)}.aui-attachment--image:hover .aui-attachment-name{color:var(--ink)}.aui-attachments .aui-attachment--file{gap:10px;padding:10px 12px}.aui-attachment--open{cursor:pointer;transition:background-color .15s}.aui-attachment--open:hover{background:var(--wash)}.aui-attachment:focus-visible,.aui-attachment-remove:focus-visible{outline:var(--focus-outline);outline-offset:3px}.aui-attachment-icon{background:var(--wash);width:32px;height:32px;color:var(--muted);border-radius:8px;flex:none;place-items:center;display:grid}.aui-attachment-icon svg{width:16px;height:16px}.aui-attachment-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.aui-attachment-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;overflow:hidden}.aui-attachment-meta{color:var(--muted);font:11px/1.35 var(--body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.aui-attachment-wrap:has(.aui-attachment-remove) .aui-attachment--file{padding-right:42px}.aui-attachment-wrap .aui-attachment-remove{border:1px solid var(--line);background:var(--paper);width:28px;height:28px;min-height:0;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-6px;right:-6px}.aui-attachment-status{color:var(--ink);font-size:11px;line-height:1.3}.aui-attachment--image .aui-attachment-status{background:var(--paper);overflow-wrap:anywhere;padding:5px;position:absolute;inset:auto 0 0}.aui-attachment-wrap[data-status=error] .aui-attachment,.aui-attachment-wrap[data-status=error] .aui-attachment-image{border-style:dashed}@media (max-width:600px){.aui-attachment-wrap--image{flex-basis:80px;width:80px}.aui-attachments .aui-attachment--image{width:80px}.aui-attachment-image{height:80px}.aui-attachment-wrap .aui-attachment-remove{width:44px;height:44px;top:-8px;right:-8px}.aui-attachments:has(.aui-attachment-remove){gap:12px;padding-top:8px;padding-right:4px}}@media (prefers-reduced-motion:reduce){.aui-attachment--open{transition:none}}.aui-attachments.wt-files{flex-direction:column;gap:6px;width:100%;max-width:384px}.wt-files .aui-attachment-wrap{width:100%}.wt-files .aui-attachment{background:color-mix(in srgb,var(--ink) 4%,transparent);border:0;border-radius:16px;min-height:0}.wt-files .aui-attachment-icon{background:color-mix(in srgb,var(--bg) 70%,transparent)}.wt-files .aui-attachment-icon svg{width:14px;height:14px}.wt-files .aui-attachment-text{padding-inline-end:8px}.wt-files .aui-attachment-meta{font:11px/1.35 "IBM Plex Mono",var(--font-hangul),ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.01em}
