.file-type-badge{border-radius:var(--border-radius-md);width:40px;height:48px;font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.06em;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.file-type-badge:before{content:"";border-bottom-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-md);background-color:#0000000f;width:12px;height:12px;position:absolute;top:0;right:0}.file-type-badge--red{background-color:var(--tag-red-bg);color:var(--tag-red-text)}.file-type-badge--blue{background-color:var(--tag-blue-bg);color:var(--tag-blue-text)}.file-type-badge--green{background-color:var(--tag-green-bg);color:var(--tag-green-text)}.file-type-badge--purple{background-color:var(--tag-purple-bg);color:var(--tag-purple-text)}.file-type-badge--gray{background-color:var(--gray-200);color:var(--gray-500)}.file-pill{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--border-radius-lg);background:var(--bg-color-secondary);display:flex}.file-pill__text{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.file-pill__name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-color-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-pill__meta{font-size:var(--font-size-sm);color:var(--text-color-secondary)}.file-pill--action{width:100%;font:inherit;text-align:left;cursor:pointer;border:none}.file-pill--action:hover:not(:disabled){background-color:var(--gray-200)}.file-pill--action:disabled{opacity:.5;cursor:not-allowed}