*{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:720px;margin:40px auto;padding:0 16px}.form-card{background:#fff;border-radius:16px;padding:48px 40px;box-shadow:0 4px 20px rgb(124 58 237 / .08);text-align:center}.badge,.card-header-badge .badge{display:inline-block;background:#7C3AED;color:#F5F3FF;font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;letter-spacing:.5px;margin-bottom:20px}.title{font-size:34px;font-weight:700;color:#111827;margin-bottom:12px}.subtitle{font-size:16px;color:#6B7280;margin-bottom:24px}.tool-hero-icon img{width:98px!important;height:98px!important;max-width:98px!important;max-height:98px!important;object-fit:contain;margin:0 auto 16px auto;display:block;filter:drop-shadow(0 4px 12px rgb(0 0 0 / .06))}.upload-zone{border:2px dashed #C4B5FD;border-radius:16px;padding:28px 24px;background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%);margin-bottom:24px;transition:all 0.25s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.upload-zone:hover,.upload-zone.dragover{border-color:#9333ea;background:linear-gradient(135deg,#f3e8ff 100%,#ede9fe 100%)}.upload-content-wrapper{display:flex;align-items:center;gap:18px;text-align:left}.upload-icon,.upload-icon-small{width:36px!important;height:36px!important;min-width:36px;margin:0;color:#9333ea}.upload-text-group{text-align:left}.upload-text{font-size:15px;color:#1e1b4b;margin:0}.upload-subtext{font-size:13px;color:#6b21a8;margin:4px 0 0 0}.browse-link{color:#7c3aed;font-weight:600;cursor:pointer}.file-info-box{display:none;background-color:#f0f7ff!important;border:1.5px solid #93c5fd!important;border-radius:12px!important;padding:14px 18px!important;margin-bottom:24px;text-align:left;box-shadow:0 3px 10px rgb(37 99 235 / .06)!important}.file-info-box .name{font-weight:600;color:#1e1b4b!important;margin-bottom:4px}.file-info-box .size{font-size:13px;color:#64748b!important}.section-card{display:none;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px rgb(124 58 237 / .08);margin-top:16px;text-align:left}.section-card h3{font-size:18px;font-weight:700;color:#111827;margin-bottom:20px;text-align:center}.option{border:2px solid #E5E7EB;border-radius:12px;padding:14px 16px;margin-bottom:8px;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:flex-start;gap:14px}.option:hover{border-color:#C4B5FD;background:#FAF5FF}.option.selected{border-color:#7C3AED;background:#F5F3FF}.option-icon{font-size:24px;line-height:1}.option-title{font-size:15px;font-weight:600;color:#111827;margin-bottom:4px}.option-desc{font-size:13px;color:#6B7280;line-height:1.4}.option-badge{display:inline-block;margin-top:8px;background:#7C3AED;color:#fff;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.level-option{justify-content:space-between;align-items:center}.level-left{display:flex;align-items:center;gap:14px}.level-radio{width:20px;height:20px;border:2px solid #D1D5DB;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.level-option.selected .level-radio{border-color:#7C3AED;background:#7C3AED}.level-option.selected .level-radio::after{content:'✓';color:#fff;font-size:12px;font-weight:700}.level-badge{background:#10B981;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px}.level-badge.recommended{background:#7C3AED}.buttons-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:8px}.action-btn{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#ffffff!important;font-size:16px;font-weight:600;padding:14px 36px;border:none;border-radius:10px;cursor:pointer;transition:all 0.2s ease;min-width:160px;box-shadow:0 4px 14px rgb(124 58 237 / .35);text-shadow:0 1px 2px rgb(0 0 0 / .15)}.action-btn:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);color:#ffffff!important;transform:translateY(-1px)}.action-btn:disabled{background:#C4B5FD;color:#ffffff!important;cursor:not-allowed;transform:none;box-shadow:none;text-shadow:none}.secondary-btn{background:#fff;color:#374151;font-size:15px;font-weight:600;padding:14px 28px;border:1px solid #D1D5DB;border-radius:10px;cursor:pointer;transition:all 0.2s ease}.secondary-btn:hover{background:#F3F4F6;border-color:#9CA3AF;color:#111827}.progress-box{display:none;text-align:center;padding:20px 0}.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 0.3s ease}.result-box{display:none;text-align:center}.result-icon{font-size:48px;margin-bottom:12px}.result-title{font-size:26px;font-weight:700;color:#111827;margin-bottom:16px}.result-stats{background-color:#f0f7ff!important;border:1.5px solid #93c5fd!important;border-radius:12px!important;padding:20px;margin-bottom:24px;text-align:left;box-shadow:0 3px 10px rgb(37 99 235 / .06)!important}.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}#file-input{display:none}.form-card.has-file{padding:24px 28px}.form-card.has-file .badge,.form-card.has-file .title,.form-card.has-file .subtitle,.form-card.has-file .upload-zone,.form-card.has-file .tool-hero-icon,.form-card.has-file .card-header-badge{display:none}.form-card.has-file .file-info-box{margin-bottom:0}.form-card .section-card{box-shadow:none;border-radius:0;border-top:1px solid #E5E7EB;margin:16px 0 0;padding:20px 0 0}.form-card .section-card h3{margin-bottom:14px}@media (max-width:560px){.main-container{margin:12px auto}.form-card,.form-card.has-file{padding:24px 18px}.title{font-size:30px}.upload-zone{padding:28px 16px}}.result-card{display:none;background:#fff!important;border-radius:16px;box-shadow:0 4px 24px rgb(0 0 0 / .06)}.result-card.active{display:block}.result-layout{display:flex;gap:28px;align-items:flex-start}.result-main{flex:1;min-width:0;text-align:center}.continue-editing{width:260px;flex-shrink:0;background:#FAF5FF;border:1px solid #E9D5FF;border-radius:12px;padding:16px 14px;display:flex;flex-direction:column;max-height:480px;text-align:left}.continue-title{font-size:11px;font-weight:700;color:#7C3AED;letter-spacing:.6px;margin-bottom:12px;text-transform:uppercase;flex-shrink:0}.continue-list{overflow-y:auto;flex:1;padding-right:4px;margin-bottom:8px}.continue-list::-webkit-scrollbar{width:4px}.continue-list::-webkit-scrollbar-track{background:#fff0}.continue-list::-webkit-scrollbar-thumb{background:#D8B4FE;border-radius:4px}.continue-item{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:8px;color:#1F2937;text-decoration:none;font-size:13.5px;font-weight:500;transition:all 0.15s ease;margin-bottom:1px}.continue-item:hover{background:#F3E8FF;color:#6D28D9}.continue-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.continue-text{flex:1}.continue-arrow{color:#A78BFA;font-size:16px}.continue-item:hover .continue-arrow{color:#7C3AED}.continue-footer{flex-shrink:0;padding-top:12px;border-top:1px solid #E9D5FF;display:flex;flex-direction:column;gap:4px}.text-btn{background:none;border:none;color:#7C3AED;font-size:13px;font-weight:600;cursor:pointer;text-align:left;padding:4px 4px;border-radius:6px;transition:background 0.15s}.text-btn:hover{background:#F3E8FF}@media (max-width:640px){.result-layout{flex-direction:column;gap:20px}.continue-editing{width:100%;max-height:360px}}