.ic-converter-container{max-width:1124px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.ic-converter-header{text-align:center;margin-bottom:30px}.ic-converter-header h2{color:#333;margin-bottom:10px}.ic-converter-header p{color:#666;font-size:16px}.ic-usage-indicator{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:15px;margin-bottom:20px}.ic-usage-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:8px}.ic-usage-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);transition:width .3s ease}.ic-usage-text{font-size:14px;color:#6c757d;text-align:center}.ic-drop-zone{border:2px dashed #dee2e6;border-radius:12px;padding:60px 20px;text-align:center;background:#f8f9fa;transition:all .3s ease;cursor:pointer;min-height:300px;display:flex;align-items:center;justify-content:center}.ic-drop-zone:hover,.ic-drop-zone.dragover{border-color:#007cba;background:#f0f8ff}.ic-drop-content svg{color:#6c757d;margin-bottom:15px}.ic-drop-content h3{color:#333;margin-bottom:10px}.ic-drop-content p{color:#666;margin:0}.ic-browse-btn{background:#52a7e7;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block;font-size:16px;font-weight:600;margin-top:10px;transition:background .3s ease;pointer-events:all;position:relative;z-index:10}.ic-browse-btn:hover{background:#4a9fdf}.ic-file-list{margin-top:20px}.ic-file-item{display:flex;align-items:center;padding:12px;background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:10px}.ic-file-preview{width:50px;height:50px;border-radius:4px;margin-right:12px;object-fit:cover}.ic-file-info{flex:1}.ic-file-name{font-weight:600;color:#333;margin-bottom:4px}.ic-file-size{font-size:14px;color:#666}.ic-file-remove{background:#dc3545;color:#fff;border:none;padding:8px;border-radius:50%;cursor:pointer;font-size:14px;transition:background .3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px}.ic-file-remove:hover{background:#c82333}.ic-format-info{margin-top:20px;padding-top:15px;border-top:1px solid #dee2e6}.ic-format-info p{color:#999;font-size:14px;margin:5px 0}.ic-options-section{margin:30px 0;padding:20px;background:#fff;border:1px solid #dee2e6;border-radius:8px;display:none;opacity:0;transform:translateY(-10px);transition:all .3s ease}.ic-options-section.show{display:block;opacity:1;transform:translateY(0)}.ic-format-selector{margin-bottom:20px}.ic-format-selector label{display:block;margin-bottom:5px;font-weight:600;color:#333}.ic-format-selector select{width:100%;padding:10px;border:1px solid #dee2e6;border-radius:4px;font-size:16px}.ic-resize-options,.ic-compression-options{margin-bottom:20px}.ic-resize-options h4,.ic-compression-options h4{margin-bottom:10px;color:#333}.ic-resize-controls{display:flex;flex-direction:column;gap:15px;margin-bottom:10px}.ic-size-inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ic-size-inputs label{display:flex;flex-direction:column}.ic-size-inputs label span{margin-bottom:5px;font-weight:500;color:#333}.ic-resize-options-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.ic-checkbox-label{display:flex;align-items:center;gap:8px}.ic-original-size-btn{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s ease}.ic-original-size-btn:hover{background:#5a6268}.ic-quick-sizes{margin-top:10px}.ic-quick-sizes label{display:block;margin-bottom:8px;font-weight:500;color:#333}.ic-quick-size-buttons{display:flex;gap:8px;flex-wrap:wrap}.ic-size-btn{background:#e9ecef;color:#495057;border:1px solid #ced4da;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .3s ease}.ic-size-btn:hover{background:#52a7e7;color:#fff;border-color:#52a7e7}.ic-resize-controls input[type=number]{padding:8px;border:1px solid #dee2e6;border-radius:4px;font-size:14px}.ic-resize-controls input[type=checkbox]{margin-right:8px}.ic-compression-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.ic-compression-option{display:flex;align-items:center;padding:12px;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s ease}.ic-compression-option:hover{border-color:#52a7e7;background:#f8f9ff}.ic-compression-option input[type=radio]{margin-right:12px}.ic-compression-option input[type=radio]:checked+.ic-compression-info{color:#52a7e7}.ic-compression-option:has(input[type=radio]:checked){border-color:#52a7e7;background:#f8f9ff}.ic-compression-info{display:flex;flex-direction:column;gap:4px}.ic-compression-title{font-weight:600;color:#333;font-size:14px}.ic-compression-desc{font-size:12px;color:#666}.ic-quality-slider{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.ic-quality-slider label{display:flex;flex-direction:column;gap:10px}.ic-quality-slider label span{font-weight:500;color:#333}.ic-quality-slider input[type=range]{width:100%;height:6px;background:#e9ecef;outline:none;border-radius:3px;appearance:none}.ic-quality-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:#52a7e7;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}.ic-quality-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#52a7e7;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.2)}.ic-quality-presets{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.ic-quality-btn{background:#e9ecef;color:#495057;border:1px solid #ced4da;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .3s ease}.ic-quality-btn:hover{background:#52a7e7;color:#fff;border-color:#52a7e7}.ic-convert-section{text-align:center;margin:30px 0;display:none;opacity:0;transform:translateY(-10px);transition:all .3s ease}.ic-convert-section.show{display:block;opacity:1;transform:translateY(0)}.ic-convert-btn{background:#52a7e7;color:#fff;border:none;padding:15px 40px;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:background .3s ease;min-width:200px}.ic-convert-btn:hover:not(:disabled){background:#4a9fdf}.ic-convert-btn:disabled{background:#6c757d;cursor:not-allowed}.ic-progress-bar{position:relative;height:20px;background:#e9ecef;border-radius:10px;overflow:hidden;margin-top:20px}.ic-progress-fill{height:100%;background:linear-gradient(90deg,#007cba,#28a745);transition:width .3s ease;width:0}.ic-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:600;color:#333}.ic-results-section{margin-top:30px}.ic-results-section h3{color:#333;margin-bottom:20px}.ic-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.ic-result-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;text-align:center;position:relative}.ic-result-header{position:absolute;top:10px;right:10px;z-index:10}.ic-result-remove{background:#dc3545;color:#fff;border:none;padding:6px;border-radius:50%;cursor:pointer;font-size:12px;transition:background .3s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px}.ic-result-remove:hover{background:#c82333}.ic-result-preview{width:100%;height:150px;object-fit:cover;border-radius:4px;margin-bottom:10px}.ic-result-info{margin-bottom:15px}.ic-result-filename{font-weight:600;color:#333;margin-bottom:5px;font-size:14px}.ic-result-format{font-weight:600;color:#52a7e7;font-size:12px}.ic-result-size{font-size:12px;color:#666;margin-top:2px}.ic-result-actions{margin-top:10px}.ic-download-single{background:#52a7e7;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:background .3s ease;width:100%;justify-content:center;box-sizing:border-box;margin-bottom:10px}.ic-download-single:hover{background:#4a9bd1}.ic-download-actions{text-align:center}.ic-download-btn{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease}.ic-download-btn:hover{background:#218838}.ic-upgrade-notice{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999}.ic-upgrade-content{background:#fff;padding:30px;border-radius:12px;text-align:center;max-width:400px;width:90%}.ic-upgrade-content h3{color:#333;margin-bottom:15px}.ic-upgrade-content p{color:#666;margin-bottom:20px}.ic-upgrade-btn{background:#007cba;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}.ic-upgrade-btn:hover{background:#005a87}@media (max-width:768px){.ic-converter-container{padding:15px}.ic-size-inputs{grid-template-columns:1fr}.ic-resize-options-row{flex-direction:column;align-items:flex-start;gap:10px}.ic-quick-size-buttons{justify-content:center}.ic-quality-presets{justify-content:center}.ic-results-grid{grid-template-columns:1fr}.ic-file-item{flex-direction:column;align-items:center;text-align:center;padding:15px}.ic-file-preview{margin-bottom:10px}.ic-file-info{margin-bottom:10px}.ic-download-single{min-height:44px;font-size:16px;padding:12px 20px;margin-bottom:8px}.ic-result-item{padding:20px}.ic-result-preview{height:200px}.ic-result-actions{display:flex;flex-direction:column;gap:10px}.ic-download-actions{margin-top:20px}.ic-download-actions .ic-download-btn{width:100%;min-height:44px;font-size:16px;padding:12px 20px}}