.pxic-converter-container{max-width:800px;margin:20px auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.pxic-converter-form{background:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:30px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.pxic-converter-form h3{margin:0 0 25px;color:#2c3e50;text-align:center;font-size:24px;font-weight:600}.pxic-upload-area{margin-bottom:25px;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.pxic-upload-label{display:block;margin-bottom:10px;font-weight:600;color:#2d3748;font-size:14px}.pxic-file-input{display:block;width:100%;padding:8px;font-size:14px;border:1px solid #cbd5e0;border-radius:4px;background:#fff;cursor:pointer}.pxic-file-input:hover{border-color:#4299e1}.pxic-file-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px rgba(66,153,225,.1)}.pxic-upload-subtext{margin:0;font-size:14px;color:#718096}.pxic-upload-progress,.pxic-conversion-progress{margin:20px 0}.pxic-progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:10px}.pxic-progress-fill{height:100%;background:linear-gradient(90deg,#4299e1,#3182ce);width:0;transition:width .3s ease;animation:progress-animation 1.5s ease-in-out infinite}@keyframes progress-animation{0%{transform:translateX(-100%)}50%{transform:translateX(0%)}100%{transform:translateX(100%)}}.pxic-progress-text{margin:0;text-align:center;color:#4a5568;font-size:14px}.pxic-conversion-options{margin:25px 0;padding:20px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.pxic-conversion-options h4{margin:0 0 20px;color:#2d3748;font-size:18px;font-weight:600}.pxic-option-group{margin-bottom:20px}.pxic-option-group:last-child{margin-bottom:0}.pxic-option-group>label{display:block;margin-bottom:10px;color:#4a5568;font-weight:500;font-size:14px}.pxic-format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.pxic-format-option{display:flex;align-items:center;padding:12px 15px;background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease;margin:0}.pxic-format-option:hover{border-color:#cbd5e0}.pxic-format-option input[type=radio]{margin:0 8px 0 0}.pxic-format-option input[type=radio]:checked+.pxic-format-label{font-weight:600}.pxic-format-option:has(input[type=radio]:checked){border-color:#4299e1;background:#ebf8ff}.pxic-format-option.disabled{opacity:.5;cursor:not-allowed}.pxic-format-label{font-size:14px;color:#2d3748}.pxic-format-label small{display:block;color:#e53e3e;font-size:12px;margin-top:2px}.pxic-quality-slider{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;appearance:none;margin:5px 0}.pxic-quality-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#4299e1;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.pxic-quality-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#4299e1;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.pxic-convert-button,.pxic-secondary-button,.pxic-download-button{display:inline-block;padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;text-align:center}.pxic-convert-button{background:#4299e1;color:#fff;width:100%}.pxic-convert-button:hover{background:#3182ce}.pxic-convert-button:disabled{background:#a0aec0;cursor:not-allowed}.pxic-secondary-button{background:#e2e8f0;color:#4a5568}.pxic-secondary-button:hover{background:#cbd5e0}.pxic-download-button{background:#48bb78;color:#fff}.pxic-download-button:hover{background:#38a169;color:#fff;text-decoration:none}.pxic-results{margin:25px 0}.pxic-results h4{margin:0 0 20px;color:#2d3748;font-size:18px;font-weight:600}.pxic-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.pxic-result-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;text-align:center}.pxic-result-item h5{margin:0 0 15px;color:#4a5568;font-size:16px;font-weight:600}.pxic-image-preview{margin-bottom:15px;border-radius:6px;overflow:hidden;background:#fff;border:1px solid #e2e8f0;min-height:150px;display:flex;align-items:center;justify-content:center}.pxic-image-preview img{max-width:100%;max-height:150px;object-fit:contain}.pxic-image-info{margin-bottom:15px;font-size:14px;color:#718096}.pxic-download-actions{margin-top:15px}.pxic-compression-stats{background:#edf2f7;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:20px}.pxic-stat{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pxic-stat:last-child{margin-bottom:0}.pxic-stat-label{color:#4a5568;font-weight:500}.pxic-stat-value{color:#2d3748;font-weight:600}.pxic-error{margin:25px 0;padding:20px;background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;text-align:center}.pxic-error-message{margin:0 0 15px;color:#c53030;font-weight:500}@media (max-width:768px){.pxic-converter-form{padding:20px}.pxic-format-grid{grid-template-columns:1fr}.pxic-results-grid{grid-template-columns:1fr}.pxic-upload-box{padding:30px 15px}}@media (max-width:480px){.pxic-converter-container{margin:10px}.pxic-converter-form{padding:15px}.pxic-stat{flex-direction:column;align-items:flex-start}.pxic-stat-value{margin-top:5px}}