:root{--bg: #0D1117;--surface: #161B27;--surface-2: #1E2538;--border: #252F47;--border-hover: #3A4B6B;--accent: #00FFA3;--accent-dim: rgba(0,255,163,.1);--accent-glow: rgba(0,255,163,.25);--text-1: #E8EDF5;--text-2: #8492AB;--text-3: #4A5568;--danger: #FF6B6B;--danger-dim: rgba(255,107,107,.1);--radius: 12px;--radius-sm: 8px;--brand-green: #63ab80;--brand-green-dark: #498b64;--brand-green-glow: rgba(99,171,128,.3);--brand-pink: #b64a90;--brand-pink-dark: #8a366e;--brand-pink-glow: rgba(182,74,144,.3);--brand-orange: #de962f;--brand-orange-dark: #c7702b;--brand-orange-glow: rgba(222,150,47,.3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text-1);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.m-b-0{margin-bottom:0}.file-hint{color:var(--text-3);font-size:12px;margin-left:4px}.launch{margin-top:18px}.app{width:100%;max-width:500px}.header{text-align:center;margin-bottom:36px}.header-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:16px;color:var(--accent)}.header-icon.spin svg{animation:spin 1.4s linear infinite;transform-origin:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header h1{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.4px;margin-bottom:8px}.header p{font-size:14px;color:var(--text-2);line-height:1.5}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.drop-zone{position:relative;border:2px dashed var(--border);border-radius:var(--radius-sm);padding:44px 20px;text-align:center;cursor:pointer;transition:border-color .2s,box-shadow .2s;background-image:linear-gradient(var(--surface-2) 1px,transparent 1px),linear-gradient(90deg,var(--surface-2) 1px,transparent 1px);background-size:28px 28px;overflow:hidden}.drop-zone:before{content:"";position:absolute;inset:0;background:var(--bg);opacity:.75;pointer-events:none;transition:opacity .2s}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent);background-image:linear-gradient(rgba(0,255,163,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,163,.07) 1px,transparent 1px);background-size:28px 28px}.drop-zone:hover:before{opacity:.45}.drop-zone.dragover{box-shadow:0 0 0 4px var(--accent-glow)}.drop-zone.dragover:before{opacity:.3}.dz-content{position:relative;z-index:1}.dz-icon{width:44px;height:44px;margin:0 auto 14px;color:var(--text-3);transition:color .2s,transform .2s}.drop-zone:hover .dz-icon,.drop-zone.dragover .dz-icon{color:var(--accent);transform:translateY(-3px)}.dz-title{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;color:var(--text-1);margin-bottom:5px}.dz-sub{font-size:13px;color:var(--text-2)}.dz-sub strong{color:var(--accent);font-weight:500}.dz-badges{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;flex-wrap:wrap}.badge{padding:3px 8px;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-3)}.file-info{display:none;align-items:center;gap:14px;padding:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px}.file-info.visible{display:flex}.fi-icon{width:42px;height:42px;flex-shrink:0;background:var(--accent-dim);border:1px solid rgba(0,255,163,.2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--accent)}.fi-details{flex:1;min-width:0}.fi-name{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.fi-size{font-size:12px;color:var(--text-2)}.fi-remove{background:none;border:none;color:var(--text-3);cursor:pointer;padding:4px;border-radius:4px;line-height:0;transition:color .15s;flex-shrink:0}.fi-remove:hover{color:var(--danger)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 24px;border-radius:var(--radius-sm);font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn-primary{background:var(--accent);color:#0d1117}.btn-primary:hover:not(:disabled){background:#00e693;box-shadow:0 0 22px var(--accent-glow)}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-xlsx{background:linear-gradient(135deg,var(--brand-green-dark),var(--brand-green));color:#fff}.btn-xlsx:hover{filter:brightness(1.1);box-shadow:0 0 18px var(--brand-green-glow)}.btn-pdf{background:linear-gradient(135deg,var(--brand-pink-dark),var(--brand-pink));color:#fff}.btn-pdf:hover{filter:brightness(1.1);box-shadow:0 0 18px var(--brand-pink-glow)}.btn-zip{background:linear-gradient(135deg,var(--brand-orange-dark),var(--brand-orange));color:#fff}.btn-zip:hover{filter:brightness(1.1);box-shadow:0 0 18px var(--brand-orange-glow)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border);font-size:14px;font-weight:500;margin-top:10px}.btn-ghost:hover{border-color:var(--border-hover);color:var(--text-1)}.divider{display:flex;align-items:center;gap:12px;margin:22px 0;font-size:12px;color:var(--text-3)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.progress-section{display:none}.progress-section.visible{display:block}.progress-step{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--accent);margin-bottom:10px;min-height:18px}.progress-track{height:6px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:var(--accent);border-radius:99px;width:0%;transition:width .35s ease;box-shadow:0 0 8px var(--accent-glow)}.progress-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-3)}.success-section{display:none}.success-section.visible{display:block;text-align:center}.success-icon{width:64px;height:64px;background:var(--accent-dim);border:2px solid rgba(0,255,163,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:var(--accent);animation:pop .4s cubic-bezier(.175,.885,.32,1.275) both}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.success-title{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;margin-bottom:6px}.success-sub{font-size:13px;color:var(--text-2);font-family:JetBrains Mono,monospace}.import-type-wrap{margin-bottom:16px}.import-type-label{display:block;font-size:12px;color:var(--text-2);margin-bottom:6px}.import-type-select{width:100%;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-1);font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:500;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238492AB' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .2s}.import-type-select:hover{border-color:var(--border-hover)}.import-type-select:focus{outline:none;border-color:var(--accent)}.import-type-select option{background:var(--surface-2)}.option-toggle{display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text-2);cursor:pointer;transition:border-color .2s;user-select:none}.option-toggle:hover{border-color:var(--border-hover)}.option-toggle input{display:none}.toggle-check{position:relative;width:16px;height:16px;flex-shrink:0;border:2px solid var(--text-3);border-radius:4px;transition:background .15s,border-color .15s}.option-toggle input:checked~.toggle-check{background:var(--accent);border-color:var(--accent)}.toggle-check:after{content:"";position:absolute;display:none;left:4px;top:1px;width:4px;height:8px;border:solid var(--bg);border-width:0 2px 2px 0;transform:rotate(45deg)}.option-toggle input:checked~.toggle-check:after{display:block}.dl-group{display:flex;gap:8px;margin-bottom:10px;margin-top:26px}.dl-group .btn{flex:1;font-size:13px;font-weight:600;padding:12px 10px}.error-box{display:none;align-items:flex-start;gap:10px;padding:13px 14px;background:var(--danger-dim);border:1px solid rgba(255,107,107,.28);border-radius:var(--radius-sm);margin-bottom:16px}.error-box.visible{display:flex}.error-box svg{color:var(--danger);flex-shrink:0;margin-top:1px}.error-msg{font-size:13px;color:var(--danger);line-height:1.5}.footer{text-align:center;margin-top:20px;font-size:12px;color:var(--text-3)}#fileInput{display:none}@media(max-width:420px){.card{padding:20px}.drop-zone{padding:32px 14px}}