.files-page-actions-buttons{display:flex;flex-direction:row;align-items:center;gap:var(--ds-space-2)}.files-view-tabs{flex:0 0 auto}@media (max-width:768px){.files-page-actions-buttons{flex-wrap:wrap;width:100%;gap:var(--ds-space-2)}.files-page-actions-buttons>*{flex:1 1 auto}}.files-page-replace-input{display:none}.add-file-drop-zone{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-10) var(--ds-space-5);text-align:center;background:var(--ds-surface-sunken);border:1px dashed var(--ds-border-strong);border-radius:var(--ds-radius-lg);transition:background-color var(--ds-dur-fast) var(--ds-ease-enter),border-color var(--ds-dur-fast) var(--ds-ease-enter)}.add-file-drop-zone.drag-active{border-color:var(--ds-accent);background:var(--ds-accent-tint)}.add-file-drop-zone p{margin:0;color:var(--ds-text-muted);font-size:var(--ds-text-ui)}.add-file-upload-button{position:relative;display:inline-block;border-radius:var(--ds-radius-xs);color:var(--ds-accent-strong);cursor:pointer;font-size:var(--ds-text-ui);font-weight:var(--ds-weight-semibold);text-decoration:underline;text-underline-offset:3px;transition:color var(--ds-dur-fast) var(--ds-ease-enter)}.add-file-upload-button:hover{color:var(--ds-text)}.add-file-upload-button:focus-within{outline:2px solid var(--ds-focus);outline-offset:var(--ds-focus-offset)}.add-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.add-file-selected{margin-top:var(--ds-space-5)}.add-file-selected h3{margin:0 0 var(--ds-space-3) 0;font-size:var(--ds-text-ui);font-weight:var(--ds-weight-semibold);color:var(--ds-text)}.add-file-list{max-height:200px;overflow-y:auto;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md)}.add-file-list::-webkit-scrollbar{display:none}.add-file-item{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-space-2);min-height:var(--ds-row-h);padding:var(--ds-space-1) var(--ds-space-2) var(--ds-space-1) var(--ds-space-3);border-bottom:1px solid var(--ds-border);transition:background-color var(--ds-dur-fast) var(--ds-ease-enter)}.add-file-item:last-child{border-bottom:none}.add-file-item:hover{background-color:var(--ds-surface-sunken)}.add-file-info{display:flex;align-items:center;gap:var(--ds-space-2);flex:1 1;min-width:0}.add-file-name{font-size:var(--ds-text-sm);color:var(--ds-text);font-weight:var(--ds-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-file-size{margin-left:auto;font-size:var(--ds-text-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ds-text-muted);white-space:nowrap}.add-file-sticker{display:inline-flex;flex:none;white-space:nowrap}.add-file-sticker .ds-check{align-items:center;font-size:var(--ds-text-sm)}.add-file-remove.ds-button{flex:none;color:var(--ds-danger)}.add-file-remove.ds-button:hover:not(:disabled){color:var(--ds-danger);background:var(--ds-danger-tint)}@media (max-width:768px){.add-file-drop-zone{padding:var(--ds-space-8) var(--ds-space-4)}}