@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
.pce-wrap{font-family:'Plus Jakarta Sans',sans-serif;max-width:680px;margin:2rem auto;color:#0F172A}
.pce-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}
.pce-header-icon svg{width:52px;height:52px;filter:drop-shadow(0 6px 16px rgba(37,99,235,.3))}
.pce-header-text h2{margin:0 0 3px;font-size:1.4rem;font-weight:700}
.pce-header-text p{margin:0;color:#64748B;font-size:.875rem}
.pce-features{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}
.pce-feat{display:flex;align-items:center;gap:.4rem;background:#F8FAFF;border:1px solid #E0E7FF;border-radius:99px;padding:.4rem 1rem;font-size:.82rem;font-weight:600;color:#3730A3}
.pce-drop-zone{border:2px dashed #CBD5E1;border-radius:20px;background:#F8FAFF;cursor:pointer;transition:all .25s;user-select:none}
.pce-drop-zone:hover,.pce-drop-zone.drag-over{border-color:#2563EB;background:#EFF6FF;transform:translateY(-2px)}
.pce-drop-inner{display:flex;flex-direction:column;align-items:center;padding:2.5rem 2rem;gap:.5rem}
.pce-drop-anim svg{width:80px;height:80px;margin-bottom:.5rem}
.pce-drop-zone.drag-over .pce-drop-anim svg{animation:pce-bounce .5s ease infinite alternate}
@keyframes pce-bounce{to{transform:translateY(-6px)}}
.pce-drop-title{font-size:1.05rem;font-weight:600;color:#1E293B;margin:0}
.pce-drop-sub{font-size:.85rem;color:#94A3B8;margin:0}
.pce-drop-hint{font-size:.78rem;color:#94A3B8;margin:0}
.pce-btn-browse{background:#2563EB;color:#fff;border:none;border-radius:10px;padding:.65rem 1.75rem;font-size:.9rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;margin:.4rem 0}
.pce-btn-browse:hover{background:#1D4ED8;transform:translateY(-1px)}
.pce-file-info{display:flex;align-items:center;gap:.75rem;background:#F0FDF4;border:1.5px solid #BBF7D0;border-radius:12px;padding:.8rem 1.2rem;margin-top:1rem}
.pce-file-icon{font-size:1.3rem}
.pce-file-name{font-weight:600;font-size:.9rem;color:#166534;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pce-file-size{font-size:.8rem;color:#4ADE80;white-space:nowrap}
.pce-btn-remove{background:none;border:none;cursor:pointer;color:#94A3B8;font-size:1rem;padding:0 .2rem;transition:color .2s}
.pce-btn-remove:hover{color:#EF4444}
.pce-actions{margin-top:1.25rem}
.pce-btn-process{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;background:linear-gradient(135deg,#2563EB,#7C3AED);color:#fff;border:none;border-radius:14px;padding:1rem 2rem;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .25s;box-shadow:0 4px 20px rgba(37,99,235,.35)}
.pce-btn-process:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(37,99,235,.45)}
.pce-btn-process:disabled{opacity:.4;cursor:not-allowed}
.pce-btn-process.loading .pce-btn-icon-wrap svg{animation:pce-spin 1s linear infinite}
@keyframes pce-spin{to{transform:rotate(360deg)}}
.pce-progress-wrap{margin-top:1.5rem}
.pce-progress-track{height:6px;background:#E2E8F0;border-radius:99px;overflow:hidden;margin-bottom:1.25rem}
.pce-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#2563EB,#7C3AED);border-radius:99px;transition:width .7s ease}
.pce-steps{display:flex;justify-content:space-between;gap:.5rem}
.pce-step{display:flex;flex-direction:column;align-items:center;gap:.4rem;font-size:.75rem;color:#94A3B8;text-align:center;flex:1;transition:color .3s}
.pce-step.active{color:#2563EB;font-weight:600}
.pce-step.done{color:#16A34A}
.pce-step-dot{width:10px;height:10px;border-radius:50%;background:#CBD5E1;transition:all .3s}
.pce-step.active .pce-step-dot{background:#2563EB;transform:scale(1.4);box-shadow:0 0 0 4px rgba(37,99,235,.2)}
.pce-step.done .pce-step-dot{background:#16A34A}
.pce-error{display:flex;align-items:center;gap:.75rem;background:#FFF1F2;border:1.5px solid #FECDD3;border-radius:12px;padding:1rem 1.2rem;margin-top:1rem;color:#BE123C;font-size:.875rem}
.pce-result{background:#fff;border:1.5px solid #E2E8F0;border-radius:20px;padding:2rem;margin-top:1.5rem;box-shadow:0 4px 24px rgba(0,0,0,.07);text-align:center}
.pce-result-check{font-size:3rem;margin-bottom:.5rem}
.pce-result h3{margin:0 0 1.25rem;font-size:1.2rem;font-weight:700}
.pce-result-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}
.pce-rstat{display:flex;flex-direction:column;align-items:center;gap:.2rem}
.pce-rstat span{font-size:1.8rem;font-weight:700;color:#0F172A}
.pce-rstat small{font-size:.78rem;color:#64748B;text-transform:uppercase;letter-spacing:.05em}
.pce-downloads{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;text-align:left}
.pce-dl-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:14px;text-decoration:none;transition:all .2s;border:1.5px solid transparent}
.pce-dl-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1)}
.pce-dl-excel{background:#F0FDF4;border-color:#BBF7D0}
.pce-dl-zip{background:#F5F3FF;border-color:#DDD6FE}
.pce-dl-icon svg{width:40px;height:40px;flex-shrink:0}
.pce-dl-label{display:block;font-weight:700;font-size:.9rem;color:#0F172A;margin-bottom:.1rem}
.pce-dl-card small{display:block;font-size:.78rem;color:#64748B}
.pce-dl-arr{font-size:1.3rem;font-weight:700;margin-left:auto}
.pce-dl-excel .pce-dl-arr{color:#16A34A}
.pce-dl-zip .pce-dl-arr{color:#7C3AED}
.pce-btn-reset{background:none;border:1.5px solid #CBD5E1;border-radius:10px;padding:.65rem 1.5rem;font-size:.875rem;font-weight:600;font-family:inherit;color:#64748B;cursor:pointer;transition:all .2s}
.pce-btn-reset:hover{border-color:#2563EB;color:#2563EB}
@media(max-width:560px){.pce-steps{flex-direction:column;align-items:flex-start}.pce-step{flex-direction:row}.pce-features{gap:.5rem}.pce-result-stats{gap:1rem}}