.tag{border:1px solid var(--gray-steel-500);height:32px;font-family:var(--font-main);color:var(--gray-steel-900);white-space:nowrap;box-sizing:border-box;flex-shrink:0;align-items:center;gap:4px;padding:0 12px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.tag--selectable{background:var(--gray-steel-100)}.tag--read-only{background:var(--white)}.tag--clickable{cursor:pointer;transition:background .15s,border-color .15s}.tag--clickable:hover{background:var(--bg-light);border-color:var(--gray-steel-600)}.tag--selected{background:var(--dark);color:var(--white);border-color:var(--dark)}.tag--selected:hover{background:var(--dark);border-color:var(--dark)}.tag--disabled{background:var(--gray-steel-100);border-color:var(--gray-steel-400);color:var(--gray-steel-600);cursor:not-allowed}
.file-chip{box-sizing:border-box;background:var(--gray-steel-500);flex-shrink:0;align-items:center;gap:16px;width:320px;height:64px;padding-left:24px;animation:.22s cubic-bezier(.22,1,.36,1) file-chip-in;display:flex}@keyframes file-chip-in{0%{opacity:0;transform:translateY(4px)scale(.97)}to{opacity:1;transform:none}}.file-chip-name{min-width:0;font-family:var(--font-main);color:var(--dark);white-space:nowrap;text-overflow:ellipsis;flex:auto;margin:0;font-size:16px;font-weight:600;line-height:22px;overflow:hidden}.file-chip-remove{background:var(--gray-steel-500);width:64px;height:64px;color:var(--dark);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.file-chip-remove:hover{background:var(--gray-steel-600)}
.file-attachment-field{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.file-attachment-error{font-family:var(--font-main);color:var(--red-500);margin:0;font-size:12px;font-weight:400;line-height:16px}.file-attachment-row{justify-content:flex-end;align-items:center;gap:14px;width:100%;min-width:0;display:flex}.file-attachment-chips{scrollbar-width:none;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;flex-wrap:nowrap;flex:auto;gap:8px;min-width:0;display:flex;overflow-x:auto}.file-attachment-chips:active{cursor:grabbing}.file-attachment-chips::-webkit-scrollbar{display:none}.file-attachment-row>.btn{flex-shrink:0}@media (max-width:768px){.file-attachment-row{gap:10px}}