.file-upload-container{width:100%;font-family:inherit}.file-upload-avatar-container{flex-direction:column;align-items:center;display:inline-flex;position:relative}.file-upload-avatar-circle{background-color:var(--bg-inset);border:4px solid var(--border-default);width:120px;height:120px;box-shadow:0 4px 6px -1px var(--shadow-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden}.file-upload-avatar-circle:hover{border-color:var(--accent)}.avatar-placeholder{color:var(--text-tertiary);font-size:3.5rem}.avatar-image{object-fit:cover;width:100%;height:100%}.avatar-hover-overlay{opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;background-color:#0009;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.avatar-hover-overlay i{color:var(--text-inverse);font-size:2rem;transition:transform .2s;transform:translateY(10px)}.file-upload-avatar-circle:hover .avatar-hover-overlay{opacity:1}.file-upload-avatar-circle:hover .avatar-hover-overlay i{transform:translateY(0)}.avatar-uploading-overlay{color:var(--accent);z-index:10;background-color:#000000bf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.file-upload-logo-container{flex-direction:column;align-items:center;display:inline-flex;position:relative}.file-upload-logo-box{background-color:var(--bg-inset);border:2px dashed var(--border-default);width:96px;height:96px;box-shadow:0 4px 6px -1px var(--shadow-color);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden}.file-upload-logo-box:hover{border-color:var(--accent);border-style:solid}.logo-placeholder{color:var(--text-tertiary);font-size:2.5rem}.logo-image{object-fit:cover;width:100%;height:100%}.file-upload-logo-box:hover .avatar-hover-overlay{opacity:1}.file-upload-logo-box:hover .avatar-hover-overlay i{transform:translateY(0)}.file-upload-dropzone{border:2px dashed var(--border-default);text-align:center;cursor:pointer;background-color:var(--bg-inset);border-radius:12px;padding:40px 20px;transition:all .3s}.file-upload-dropzone:hover{border-color:var(--accent);background-color:var(--accent-subtle)}.file-upload-dropzone.dragging{border-color:var(--accent);background-color:var(--accent-subtle);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);border-style:solid;transform:scale(1.01)}.file-upload-instruction{color:var(--text-tertiary);flex-direction:column;align-items:center;gap:12px;display:flex}.file-upload-instruction i{color:var(--text-tertiary);transition:color .3s}.file-upload-dropzone:hover .file-upload-instruction i,.file-upload-dropzone.dragging .file-upload-instruction i{color:var(--accent)}.file-upload-instruction p{color:var(--text-primary);margin:0;font-weight:500}.file-upload-hint{font-size:.85rem}.file-upload-capsule-grid{width:100%}.file-upload-list{flex-direction:column;gap:12px;width:100%;display:flex}.file-capsule-item{transition:border-color .2s,background-color .2s}.file-capsule-item.error{border-color:var(--danger-border);background-color:var(--danger-bg)}.single-file-replacement-capsule{animation:.3s ease-out forwards fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}button.compact-delete-btn,button.btn-remove,button.btn-preview{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--bg-inset);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.file-upload-action-pill{background:var(--bg-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-default);z-index:10;box-shadow:0 8px 32px var(--shadow-color);opacity:0;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .5rem;transition:all .3s;display:flex;position:absolute;bottom:-.75rem;left:50%;transform:translate(-50%)scale(.95)}.group:hover .file-upload-action-pill{opacity:1;transform:translate(-50%)scale(1)}.file-upload-action-pill-btn{cursor:pointer;background:0 0;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:all .15s;display:flex}.file-upload-action-pill-btn.change{color:var(--accent)}.file-upload-action-pill-btn.change:hover{background:var(--accent-subtle)}.file-upload-action-pill-btn.remove{color:var(--danger)}.file-upload-action-pill-btn.remove:hover{background:var(--danger-bg)}.file-upload-action-pill-divider{background:var(--border-default);width:1px;height:.75rem}