.attachment-item[data-v-3b6b8baa]{position:relative;display:flex;align-items:center;gap:11px;min-width:0;overflow:hidden;background:var(--color-bg-2)}.attachment-item--red[data-v-3b6b8baa]{--attachment-badge: #fff4f1;--attachment-accent: #d94a27}.attachment-item--blue[data-v-3b6b8baa]{--attachment-badge: #f2f6ff;--attachment-accent: #3978d9}.attachment-item--green[data-v-3b6b8baa]{--attachment-badge: #f3faeb;--attachment-accent: #5a9f22}.attachment-item--sky[data-v-3b6b8baa]{--attachment-badge: #f0f9ff;--attachment-accent: #279ad1}.attachment-item--orange[data-v-3b6b8baa]{--attachment-badge: #fff6ed;--attachment-accent: #df781b}.attachment-item--purple[data-v-3b6b8baa]{--attachment-badge: #f7f2fd;--attachment-accent: #8252bf}.attachment-item--pink[data-v-3b6b8baa]{--attachment-badge: #fff2fa;--attachment-accent: #bb499f}.attachment-item--cyan[data-v-3b6b8baa]{--attachment-badge: #eefafb;--attachment-accent: #159ca8}.attachment-item--tile[data-v-3b6b8baa]{min-height:66px;padding:9px 11px;border-radius:10px;background:var(--color-bg-2);transition:transform .14s ease,box-shadow .14s ease}.attachment-item--tile[data-v-3b6b8baa]:hover{box-shadow:0 2px 8px #1f324c14;transform:translateY(-1px)}.attachment-item--row[data-v-3b6b8baa]{min-height:48px;padding:5px 8px;border-radius:8px}.attachment-item--row[data-v-3b6b8baa]:hover{background:var(--color-fill-1)}.attachment-item--clickable[data-v-3b6b8baa]{cursor:pointer}.attachment-item--hover-loading[data-v-3b6b8baa],.attachment-item--hover-loading .attachment-name[data-v-3b6b8baa]:not(:disabled){cursor:progress}.attachment-main[data-v-3b6b8baa]{display:flex;align-items:center;flex:1;gap:11px;min-width:0}.attachment-icon-badge[data-v-3b6b8baa]{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:8px;background:var(--attachment-badge)}.attachment-icon[data-v-3b6b8baa]{width:25px;height:25px}.attachment-item--row .attachment-icon-badge[data-v-3b6b8baa]{flex-basis:34px;width:34px;height:34px;border-radius:6px}.attachment-item--row .attachment-icon[data-v-3b6b8baa]{width:21px;height:21px}.attachment-info[data-v-3b6b8baa]{flex:1;min-width:0}.attachment-name[data-v-3b6b8baa]{display:block;width:100%;overflow:hidden;padding:0;border:0;background:transparent;color:var(--color-text-1);text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:20px}.attachment-name[data-v-3b6b8baa]:not(:disabled){cursor:pointer}.attachment-name[data-v-3b6b8baa]:focus-visible,.attachment-action[data-v-3b6b8baa]:focus-visible{outline:2px solid rgb(var(--primary-6));outline-offset:2px}.attachment-meta[data-v-3b6b8baa]{overflow:hidden;color:var(--color-text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px}.attachment-meta--error[data-v-3b6b8baa]{color:rgb(var(--red-6))}.attachment-actions[data-v-3b6b8baa]{display:flex;align-items:center;gap:4px;flex:none}.attachment-action[data-v-3b6b8baa]{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--color-text-2);cursor:pointer;font-size:15px;transition:background-color .16s ease,color .16s ease,transform .16s ease}.attachment-action[data-v-3b6b8baa]:hover:not(:disabled){background:var(--attachment-badge);color:var(--attachment-accent);transform:translateY(-1px)}.attachment-action--danger[data-v-3b6b8baa]{color:var(--color-text-3)}.attachment-action--danger[data-v-3b6b8baa]:hover:not(:disabled){background:#ffeded;color:rgb(var(--red-6))}.attachment-action[data-v-3b6b8baa]:disabled{opacity:.4;cursor:default}.attachment-progress[data-v-3b6b8baa]{position:absolute;bottom:0;left:0;height:2px;background:var(--attachment-accent)}.attachment-hover-preview[data-v-3b6b8baa]{--hover-preview-surface: var(--color-tooltip-bg);--hover-preview-border: var(--color-tooltip-bg);position:relative;isolation:isolate;box-sizing:border-box;max-width:calc(100vw - 40px);border:1px solid var(--hover-preview-border);border-radius:12px;background:var(--hover-preview-surface);box-shadow:0 10px 26px #1f324c29,0 2px 6px #1f324c14}.attachment-hover-preview[data-v-3b6b8baa]:after{position:absolute;z-index:0;bottom:-7px;left:var(--hover-arrow-offset);box-sizing:border-box;width:14px;height:14px;border:1px solid var(--hover-preview-border);border-top:0;border-left:0;border-radius:0 0 2px;background:var(--hover-preview-surface);content:"";pointer-events:none;transform:translate(-50%) rotate(45deg)}.attachment-hover-preview--bottom[data-v-3b6b8baa]:after{top:-7px;bottom:auto;border:1px solid var(--hover-preview-border);border-right:0;border-bottom:0;border-radius:2px 0 0}.attachment-hover-preview--right[data-v-3b6b8baa]:after{top:var(--hover-arrow-offset);bottom:auto;left:-7px;border:1px solid var(--hover-preview-border);border-top:0;border-right:0;border-radius:0 0 0 2px;transform:translateY(-50%) rotate(45deg)}.attachment-hover-preview--left[data-v-3b6b8baa]:after{top:var(--hover-arrow-offset);right:-7px;bottom:auto;left:auto;border:1px solid var(--hover-preview-border);border-bottom:0;border-left:0;border-radius:0 2px 0 0;transform:translateY(-50%) rotate(45deg)}.attachment-hover-stage[data-v-3b6b8baa]{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:11px;background:var(--hover-preview-surface);color:#ffffffe0}.attachment-hover-stage[data-v-3b6b8baa] .arco-spin-icon{color:#ffffffe0}.attachment-hover-image[data-v-3b6b8baa]{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0}.attachment-hover-image--ready[data-v-3b6b8baa]{opacity:1}.attachment-hover-error[data-v-3b6b8baa]{padding:16px;text-align:center;font-size:12px}@media(prefers-reduced-motion:reduce){.attachment-item--tile[data-v-3b6b8baa],.attachment-action[data-v-3b6b8baa]{transition:none}.attachment-item--tile[data-v-3b6b8baa]:hover{transform:none}.attachment-action[data-v-3b6b8baa]:hover:not(:disabled){transform:none}}.attachment-grid[data-v-f71b9ea7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,max(260px,calc((100% - 30px)/4))),1fr));gap:10px;width:100%;min-width:0;padding:8px;border-radius:18px;background:var(--color-neutral-1)}