:root{--bg-primary:#0a0a0f;--bg-secondary:#0f0f14;--bg-card:hsla(0,0%,100%,.02);--bg-card-hover:hsla(0,0%,100%,.04);--bg-elevated:hsla(0,0%,100%,.03);--border-default:hsla(0,0%,100%,.06);--border-hover:hsla(0,0%,100%,.1);--border-focus:rgba(233,69,96,.5);--accent-primary:#e94560;--accent-primary-dark:#ff2d4f;--accent-primary-glow:rgba(233,69,96,.2);--accent-secondary:#6c63ff;--success:#00d4aa;--success-glow:rgba(0,212,170,.15);--warning:#ffb347;--error:#ff4757;--text-primary:#e8e8f0;--text-secondary:#8888a0;--text-tertiary:#555570;--text-muted:#44445a;--text-inverse:#0a0a0f;--gradient-primary:linear-gradient(135deg,#e94560,#ff6b6b);--gradient-success:linear-gradient(135deg,#00d4aa,#0fc);--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SF Mono","JetBrains Mono",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--shadow-sm:0 1px 2px rgba(0,0,0,.1);--shadow-md:0 4px 6px rgba(0,0,0,.15);--shadow-lg:0 10px 20px rgba(0,0,0,.2);--shadow-glow:0 0 20px rgba(233,69,96,.2);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--container-max-width:720px;--container-padding:1.5rem}.btn{padding:var(--space-md) var(--space-xl)}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-outline{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.btn-outline:hover{background:var(--accent-primary-glow);border-color:var(--accent-primary);color:var(--accent-primary)}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.dropzone{border:2px dashed var(--border-default);border-radius:var(--radius-xl)}.dropzone.is-dragging,.dropzone:hover{background:var(--accent-primary-glow);border-color:var(--accent-primary);transform:translateY(-2px)}.file-card{align-items:center;background:var(--bg-card);border-radius:var(--radius-md);cursor:grab;display:flex;gap:var(--space-md);padding:var(--space-md);transition:all var(--transition-fast)}.file-card:hover{background:var(--bg-card-hover);transform:translate(4px)}.file-card.is-dragging{cursor:grabbing;opacity:.4}.progress-bar{background:var(--border-default);height:4px;overflow:hidden}.progress-fill{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.merge-container{margin:0 auto;max-width:560px;width:100%}.hero{margin-bottom:var(--space-2xl);text-align:center}.hero-title{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--space-md)}.line1{color:var(--text-primary)}.line2{color:transparent;-webkit-text-stroke:1.5px var(--accent-primary)}.hero-sub{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.dropzone{background:var(--bg-card);border:1.5px dashed var(--border-default);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:var(--space-xl);transition:all var(--transition-base)}.dropzone.drag-over,.dropzone:hover{background:var(--accent-primary-glow);border-color:var(--accent-primary)}.dropzone.has-files{border-style:solid;padding:var(--space-md)}.dropzone-inner{padding:var(--space-xl);text-align:center}.drop-icon{color:var(--accent-primary);height:40px;margin:0 auto var(--space-md);width:40px}.drop-icon svg{height:100%;width:100%}.drop-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-xs)}.drop-sub{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs)}.dropzone-add{align-items:center;color:var(--accent-primary);display:flex;font-size:var(--font-size-sm);gap:var(--space-sm);justify-content:center;padding:var(--space-md)}.plus-icon{height:18px;width:18px}.file-panel{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);overflow:hidden}.file-panel-header{align-items:center;border-bottom:1px solid var(--border-default);display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.file-count{color:var(--accent-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:500}.file-size-total{flex:1}.clear-all,.file-size-total{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs)}.clear-all{background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.clear-all:hover{color:var(--accent-primary)}.file-list{max-height:320px;overflow-y:auto}.file-item,.file-list{padding:var(--space-sm)}.file-item{align-items:center;border-radius:var(--radius-md);cursor:grab;display:flex;gap:var(--space-sm);transition:background var(--transition-fast)}.file-item:hover{background:var(--bg-card-hover)}.file-item.dragging{opacity:.4}.file-handle{color:var(--text-muted);cursor:grab;width:16px}.file-order{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);text-align:center;width:20px}.file-icon{color:var(--accent-primary);width:24px}.file-info{display:flex;flex:1;flex-direction:column;gap:var(--space-xs);min-width:0}.file-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs)}.file-actions{gap:var(--space-xs)}.file-actions,.file-preview{align-items:center;display:flex}.file-preview{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:4px;transition:all var(--transition-fast)}.file-preview svg{height:18px;width:18px}.file-preview:hover{background:var(--accent-primary-glow);color:var(--accent-primary)}.file-remove{align-items:center;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;padding:4px;transition:all var(--transition-fast)}.file-remove svg{height:18px;width:18px}.file-remove:hover{background:var(--accent-primary-glow);color:var(--accent-primary)}.filename-row{align-items:center;border-bottom:1px solid var(--border-default);border-top:1px solid var(--border-default);display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.filename-label{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs);white-space:nowrap}.filename-input-wrap{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;flex:1;overflow:hidden}.filename-input-wrap:focus-within{border-color:var(--accent-primary)}.filename-input{background:none;border:none;color:var(--text-primary);flex:1;font-size:var(--font-size-sm);outline:none}.filename-ext,.filename-input{font-family:var(--font-mono);padding:var(--space-sm) var(--space-md)}.filename-ext{border-left:1px solid var(--border-default);color:var(--text-muted);font-size:var(--font-size-xs)}.cta-area{padding:var(--space-lg)}.cta-info{align-items:baseline;display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.cta-price{color:var(--accent-primary);font-size:var(--font-size-2xl);font-weight:800}.cta-desc{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs)}.progress-panel{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl)}.progress-steps{margin-bottom:var(--space-lg)}.progress-steps,.step{align-items:center;display:flex}.step{flex-direction:column;flex-shrink:0;gap:var(--space-xs)}.step span{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs)}.step.active span,.step.done span{color:var(--accent-primary)}.step-dot{background:var(--bg-secondary);border:2px solid var(--text-muted);border-radius:50%;height:8px;width:8px}.step.active .step-dot,.step.done .step-dot{background:var(--accent-primary);border-color:var(--accent-primary)}.step-line{background:var(--border-default);flex:1;height:1px;margin-bottom:var(--space-lg)}.step-line.done{background:var(--accent-primary)}.progress-message{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs);margin-bottom:var(--space-md);text-align:center}.progress-bar-wrap{background:var(--border-default);border-radius:var(--radius-full);height:3px;overflow:hidden}.progress-bar{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.error-banner{align-items:center;background:#e9456014;border:1px solid rgba(233,69,96,.2);border-radius:var(--radius-md);color:var(--accent-primary);display:flex;font-size:var(--font-size-sm);gap:var(--space-sm);margin-bottom:var(--space-xl);padding:var(--space-md)}.error-icon{flex-shrink:0;height:18px;width:18px}.download-panel{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-2xl);text-align:center}.download-anim{height:64px;margin:0 auto var(--space-lg);width:64px}.download-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-xs)}.download-meta{color:var(--text-secondary);margin-bottom:var(--space-lg)}.download-meta,.trust-bar{font-family:var(--font-mono);font-size:var(--font-size-xs)}.trust-bar{border-top:1px solid var(--border-default);color:var(--text-muted);display:flex;flex-wrap:wrap;gap:var(--space-lg);padding-top:var(--space-lg)}.btn,.trust-bar{justify-content:center}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);text-decoration:none;transition:all var(--transition-base);width:100%}.btn-pay{background:var(--accent-primary);color:#fff}.btn-pay:hover:not(:disabled){background:var(--accent-primary-dark);transform:translateY(-1px)}.btn-pay:disabled{cursor:not-allowed;opacity:.5}.btn-disabled{background:var(--bg-secondary)!important;color:var(--text-muted)!important}.btn-download{background:var(--success);color:var(--text-inverse);margin-bottom:var(--space-sm)}.btn-download:hover{background:#0fc}.btn-reset{background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-secondary)}.btn-reset:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn-icon{height:18px;width:18px}.btn-loading{gap:var(--space-sm)}.btn-loading,.modal{align-items:center;display:flex}.modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000f2;justify-content:center;inset:0;position:fixed;z-index:var(--z-modal)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:90vw}.modal-header{align-items:center;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg)}.modal-header h3{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:var(--font-size-xl);padding:var(--space-xs) var(--space-sm);transition:all var(--transition-fast)}.modal-close:hover{background:var(--accent-primary-glow);color:var(--accent-primary)}.modal-body{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg);max-height:70vh;overflow:auto;padding:var(--space-lg)}.modal-footer{border-top:1px solid var(--border-default);padding:var(--space-md) var(--space-lg)}.preview-note{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);text-align:center}.preview-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-3xl)}.preview-canvas{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);height:auto;max-width:100%}.preview-controls{align-items:center;display:flex;gap:var(--space-md)}.preview-controls button{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.preview-controls button:hover:not(:disabled){background:var(--accent-primary-glow);border-color:var(--accent-primary);color:var(--accent-primary)}.preview-controls button:disabled{cursor:not-allowed;opacity:.4}.preview-controls span{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-sm);min-width:100px;text-align:center}.spinner{animation:spin .7s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.check-ring{animation:drawRing .6s ease forwards;stroke-dasharray:240;stroke-dashoffset:240}.check-mark{animation:drawCheck .4s ease .5s forwards;stroke-dasharray:50;stroke-dashoffset:50}@keyframes drawRing{to{stroke-dashoffset:0}}@keyframes drawCheck{to{stroke-dashoffset:0}}@media(max-width:640px){.merge-container{padding:0}.filename-row{align-items:stretch;flex-direction:column;gap:var(--space-xs)}.trust-bar{gap:var(--space-md)}.preview-controls button{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-md)}.preview-controls span{font-size:var(--font-size-xs);min-width:70px}}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}