.aui-attachments{flex-wrap:wrap;align-items:flex-start;gap:8px;min-width:0;max-width:100%;display:flex}.aui-attachment-wrap{flex:0 0 96px;width:96px;min-width:0;position:relative}.aui-attachments .aui-attachment{width:96px;min-width:0;color:var(--ink);font:inherit;text-align:start;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:stretch;gap:6px;margin:0;padding:0;text-decoration:none;display:flex}.aui-attachment-square{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-repeat:no-repeat;background-size:contain;width:100%;height:100%;display:block}video.aui-attachment-thumb{object-fit:contain;pointer-events:none}.aui-attachment-play{aspect-ratio:1;background:color-mix(in srgb,var(--ink) 55%,transparent);width:clamp(16px,30%,28px);color:var(--paper);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-attachment-play svg{fill:currentColor;width:50%;height:50%;margin-left:8%}.aui-attachment-file{background:var(--paper);width:100%;height:100%;display:block;container-type:inline-size}.aui-attachment-file-body{text-align:start;flex-direction:column;justify-content:space-between;gap:6px;height:100%;padding:9px 10px;display:flex}.aui-attachment-file-type{border:1px solid var(--line);color:var(--muted);font:600 10px/1.4 var(--body);letter-spacing:.02em;border-radius:999px;align-self:flex-start;padding:1px 6px}.aui-attachment-file-name{-webkit-line-clamp:3;color:var(--ink);font:500 12px/1.3 var(--body);word-break:break-all;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.aui-attachment-wrap:has(.aui-attachment-remove) .aui-attachment-file-name:before{content:"";float:right;width:12px;height:14px}@container (max-width:84px){.aui-attachment-file-name{-webkit-line-clamp:2}}@container (max-width:56px){.aui-attachment-file-body{gap:2px;padding:5px 4px}.aui-attachment-file-type{border:0;padding:0;font-size:7.5px;line-height:1.2}.aui-attachment-file-name{font-size:8.5px;line-height:1.2}}.aui-attachment-text{min-width:0;display:block}.aui-attachment-name{color:var(--muted);font:11px/1.35 var(--body);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.aui-attachment:hover .aui-attachment-name{color:var(--ink)}.aui-attachment--open{cursor:zoom-in;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-wrap .aui-attachment-remove{z-index:1;width:32px;height:32px;min-height:0;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-8px;right:-8px}.aui-attachment-wrap .aui-attachment-remove:before{content:"";z-index:-1;border:1px solid var(--line);background:var(--paper);border-radius:50%;position:absolute;inset:2px}.aui-attachment-status{-webkit-line-clamp:2;border-bottom:5px solid var(--paper);background:var(--paper);color:var(--ink);overflow-wrap:anywhere;-webkit-box-orient:vertical;padding:5px 5px 0;font-size:11px;line-height:1.3;display:-webkit-box;position:absolute;inset:auto 0 0;overflow:hidden}.aui-attachment-wrap[data-status=error] .aui-attachment-square{border-style:dashed}@keyframes aui-attachment-pulse{50%{opacity:.55}}.aui-attachment-wrap[data-status=preparing] .aui-attachment-square{animation:1.6s ease-in-out infinite aui-attachment-pulse}.aui-attachment-wrap[data-status=preparing] .aui-attachment-status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;inset:auto;overflow:hidden}@media (max-width:600px){.aui-attachment-wrap{flex-basis:80px;width:80px}.aui-attachments .aui-attachment{width:80px}.aui-attachment-square{height:80px}.aui-attachment-wrap .aui-attachment-remove{width:44px;height:44px;top:-14px;right:-14px}.aui-attachment-wrap .aui-attachment-remove:before{inset: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-attachment-wrap[data-status=preparing] .aui-attachment-square{opacity:.7;animation:none}}