body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;overflow-x:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}: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}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;overflow-x:hidden}button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}a,button{color:inherit}a{text-decoration:none}img,svg{display:block;height:auto;max-width:100%}::-moz-selection{background:var(--accent-primary);color:#fff}::selection{background:var(--accent-primary);color:#fff}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-primary-glow)}50%{box-shadow:0 0 20px var(--accent-primary-glow)}}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.animate-fade-in{animation:fadeIn var(--transition-base) forwards}.animate-slide-up{animation:slideUp var(--transition-base) forwards}.animate-slide-down{animation:slideDown var(--transition-base) forwards}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-glow{animation:glow 2s infinite}.spinner{animation:spin .8s linear infinite;border:2px solid var(--border-default);border-radius:var(--radius-full);border-top-color:var(--accent-primary);height:20px;width:20px}.container{margin:0 auto;max-width:var(--container-max-width);padding:0 var(--container-padding)}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--success)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-mono{font-family:var(--font-mono)}.m-0{margin:0}.mt-1{margin-top:var(--space-sm)}.mt-2{margin-top:var(--space-lg)}.mb-1{margin-bottom:var(--space-sm)}.mb-2{margin-bottom:var(--space-lg)}.p-1{padding:var(--space-sm)}.p-2{padding:var(--space-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.cursor-pointer{cursor:pointer}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.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}}body{background:var(--bg-primary);color:var(--text-primary)}.builder-root{background:var(--bg-primary,#0a0a0f);color:var(--text-primary,#f0f0f5);display:grid;font-family:Inter,-apple-system,sans-serif;grid-template-columns:400px 1fr;height:100%;overflow:hidden;width:100%}.builder-left{background:var(--bg-card,#0d0d15);border-right:1px solid var(--border-default,#1e1e2e);display:flex;flex-direction:column;height:100%;overflow:hidden}.left-header{flex-shrink:0;padding:20px 20px 12px}.builder-title{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;margin:0 0 2px}.builder-sub{color:var(--text-muted,#6b6b80);font-size:.6875rem;margin:0}.dropzone{border:1.5px dashed var(--border-default,#1e1e2e);border-radius:10px;cursor:pointer;flex-shrink:0;margin:0 16px 8px;transition:all .2s}.dropzone.drag-over,.dropzone:hover{background:var(--accent-primary-glow,rgba(233,69,96,.04));border-color:var(--accent-primary,#e94560)}.dropzone.has-files{border-style:solid;padding:0}.dropzone-inner{padding:16px;text-align:center}.drop-icon{color:var(--accent-primary,#e94560);height:24px;margin-bottom:6px;width:24px}.drop-title{font-size:.75rem;font-weight:600;margin:0 0 2px}.drop-sub{color:var(--text-muted,#6b6b80);font-size:.625rem;margin:0}.dropzone-add{align-items:center;color:var(--accent-primary,#e94560);display:flex;font-size:.75rem;font-weight:500;gap:6px;justify-content:center;padding:10px}.plus-icon{height:14px;width:14px}.error-bar{background:#e9456014;border:1px solid rgba(233,69,96,.2);border-radius:8px;color:var(--accent-primary,#e94560);flex-shrink:0;font-size:.6875rem;margin:0 16px 8px;padding:8px 12px}.file-list-wrap{flex:1;max-height:50vh;min-height:0;overflow-y:auto;padding:0 16px}.capacity-bar-wrap{align-items:center;background:var(--bg-elevated,#13132b);border-radius:4px;display:flex;height:18px;margin-bottom:6px;overflow:hidden;position:relative}.capacity-bar{background:var(--accent-primary,#e94560);height:100%;left:0;opacity:.12;position:absolute;top:0;transition:width .3s}.capacity-bar.half-full{background:#ffb347;opacity:.2}.capacity-bar.near-full{animation:pulse-bar 1.5s infinite;opacity:.3}@keyframes pulse-bar{0%,to{opacity:.3}50%{opacity:.5}}.capacity-text{color:var(--text-muted,#6b6b80);font-family:monospace;font-size:.5625rem;margin:0 auto;position:relative;z-index:1}.file-item{align-items:center;border-radius:6px;cursor:grab;display:flex;gap:8px;margin-bottom:1px;padding:7px 10px;transition:background .15s}.file-item:hover{background:var(--bg-card-hover,#13132b)}.file-item.dragging{opacity:.3}.file-item.drag-over{background:var(--accent-primary-glow,rgba(233,69,96,.06))}.file-handle{color:var(--text-muted,#6b6b80);flex-shrink:0;width:12px}.mobile-reorder{display:none;gap:3px}.mobile-reorder button{background:var(--bg-elevated,#13132b);border:1px solid var(--border-default,#1e1e2e);border-radius:4px;color:var(--text-muted,#6b6b80);font-size:.7rem;padding:2px 6px}.file-num{color:var(--text-muted,#6b6b80);font-size:.625rem;font-weight:500;text-align:center;width:16px}.file-icon{font-size:.875rem;text-align:center;width:20px}.file-info{flex:1;min-width:0}.file-name{display:block;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{display:block;font-size:.625rem}.file-meta,.file-remove{color:var(--text-muted,#6b6b80)}.file-remove{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;line-height:1;padding:2px 6px}.file-remove:hover{background:var(--accent-primary-glow,rgba(233,69,96,.08));color:var(--accent-primary,#e94560)}.feature-packs{border-top:1px solid var(--border-default,#1e1e2e);display:flex;flex-shrink:0;flex-wrap:wrap;gap:5px;padding:10px 16px 8px}.feature-chip{background:var(--bg-elevated,#13132b);border:1px solid var(--border-default,#1e1e2e);border-radius:16px;color:var(--text-muted,#6b6b80);cursor:pointer;font-size:.6875rem;font-weight:500;padding:5px 12px;transition:all .15s}.feature-chip:hover{color:var(--accent-primary,#e94560)}.feature-chip.active,.feature-chip:hover{border-color:var(--accent-primary,#e94560)}.feature-chip.active{background:var(--accent-primary,#e94560);color:#fff}.output-row{align-items:center;background:var(--bg-elevated,#13132b);border:1px solid var(--border-default,#1e1e2e);border-radius:8px;display:flex;flex-shrink:0;margin:8px 16px 10px;overflow:hidden}.output-input{background:none;border:none;color:var(--text-primary,#f0f0f5);flex:1;font-family:inherit;font-size:.75rem;outline:none;padding:9px 12px}.output-ext{border-left:1px solid var(--border-default,#1e1e2e);color:var(--text-muted,#6b6b80);font-size:.6875rem;font-weight:500;padding:9px 12px}.btn-build{align-items:center;background:var(--accent-primary,#e94560);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;gap:10px;justify-content:center;margin:0 16px 16px;padding:12px;transition:all .2s}.btn-build:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-build span:first-child{background:#ffffff26;border-radius:4px;font-size:.75rem;padding:3px 8px}.btn-disabled{background:var(--bg-elevated,#13132b)!important;color:var(--text-muted,#6b6b80)!important;cursor:not-allowed}.btn-disabled:hover{filter:none;transform:none}.builder-right{background:var(--bg-primary,#0a0a0f);display:flex;flex-direction:column;height:100%;overflow:hidden}.preview-toolbar{align-items:center;border-bottom:1px solid var(--border-default,#1e1e2e);display:flex;flex-shrink:0;gap:12px;justify-content:center;padding:10px 20px}.toolbar-btn{background:var(--bg-elevated,#13132b);border:1px solid var(--border-default,#1e1e2e);border-radius:6px;color:var(--text-muted,#6b6b80);cursor:pointer;font-size:.8125rem;padding:5px 12px}.toolbar-btn:hover:not(:disabled){border-color:var(--accent-primary,#e94560);color:var(--accent-primary,#e94560)}.toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.page-indicator{color:var(--text-muted,#6b6b80);font-size:.75rem;font-weight:500;min-width:80px;text-align:center}.preview-area{align-items:center;display:flex;flex:1;justify-content:center;min-height:0;padding:40px}.preview-empty{text-align:center}.empty-icon{color:var(--text-muted,#6b6b80);display:block;height:40px;margin:0 auto 12px;opacity:.35;width:40px}.empty-title{color:var(--text-secondary,#a0a0b0);font-size:.9375rem;font-weight:600;margin:0 0 4px}.empty-sub{color:var(--text-muted,#6b6b80);font-size:.75rem;margin:0}.preview-watermark-bar{color:var(--text-muted,#6b6b80);font-size:.625rem;padding:8px 20px;text-align:center}.feature-panel,.preview-watermark-bar{border-top:1px solid var(--border-default,#1e1e2e);flex-shrink:0}.feature-panel{background:var(--bg-elevated,#13132b);border-bottom:1px solid var(--border-default,#1e1e2e);margin-bottom:4px;padding:12px 16px}.feature-input{background:var(--bg-card,#0d0d15);border:1px solid var(--border-default,#1e1e2e);border-radius:6px;color:var(--text-primary,#f0f0f5);font-family:inherit;font-size:.75rem;margin-bottom:8px;outline:none;padding:8px 10px;width:100%}.feature-input:focus{border-color:var(--accent-primary,#e94560)}.feature-slider-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.feature-label{color:var(--text-muted,#6b6b80);font-size:.625rem;white-space:nowrap}.feature-slider{accent-color:var(--accent-primary,#e94560);flex:1;height:4px}.feature-value{color:var(--text-secondary,#a0a0b0);font-size:.625rem;min-width:32px;text-align:right}.feature-hint{color:var(--text-muted,#6b6b80);font-size:.5625rem;margin:2px 0 0}.feature-compress-row{align-items:flex-start;display:flex;gap:10px;margin-bottom:4px}.compress-icon{flex-shrink:0;font-size:1.25rem}.compress-title{color:var(--text-primary,#f0f0f5);display:block;font-size:.75rem;font-weight:500}.compress-estimate{color:var(--success,#00d4aa);display:block;font-size:.625rem}.pages-grid{display:flex;flex-wrap:wrap;gap:4px}.page-chip{align-items:center;background:var(--bg-card,#0d0d15);border:1px solid var(--border-default,#1e1e2e);border-radius:4px;color:var(--text-secondary,#a0a0b0);cursor:pointer;display:flex;font-size:.6875rem;height:28px;justify-content:center;transition:all .15s;width:32px}.page-chip.removed,.page-chip:hover{border-color:var(--accent-primary,#e94560);color:var(--accent-primary,#e94560)}.page-chip.removed{background:#e9456026;text-decoration:line-through}.sig-tabs{display:flex;gap:4px;margin-bottom:10px}.sig-tab{background:var(--bg-card,#0d0d15);border:1px solid var(--border-default,#1e1e2e);border-radius:6px;color:var(--text-muted,#6b6b80);cursor:pointer;flex:1;font-size:.6875rem;font-weight:500;padding:6px 8px;transition:all .15s}.sig-tab:hover{color:var(--accent-primary,#e94560)}.sig-tab.active,.sig-tab:hover{border-color:var(--accent-primary,#e94560)}.sig-tab.active{background:var(--accent-primary,#e94560);color:#fff}.sig-body{margin-bottom:8px}.sig-colors{display:flex;gap:6px;margin-top:8px}.sig-color{border:2px solid transparent;border-radius:50%;cursor:pointer;height:22px;transition:all .15s;width:22px}.sig-color:hover{transform:scale(1.1)}.sig-color.active{border-color:#fff}.sig-preview.typed{background:var(--bg-card,#0d0d15);border-radius:6px;font-size:1.75rem;margin-top:10px;padding:12px;text-align:center}.sig-canvas{background:#fff;border-radius:6px;cursor:crosshair;display:block;height:120px;width:100%}.sig-draw-actions{display:flex;justify-content:flex-end;margin-top:6px}.sig-action-btn{background:var(--bg-card,#0d0d15);border:1px solid var(--border-default,#1e1e2e);border-radius:4px;color:var(--text-secondary,#a0a0b0);cursor:pointer;font-size:.6875rem;padding:4px 12px}.sig-action-btn:hover{border-color:var(--accent-primary,#e94560);color:var(--accent-primary,#e94560)}.sig-upload-btn{background:var(--bg-card,#0d0d15);border:1.5px dashed var(--border-default,#1e1e2e);border-radius:6px;color:var(--text-secondary,#a0a0b0);cursor:pointer;font-size:.75rem;padding:14px;transition:all .15s;width:100%}.sig-upload-btn:hover{border-color:var(--accent-primary,#e94560);color:var(--accent-primary,#e94560)}.sig-preview-img{background:#fff;border-radius:4px;margin-top:8px;max-height:80px;-o-object-fit:contain;object-fit:contain;padding:4px;width:100%}.sig-page-row{align-items:center;border-top:1px solid var(--border-default,#1e1e2e);display:flex;gap:8px;padding-top:8px}.sig-label{color:var(--text-muted,#6b6b80);font-size:.625rem;white-space:nowrap}.sig-page-input{background:var(--bg-card,#0d0d15);border:1px solid var(--border-default,#1e1e2e);border-radius:4px;color:var(--text-primary,#f0f0f5);font-size:.75rem;outline:none;padding:4px 6px;text-align:center;width:50px}.sig-page-input:focus{border-color:var(--accent-primary,#e94560)}.preview-pdf-wrap{align-items:center;background:var(--bg-secondary,#0f0f14);display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.preview-pdf-wrap .preview-canvas{background:transparent;display:block!important;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease}.preview-canvas.loaded{border-radius:4px}.toolbar-btn-preview{font-weight:500;padding:6px 16px}.preview-loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.loading-card{background:var(--bg-card,#0d0d15);border:1px solid var(--border-default,#1e1e2e);border-radius:16px;min-width:320px;padding:48px;text-align:center}.spinner-large{animation:spin .7s linear infinite;border:3px solid var(--border-default,#1e1e2e);border-radius:50%;border-top-color:var(--accent-primary,#e94560);display:block;height:40px;margin:0 auto 20px;width:40px}.loading-title{color:var(--text-primary,#f0f0f5);font-size:1rem;font-weight:600;margin:0 0 6px}.loading-sub{color:var(--text-muted,#6b6b80);font-size:.75rem;margin:0}.placeholder-card{align-items:center;display:flex;flex-direction:column;gap:16px}.placeholder-a4{color:var(--text-muted,#6b6b80);height:auto;opacity:.3;width:200px}.placeholder-text{color:var(--text-muted,#6b6b80);font-size:.75rem;margin:0}.download-success{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 24px;text-align:center}.download-check{font-size:3rem;margin-bottom:16px}.download-success h2{color:var(--text-primary,#f0f0f5);font-size:1.25rem;font-weight:700;margin:0 0 8px}.download-stats{color:var(--text-muted,#6b6b80);font-size:.8125rem;margin:0 0 24px}.btn-reset{background:var(--bg-elevated,#13132b);border:1px solid var(--border-default,#1e1e2e);border-radius:8px;color:var(--text-secondary,#a0a0b0);cursor:pointer;font-size:.8125rem;margin-top:12px;padding:8px 20px}.btn-reset:hover{border-color:var(--accent-primary,#e94560);color:var(--accent-primary,#e94560)}.preview-bottom-bar{align-items:center;border-top:1px solid var(--border-default,#1e1e2e);display:flex;flex-shrink:0;gap:16px;justify-content:center;padding:8px 20px}.builder-root>canvas{display:none!important}.preview-pdf-wrap canvas,.sig-canvas{display:block!important}.email-row{margin:0 16px 10px}.sig-position-row{align-items:center;display:flex;gap:6px;padding-top:4px}.sig-pos-hint{color:var(--text-muted,#6b6b80);font-size:.5625rem;margin-left:4px}.sig-placements{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.placement-tag{align-items:center;background:#e9456014;border:1px solid #e94560;border-radius:12px;color:#e94560;display:inline-flex;font-size:.625rem;font-weight:500;gap:4px;padding:2px 8px}.placement-tag button{background:none;border:none;color:inherit;cursor:pointer;font-size:.75rem;padding:0}.merge-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:20px}.merge-badge{align-items:center;background:var(--bg-elevated,#13132b);border:1px solid var(--border-default,#1e1e2e);border-radius:20px;color:var(--text-secondary,#a0a0b0);display:inline-flex;font-size:.6875rem;gap:4px;padding:4px 12px}.file-item.active{background:var(--accent-primary-glow,rgba(233,69,96,.08));border-left:2px solid var(--accent-primary,#e94560)}.download-actions{display:flex;gap:8px;margin-bottom:8px;width:100%}.download-actions .btn-build{flex:1;font-size:.8125rem;margin:0;padding:10px}.btn-download{background:var(--accent-primary,#e94560)}.btn-build-another{background:var(--bg-elevated,#13132b)!important;border:1px solid var(--border-default,#1e1e2e);color:var(--text-secondary,#a0a0b0)}.btn-build-another:hover{border-color:var(--accent-primary,#e94560);color:var(--accent-primary,#e94560);filter:none;transform:none}.save-to-account{background:var(--bg-card,#0d0d15);border-top:1px solid var(--border-default,#1e1e2e);bottom:0;margin-top:auto;padding:12px 16px;position:sticky;text-align:center;z-index:10}.save-hint{color:var(--text-muted,#6b6b80);font-size:.6875rem;margin:0 0 8px}.btn-save-login{background:var(--bg-elevated,#13132b);border:1px solid var(--border-default,#1e1e2e);border-radius:8px;color:var(--accent-primary,#e94560);display:inline-block;font-size:.8125rem;font-weight:500;padding:8px 20px;text-decoration:none;transition:all .15s}.btn-save-login:hover{background:var(--accent-primary,#e94560);border-color:var(--accent-primary,#e94560);color:#fff}.feature-panel-header{align-items:center;color:var(--text-primary,#f0f0f5);display:flex;font-size:.75rem;font-weight:600;justify-content:space-between;margin-bottom:8px}.feature-close{background:none;border:none;border-radius:4px;color:var(--text-muted,#6b6b80);cursor:pointer;font-size:.875rem;line-height:1;padding:2px 6px}.feature-close:hover{background:var(--accent-primary-glow,rgba(233,69,96,.08));color:var(--accent-primary,#e94560)}@media(max-width:768px){.builder-root{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.builder-left{border-bottom:1px solid var(--border-default,#1e1e2e);border-right:none;flex-shrink:0;max-height:40vh;overflow-y:auto;width:100%}.builder-right{display:flex;flex:1;flex-direction:column;min-height:0;width:100%}.left-header{padding:8px 12px 4px}.builder-title{font-size:.9rem}.builder-sub{font-size:.625rem}.dropzone{flex-shrink:0;margin:0 8px 4px}.dropzone-inner{padding:10px}.drop-title{font-size:.6875rem}.file-list-wrap{flex:1;max-height:none;min-height:0;overflow-y:auto;padding:0 8px}.feature-packs{flex-wrap:nowrap;gap:4px;overflow-x:auto;padding:4px 8px}.feature-chip{flex:0 0 auto;font-size:.625rem;padding:4px 10px}.feature-panel{padding:6px 8px}.email-row,.output-row{margin-left:8px;margin-right:8px}.btn-build{bottom:0;font-size:.8125rem;margin:4px 8px 8px;padding:10px;position:sticky;z-index:10}.preview-bottom-bar,.preview-toolbar{gap:4px;padding:4px 8px}.preview-watermark-bar{padding:2px 8px}.toolbar-btn{font-size:.6875rem;padding:5px 8px}.page-indicator{font-size:.6875rem;min-width:auto}.file-handle{display:none}.mobile-reorder{display:flex}.loading-card{max-width:260px;width:90%}.spinner-large{margin-bottom:10px}.placeholder-a4{width:100px}.preview-area{align-items:center;flex:1;min-height:0;overflow:hidden;padding:4px}.preview-area,.preview-pdf-wrap{display:flex;justify-content:center}.preview-pdf-wrap{align-items:flex-start;height:100%;overflow:auto;width:100%}.preview-bottom-bar{background:var(--bg-primary,#0a0a0f);flex-shrink:0;gap:6px;padding:6px 8px}.preview-watermark-bar{flex-shrink:0;font-size:.5625rem;padding:4px 8px}.loading-card{border-radius:12px;max-width:240px;min-width:auto;padding:20px 16px;width:85%}.spinner-large{border-width:2px;height:28px;margin-bottom:12px;width:28px}.loading-title{font-size:.8125rem}.loading-sub{font-size:.6875rem}}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}