.attached-files-context-list{gap:var(--space-1);flex-wrap:wrap;align-items:flex-start;width:100%;display:flex}.note-dialog-file-chip{background:color-mix(in srgb, var(--color-surface) 88%, var(--color-primary-container));border:1px solid color-mix(in srgb, var(--color-outline-variant) 85%, transparent);border-radius:var(--radius-full);color:var(--color-text-secondary);align-items:center;gap:4px;padding:3px 9px;font-size:11px;animation:.2s fadeIn;display:inline-flex}.note-dialog-file-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.note-dialog-file-meta{color:var(--color-text-tertiary)}.note-dialog-file-remove{color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;padding:1px;transition:color .15s;display:inline-flex}.note-dialog-file-remove:hover{color:var(--color-error)}.attached-file-context-card{background:color-mix(in srgb, var(--color-surface) 84%, var(--color-primary-container));border:1px solid color-mix(in srgb, var(--color-primary) 12%, var(--color-outline-variant));border-radius:14px;flex-direction:column;gap:6px;width:min(100%,520px);padding:8px 10px;animation:.2s fadeIn;display:flex}.attached-file-context-card__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.attached-file-context-card__meta{min-width:0;color:var(--color-text);align-items:center;gap:6px;display:flex}.attached-file-context-card__choice{flex-wrap:wrap;align-items:center;gap:6px 8px;padding-left:20px;display:flex}.attached-file-context-card__choice-label{color:var(--color-text-tertiary);font-size:11px}.attached-file-context-card__name{white-space:nowrap;min-width:0;max-width:220px;font-size:12px;font-weight:var(--font-medium);flex:0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000)}.attached-file-context-card__badge{white-space:nowrap;background:color-mix(in srgb, var(--color-surface) 92%, transparent);border:1px solid color-mix(in srgb, var(--color-outline-variant) 90%, transparent);border-radius:var(--radius-full);color:var(--color-text-secondary);flex-shrink:0;align-items:center;padding:2px 6px;font-size:10px;display:inline-flex}.attached-file-context-card__materials{border-radius:var(--radius-full);color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-left:auto;padding:3px 0 3px 8px;font-size:11px;transition:opacity .15s;display:inline-flex}.attached-file-context-card__materials:hover:not(:disabled){opacity:.8}.attached-file-context-card__materials:disabled{opacity:.5;cursor:default}.attached-file-context-card__remove{color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;transition:color .15s;display:inline-flex}.attached-file-context-card__remove:hover{color:var(--color-error)}.attached-file-context-card__hint{color:var(--color-text-tertiary);padding-left:20px;font-size:10.5px;line-height:1.35}.attached-file-context-card__mode-group{background:color-mix(in srgb, var(--color-surface) 90%, var(--color-primary-container));border:1px solid color-mix(in srgb, var(--color-outline-variant) 82%, transparent);border-radius:var(--radius-full);align-items:center;gap:2px;padding:2px;display:inline-flex}.attached-file-context-card__mode-btn{border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:11px;font-weight:var(--font-medium);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:4px 8px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.attached-file-context-card__mode-btn:hover{background:color-mix(in srgb, var(--color-primary-container) 70%, var(--color-surface))}.attached-file-context-card__mode-btn.active{background:color-mix(in srgb, var(--color-primary) 12%, var(--color-primary-container));color:var(--color-primary)}.attached-context-image-chip{background:color-mix(in srgb, var(--color-surface) 88%, var(--color-primary-container));border:1px solid color-mix(in srgb, var(--color-outline-variant) 85%, transparent);border-radius:14px;align-items:center;gap:8px;min-width:0;max-width:min(100%,280px);padding:6px 8px;animation:.2s fadeIn;display:inline-flex}.attached-context-image-chip__thumb{background:color-mix(in srgb, var(--color-surface-container) 90%, transparent);border:1px solid color-mix(in srgb, var(--color-outline-variant) 78%, transparent);border-radius:10px;flex-shrink:0;width:36px;height:36px;overflow:hidden}.attached-context-image-chip__thumb-image{object-fit:cover;width:100%;height:100%;display:block}.attached-context-image-chip__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.attached-context-image-chip__title{min-width:0;color:var(--color-text);align-items:center;gap:4px;display:flex}.attached-context-image-chip__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:var(--font-medium);overflow:hidden}.attached-context-image-chip__caption{color:var(--color-text-tertiary);font-size:10px}