.uploader-container{width:100%}.drop-zone{text-align:center;transition:all var(--transition-normal);border:1.5px dashed #ffffff1f;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex;position:relative;overflow:hidden}.drop-zone.hovering{border-color:var(--primary);background:#d4874d0f;transform:scale(1.01)}.drop-zone.uploading{border-style:solid;border-color:var(--primary)}.upload-icon{color:var(--chrome-text-dim);opacity:.7;transition:all var(--transition-normal);margin-bottom:1.25rem}.drop-zone:hover .upload-icon{opacity:1;color:var(--primary);transform:translateY(-3px)}.drop-zone h3{color:var(--chrome-text);margin-bottom:.375rem;font-size:1.125rem;font-weight:600}.drop-zone p{color:var(--chrome-text-dim);margin-bottom:1.5rem;font-size:.875rem}.file-input{display:none}.upload-button{background:var(--primary);color:#1c1917;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.01em;padding:.625rem 1.75rem;font-size:.875rem;font-weight:600;box-shadow:0 2px 10px #d4874d40}.upload-button:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #d4874d59}.error-message{color:#fb7185;border-radius:var(--radius-md);text-align:center;background:#f43f5e14;border:1px solid #f43f5e33;margin-top:1rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500}.loader-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.spinner{border:3px solid #ffffff14;border-left-color:var(--primary);border-radius:50%;width:40px;height:40px;margin-bottom:1.25rem;animation:.9s linear infinite spin}.loading-text{color:var(--foreground);font-size:1.0625rem;font-weight:600;margin-bottom:.25rem!important}.loading-subtext{color:var(--chrome-text-muted);font-size:.8125rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}