*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background-color:#F5F0FF;color:#1F2937;line-height:1.5}.main-container{max-width:1200px;margin:24px auto;padding:0 16px}.form-card{background:#fff;border-radius:16px;padding:28px 24px;box-shadow:0 4px 20px rgb(124 58 237 / .08)}.header{text-align:center;margin-bottom:24px}.badge{display:inline-block;background:#7C3AED;color:#F5F3FF;font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;letter-spacing:.5px;margin-bottom:12px}.title{font-size:32px;font-weight:700;color:#111827;margin-bottom:6px}.subtitle{font-size:15px;color:#6B7280}.upload-zone{border:2px dashed #C4B5FD;border-radius:12px;padding:48px 24px;background:#FAF5FF;margin-bottom:20px;transition:all .2s ease;cursor:pointer;text-align:center}.upload-zone:hover,.upload-zone.dragover{border-color:#7C3AED;background:#F3E8FF}.upload-icon{width:48px;height:48px;margin:0 auto 14px;color:#7C3AED}.upload-text{font-size:15px;color:#6B7280}#file-input{display:none}.workspace{display:none;gap:20px;margin-top:8px}.workspace.active{display:grid;grid-template-columns:1fr 320px}.preview-panel{background:#F9FAFB;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:560px}.preview-toolbar{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:#fff;border-bottom:1px solid #E5E7EB}.toolbar-btn{background:#F3F4F6;border:1px solid #E5E7EB;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#374151;transition:all .15s}.toolbar-btn:hover{background:#EDE9FE;border-color:#C4B5FD;color:#7C3AED}.zoom-level{font-size:13px;font-weight:600;color:#6B7280;min-width:48px;text-align:center}.preview-stage{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:24px;background:#F3F4F6}#page-canvas{box-shadow:0 4px 20px rgb(0 0 0 / .12);background:#fff;max-width:100%}.options-panel{display:flex;flex-direction:column;gap:14px}.file-info-box{background:#F9FAFB;border:1px solid #E5E7EB;border-radius:12px;padding:14px 16px}.file-info-box .name{font-weight:600;color:#111827;font-size:14px;margin-bottom:4px;word-break:break-all}.file-info-box .size{font-size:13px;color:#6B7280}.page-controls{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:16px}.page-numbers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.page-btn{height:40px;border-radius:8px;border:1.5px solid #E5E7EB;background:#fff;font-size:15px;font-weight:600;color:#374151;cursor:pointer;transition:all .15s}.page-btn:hover{border-color:#A78BFA;background:#F5F3FF}.page-btn.current{background:#7C3AED;border-color:#7C3AED;color:#fff}.page-btn.selected{background:#10B981;border-color:#10B981;color:#fff}.page-btn.selected.current{background:#059669;border-color:#059669;box-shadow:0 0 0 2px rgb(16 185 129 / .35)}.nav-row{display:flex;flex-direction:column;gap:8px}.nav-btn{height:38px;border-radius:8px;border:1.5px solid #E5E7EB;background:#fff;font-size:13px;font-weight:600;color:#374151;cursor:pointer;transition:all .15s}.nav-btn:hover:not(:disabled){background:#F3F4F6;border-color:#9CA3AF}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.page-status{text-align:center;font-size:13px;font-weight:600;color:#6B7280;padding:4px 0}.extract-btn{height:42px;border-radius:8px;border:none;background:#10B981;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;width:100%;margin-top:10px}.extract-btn:hover{background:#059669}.extract-btn.is-selected{background:#EF4444}.extract-btn.is-selected:hover{background:#DC2626}.clear-sel-btn{height:36px;border-radius:8px;border:1.5px solid #E5E7EB;background:#fff;font-size:13px;font-weight:600;color:#6B7280;cursor:pointer;transition:all .15s;width:100%;margin-top:8px}.clear-sel-btn:hover{background:#F3F4F6;border-color:#9CA3AF;color:#374151}.options-box{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:16px}.options-title{font-size:14px;font-weight:600;color:#111827;margin-bottom:12px}.option-item{border:2px solid #E5E7EB;border-radius:10px;padding:14px;margin-bottom:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:flex-start;gap:12px}.option-item:hover{border-color:#C4B5FD;background:#FAF5FF}.option-item.selected{border-color:#7C3AED;background:#F5F3FF}.option-radio{width:18px;height:18px;border:2px solid #D1D5DB;border-radius:50%;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center}.option-item.selected .option-radio{border-color:#7C3AED;background:#7C3AED}.option-item.selected .option-radio::after{content:'';width:7px;height:7px;background:#fff;border-radius:50%}.option-title{font-size:14px;font-weight:600;color:#111827;margin-bottom:3px}.option-desc{font-size:12px;color:#6B7280;line-height:1.4}.range-input{display:none;margin-top:10px}.range-input input{width:100%;padding:10px 12px;border:1px solid #D1D5DB;border-radius:8px;font-size:13px;outline:0}.range-input input:focus{border-color:#7C3AED}.range-hint{font-size:11px;color:#9CA3AF;margin-top:5px}.buttons-row{display:flex;flex-direction:column;gap:10px}.action-btn{background:#7C3AED;color:#F5F3FF;font-size:15px;font-weight:600;padding:13px 20px;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;width:100%}.action-btn:hover{background:#6D28D9;transform:translateY(-1px);box-shadow:0 4px 12px rgb(124 58 237 / .35)}.action-btn:disabled{background:#C4B5FD;cursor:not-allowed;transform:none;box-shadow:none}.clear-btn{background:#fff;color:#6B7280;font-size:14px;font-weight:600;padding:11px 20px;border:1px solid #D1D5DB;border-radius:10px;cursor:pointer;transition:all .2s ease;width:100%}.clear-btn:hover{background:#F3F4F6;border-color:#9CA3AF;color:#374151}.progress-card,.result-card{display:none;text-align:center;padding:40px 20px}.progress-bar{width:100%;height:8px;background:#E5E7EB;border-radius:4px;overflow:hidden;margin:16px 0}.progress-fill{height:100%;background:linear-gradient(90deg,#8B5CF6,#7C3AED);width:0;transition:width .3s ease}.result-icon{font-size:48px;margin-bottom:12px}.result-title{font-size:20px;font-weight:700;color:#111827;margin-bottom:16px}.result-stats{background:#F9FAFB;border-radius:12px;padding:16px 20px;margin-bottom:24px;text-align:left}.stat-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.stat-row:last-child{margin-bottom:0}.stat-label{color:#6B7280}.stat-value{font-weight:600;color:#111827}@media (max-width:900px){.workspace.active{grid-template-columns:1fr}.preview-panel{min-height:400px}}