.page_image_upload_test_page__B2RmI{padding:40px 20px;max-width:800px;margin:0 auto;max-width:1000px}.page_image_upload_test_page-description___0y60{margin-bottom:30px;color:#666}.page_image_upload_test_page-section__DFvub{margin-bottom:40px}.page_image_upload_test_page-preview__E7S19{margin-top:20px}.page_image_upload_test_page-preview_img__O7S8Y{max-width:300px;border-radius:8px}.image_upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border:1px solid #d9d9d9;border-radius:2px}.image_upload,.image_upload-wrapper{width:100%;height:100%;min-height:200px}.image_upload-wrapper{cursor:var(--image_upload-cursor,pointer)}.image_upload-btn{min-width:144px;min-height:52px;padding:12px 24px;border:none;border-radius:4px;font-family:Noto Sans TC,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:normal;color:#fff;background-color:#1976d2;cursor:pointer;transition:background-color .3s}.image_upload-btn:hover:not(:disabled){background-color:#1565c0}.image_upload-btn:disabled{background-color:#ccc;cursor:not-allowed}.image_upload-label{font-family:Noto Sans TC,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:24px;text-align:center;color:#2c64e3}.image_upload-preview{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--image_upload-preview-bg,#fff);opacity:var(--image_upload-preview-opacity,0);transition:opacity .3s}.image_upload-preview-img{width:100%;height:100%;object-fit:contain}.image_upload-mask{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border:3px dashed #d9d9d9;font-family:Noto Sans TC,sans-serif;font-size:2rem;font-style:normal;font-weight:700;line-height:24px;text-align:center;color:#2c64e3;background-color:#fff;opacity:var(--image_upload-mask-opacity,0);pointer-events:none;transition:opacity .3s}.image_upload-mask-text{margin:0}.image_upload-input{display:none}