.pdf-to-img-page{background:#f5f5f5;min-height:100vh;padding:24px}.pdf-to-img-page .main-card{border-radius:8px;max-width:1200px;margin:0 auto;box-shadow:0 2px 8px #00000014}.pdf-to-img-page .main-card .page-title{text-align:center;margin-bottom:12px;font-weight:600}.pdf-to-img-page .main-card .page-title .anticon{margin-right:8px}.pdf-to-img-page .main-card .ant-typography{text-align:center;margin-bottom:32px}.pdf-to-img-page .upload-card,.pdf-to-img-page .settings-card,.pdf-to-img-page .preview-card,.pdf-to-img-page .pdf-info-card{border-radius:8px;transition:all .3s;box-shadow:0 1px 3px #0000001a}.pdf-to-img-page .upload-card:hover,.pdf-to-img-page .settings-card:hover,.pdf-to-img-page .preview-card:hover,.pdf-to-img-page .pdf-info-card:hover{box-shadow:0 4px 12px #00000026}.pdf-to-img-page .upload-card .ant-card-head,.pdf-to-img-page .settings-card .ant-card-head,.pdf-to-img-page .preview-card .ant-card-head,.pdf-to-img-page .pdf-info-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:16px 24px}.pdf-to-img-page .upload-card .ant-card-head .ant-card-head-title,.pdf-to-img-page .settings-card .ant-card-head .ant-card-head-title,.pdf-to-img-page .preview-card .ant-card-head .ant-card-head-title,.pdf-to-img-page .pdf-info-card .ant-card-head .ant-card-head-title{font-size:16px;font-weight:600}.pdf-to-img-page .upload-card .ant-upload-drag{border-radius:6px;padding:20px;transition:all .3s}.pdf-to-img-page .upload-card .ant-upload-drag:hover{border-color:#1890ff}.pdf-to-img-page .upload-card .ant-upload-drag-icon{color:#1890ff;margin-bottom:16px;font-size:48px}.pdf-to-img-page .upload-card .ant-upload-text{margin-bottom:8px;font-size:16px}.pdf-to-img-page .upload-card .ant-upload-hint{color:#00000073}.pdf-to-img-page .settings-card .settings-container{flex-wrap:wrap;gap:24px;padding:8px 0;display:flex}.pdf-to-img-page .settings-card .setting-item{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pdf-to-img-page .settings-card .setting-label{min-width:80px;font-weight:500}.pdf-to-img-page .settings-card .setting-dpi{flex-grow:1}.pdf-to-img-page .settings-card .setting-dpi .ant-radio-group{flex-wrap:wrap;gap:8px;display:flex}.pdf-to-img-page .settings-card .setting-dpi .ant-radio-group .ant-radio-button-wrapper{margin-right:0}.pdf-to-img-page .settings-card .setting-dpi .ant-radio-group .ant-radio-button-wrapper:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.pdf-to-img-page .settings-card .setting-dpi .ant-radio-group .ant-radio-button-wrapper:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.pdf-to-img-page .settings-card .setting-dpi .anticon-info-circle{color:#00000073;cursor:pointer}.pdf-to-img-page .settings-card .setting-dpi .anticon-info-circle:hover{color:#1890ff}.pdf-to-img-page .button-container{justify-content:center;margin:24px 0;display:flex}.pdf-to-img-page .button-container .ant-btn{min-width:150px;height:40px}.pdf-to-img-page .button-container .ant-btn:hover{transition:all .3s;transform:translateY(-1px)}.pdf-to-img-page .loading-container{flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex}.pdf-to-img-page .loading-container .spin-container{flex-direction:column;align-items:center;display:flex}.pdf-to-img-page .loading-container .spin-container .spin-text{color:#000000a6;text-align:center;margin-top:12px;font-size:14px;font-weight:400}.pdf-to-img-page .loading-container .progress-bar-container{background-color:#f0f0f0;border-radius:4px;width:80%;max-width:400px;height:8px;margin-top:20px;overflow:hidden}.pdf-to-img-page .loading-container .progress-bar-container .progress-bar{background-color:#1890ff;border-radius:4px;height:100%;transition:width .3s}.pdf-to-img-page .preview-card .page-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:8px 0;display:grid}.pdf-to-img-page .preview-card .page-item{border:1px solid #f0f0f0;border-radius:8px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #00000014}.pdf-to-img-page .preview-card .page-item:hover{box-shadow:0 4px 12px #00000026}.pdf-to-img-page .preview-card .page-header{background-color:#fafafa;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:8px 12px;font-weight:500;display:flex}.pdf-to-img-page .preview-card .page-image-container{background-color:#fff;justify-content:center;min-height:200px;padding:12px;display:flex}.pdf-to-img-page .preview-card .page-image{object-fit:contain;max-width:100%;max-height:300px}.pdf-to-img-page .preview-card .page-info{background-color:#fafafa;border-top:1px solid #f0f0f0;padding:8px 12px}.pdf-to-img-page .preview-card .page-info .size-info{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.pdf-to-img-page .preview-card .page-info .size-info .ant-tag{align-items:center;margin-right:0;display:flex}.pdf-to-img-page .preview-card .page-info .original-size-info{font-size:12px}.pdf-to-img-page .preview-card .page-info .original-size-info .anticon{cursor:pointer}.pdf-to-img-page .preview-card .page-info .original-size-info .anticon:hover{color:#1890ff}.pdf-to-img-page .preview-card .ant-empty{margin:32px 0}@media (max-width:768px){.pdf-to-img-page{padding:16px}.pdf-to-img-page .settings-card .settings-container{flex-direction:column;gap:16px}.pdf-to-img-page .setting-dpi .ant-radio-group{flex-direction:column;width:100%}.pdf-to-img-page .setting-dpi .ant-radio-group .ant-radio-button-wrapper{text-align:center;width:100%;margin-bottom:-1px;margin-right:0;border-radius:0!important}.pdf-to-img-page .setting-dpi .ant-radio-group .ant-radio-button-wrapper:first-child{border-radius:4px 4px 0 0!important}.pdf-to-img-page .setting-dpi .ant-radio-group .ant-radio-button-wrapper:last-child{margin-bottom:0;border-radius:0 0 4px 4px!important}.pdf-to-img-page .button-container .ant-btn{width:100%}.pdf-to-img-page .preview-card .page-grid{grid-template-columns:1fr}.pdf-to-img-page .preview-card .page-info .size-info{flex-direction:column;gap:4px}}