.btn, .form-control, .form-select, .form-check-input { border-radius: 12px; } .form-control, .form-select { min-height: 46px; border: 1px solid rgba(155, 178, 233, 0.48); box-shadow: inset 0 1px 2px rgba(31, 49, 102, 0.03); } .form-control:focus, .form-select:focus, .form-check-input:focus { border-color: rgba(46, 99, 255, 0.52); box-shadow: 0 0 0 4px rgba(46, 99, 255, 0.12); } .form-label { margin-bottom: 8px; color: #31486f; font-weight: 700; } .form-text, .text-muted { color: var(--text-muted) !important; } .btn-primary { background: linear-gradient(130deg, var(--primary), #5c7cff); border: 0; } .btn-primary:hover { background: linear-gradient(130deg, #2850ed, #4468f5); } .btn-success { background: linear-gradient(130deg, #189972, #22c495); border: 0; } .btn-outline-primary { border-color: #96adf5; color: var(--primary-strong); } .btn-outline-primary:hover { background: var(--primary-soft); border-color: var(--primary); color: var(--primary-strong); } .alert { border-radius: 16px; border: 1px solid transparent; box-shadow: var(--shadow-sm); } .alert-success { background: linear-gradient(180deg, #eefdf7, #e8faf4); border-color: #b7efd8; color: #0f7e5d; } .alert-danger { background: linear-gradient(180deg, #fff3f5, #ffedf1); border-color: #ffc6d1; color: #b72844; } .feature-section + .feature-section { margin-top: 20px; } .feature-upload-section, .feature-options-section, .feature-action-section { width: 100%; } .panel-section-title { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; color: #2547a6; font-size: 0.98rem; font-weight: 800; letter-spacing: 0.01em; line-height: 1.35; } .panel-section-title i { color: var(--primary); font-size: 0.95em; } .split-options, .compress-options, #editTypeSelection, #cropOptions, #rotateOptions, #reorderOptions, #deleteOptions, .convert-options { background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 255, 0.98)), radial-gradient(circle at 100% 0%, rgba(46, 99, 255, 0.06), transparent 30%); border: 1px solid rgba(164, 183, 232, 0.34); border-radius: 22px; padding: 18px; box-shadow: var(--shadow-sm); } .split-options h6, .compress-options h6, .convert-options h6, .pdf-to-images-option-card h6 { display: flex; align-items: center; gap: 8px; } .feature-upload-section .file-list, .feature-options-section .compression-result, .feature-action-section .btn-merge { margin-top: 0; } .feature-options-section .form-check:last-child, .pdf-to-images-option-card .form-check:last-child { margin-bottom: 0 !important; } .form-check { position: relative; border-radius: 14px; padding: 12px 14px 12px 2.2rem; transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; border: 1px solid transparent; } .form-check:hover { background: var(--surface-soft); border-color: rgba(174, 190, 233, 0.34); } .form-check-label { color: #334a73; line-height: 1.65; } .form-check-input { margin-top: 0.32rem; } .form-check-input:checked { background-color: var(--primary); border-color: var(--primary); } .form-check strong { color: #20385f; } #rangeOptions, #groupOptions, #extractOptions, #singlePageOptions, #rangeConvertOptions, #extractConvertOptions { margin-top: 12px !important; margin-left: 0 !important; padding: 14px; border: 1px solid rgba(173, 189, 232, 0.32); border-radius: 14px; background: rgba(247, 250, 255, 0.92); } .feature-options-section .form-check + .form-check { margin-top: 4px; } .progress-container { margin-top: 14px; padding: 14px; border-radius: 16px; background: rgba(255, 255, 255, 0.85); border: 1px solid rgba(172, 189, 232, 0.3); } .progress { height: 12px; border-radius: 999px; background: #e4ebfb; overflow: hidden; } .progress-bar { background: linear-gradient(90deg, var(--primary), #5f7eff, var(--accent)); } .progress-info { color: var(--text-muted); } .download-container { margin-top: 22px; padding: 20px; border-radius: 20px; background: linear-gradient(180deg, #f9fbff, #f1f6ff); border: 1px solid rgba(164, 183, 232, 0.34); box-shadow: var(--shadow-sm); } .download-links { margin-top: 12px; } .download-item { background: linear-gradient(180deg, #ffffff, #f9fbff); border: 1px solid rgba(171, 188, 231, 0.36); border-radius: 14px; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .download-item:hover { transform: translateY(-1px); border-color: rgba(111, 143, 232, 0.42); box-shadow: 0 10px 22px rgba(30, 58, 138, 0.1); } .compression-result .row { row-gap: 10px; }