.merge-btn-wrap {display: none; padding: 0 2rem 1rem;}
.merge-btn-wrap.visible { display: block; }.merge-btn {width: 100%; padding: 12px 0;background: linear-gradient(135deg, #059669 0%, #0891b2 100%);color: #fff; border: none; border-radius: 12px;font-size: 0.9rem; font-weight: 700;
  cursor: pointer; transition: all 0.2s;box-shadow: 0 3px 12px rgba(5,150,105,0.3);}.merge-btn:hover { opacity: 0.92; transform: translateY(-1px); }
.merge-btn:disabled { opacity: 0.4; cursor: not-allowed; transform: none; }button#compressBtn {position: relative;top: -24px;}.header-badge,h1 em{color:var(--accent)}.dz-btn,.header-badge{display:inline-flex;gap:8px}.dropzone,.summary-bar,header{text-align:center}.controls-label,.header-badge,.queue-title,.stat-label{text-transform:uppercase}*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f2f8;--surface:#ffffff;--border:#e2e6f0;--border2:#c8d0e4;--accent:#4f46e5;--accent-lt:#ede9fe;--accent2:#06b6d4;--green:#10b981;--green-lt:#d1fae5;--red:#ef4444;--red-lt:#fee2e2;--text:#1a1a2e;--sub:#4b5268;--muted:#8b93ad;--mono:'JetBrains Mono',monospace;--sans:'Inter',sans-serif;--radius:16px;--shadow:0 2px 12px rgba(79,70,229,0.07),0 1px 3px rgba(0,0,0,0.05);--shadow-lg:0 8px 32px rgba(79,70,229,0.11),0 2px 8px rgba(0,0,0,0.05)}body{background:var(--bg)}header{margin-bottom:1.5rem}.header-badge{align-items:center;background:var(--accent-lt);border-radius:99px;padding:5px 16px;font-size:.73rem;font-weight:700;letter-spacing:.6px;margin-bottom:0rem}.header-badge span{width:6px;height:6px;background:var(--accent);border-radius:50%;display:block}h1{font-size:clamp(1.8rem, 4vw, 2.6rem);font-weight:700;color:var(--text);letter-spacing:-.5px;line-height:1.2;margin-bottom:.6rem}h1 em{font-style:normal}.tagline{color:var(--sub);font-size:.95rem}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-lg);overflow:hidden}#dropzoneWrap{padding:2rem}.dropzone{border:2px dashed #c4c9e0;border-radius:var(--radius);padding:3.2rem 2rem;cursor:pointer;transition:.22s;background:#f8f9ff}.dropzone.drag-over,.dropzone:hover{border-color:var(--accent);background:#f0eeff;transform:translateY(-2px);box-shadow:0 4px 20px rgba(79,70,229,.12)}.dz-title{font-size:1.05rem;font-weight:600;color:var(--text);margin-bottom:.35rem}.dz-sub{font-size:.82rem;color:var(--muted);margin-bottom:1.4rem}.dz-btn{align-items:center;padding:10px 24px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:.87rem;font-weight:600;cursor:pointer;transition:.18s;box-shadow:0 2px 8px rgba(79,70,229,.32)}.fmt-pill,.lval{}.compress-btn,.controls-label,.fmt-pill,.lval,.queue-title{font-weight:700}.dz-btn:hover{background:#4338ca;transform:translateY(-1px)}.dz-formats{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.fmt-pill{background:#fff;border:1px solid var(--border2);border-radius:99px;padding:3px 11px;font-size:.71rem;color:var(--sub);letter-spacing:.3px}#fileInput{display:none}.controls-panel{border-top:1px solid var(--border);padding:1.8rem 2rem;display:none;background:#fafbff}.controls-panel.visible,.dl-all-btn.visible{display:block}.controls-label{font-size:.7rem;color:var(--muted);letter-spacing:1px;margin-bottom:1.2rem}.controls-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr 1fr;gap:1.2rem;align-items:end}@media (max-width:780px){.controls-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.controls-grid{grid-template-columns:1fr}}.ctrl-group{display:flex;flex-direction:column;gap:.4rem}.ctrl-group label{font-size:.72rem;font-weight:600;color:var(--sub);display:flex;justify-content:space-between;align-items:center}.lval{font-size:.75rem;color:var(--accent)}.compress-btn,.ctrl-input{width:100%;}input[type=range]{padding: 5px 0;-webkit-appearance:none;width:100%;height:5px;background:#dde0f4;border-radius:99px;outline:0;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 0 3px rgba(79,70,229,.15);transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.ctrl-input{background:#fff;border:1.5px solid var(--border2);color:var(--text);padding:9px 11px;border-radius:9px;font-size:.84rem;outline:0;transition:border-color .18s,box-shadow .18s;-moz-appearance:textfield}.ctrl-input::-webkit-inner-spin-button{-webkit-appearance:none}.ctrl-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.ctrl-input::placeholder{color:var(--muted)}.compress-btn{padding:11px 0;background:linear-gradient(135deg,var(--accent) 0,#7c3aed 100%);color:#fff;border:none;border-radius:10px;font-size:.88rem;cursor:pointer;transition:.2s;box-shadow:0 3px 12px rgba(79,70,229,.35);letter-spacing:.2px}.compress-btn:hover{opacity:.92;transform:translateY(-1px)}.compress-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.prog-wrap{margin-top:1.2rem;height:6px;background:#e4e7f4;border-radius:99px;overflow:hidden;display:none}.prog-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px;width:0%;transition:width .35s}.queue-section{padding:0 2rem 1.5rem;display:none}.queue-actions,.queue-header{display:flex;align-items:center}.queue-header{justify-content:space-between;padding:1.2rem 0 .8rem;border-top:1px solid var(--border)}.queue-title{font-size:.75rem;color:var(--sub);letter-spacing:1px}.add-more-btn,.clear-btn{font-size:.78rem;font-weight:600;padding:6px 14px;transition:.18s;cursor:pointer}.queue-actions{gap:8px}.add-more-btn{display:inline-flex;align-items:center;gap:5px;background:#f0f1ff;border:1px solid #c4c9e8;color:var(--accent);border-radius:8px}.add-more-btn:hover,.dl-all-btn:hover{background:var(--accent-lt)}.clear-btn{color:var(--red);background:var(--red-lt);border:none;border-radius:8px}.file-meta,.saving-badge{font-size:.7rem}.clear-btn:hover{background:#fca5a5}.file-list{display:flex;flex-direction:column;gap:8px}.file-card,.summary-bar.visible{display:grid}.file-card{background:#f8f9ff;border:1px solid var(--border);border-radius:12px;padding:11px 14px;grid-template-columns:52px 1fr auto auto;align-items:center;gap:12px;animation:.2s fadeSlide}@keyframes fadeSlide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.file-card.done{border-color:#6ee7b7;background:#f0fdf8}.file-card.error{border-color:#fca5a5;background:#fff5f5}.thumb{width:52px;height:52px;border-radius:8px;object-fit:cover;background:#e4e7f4;border:1px solid var(--border);flex-shrink:0}.file-info .fname{font-size:.84rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.file-meta{color:var(--muted);margin-top:3px;display:flex;gap:8px;flex-wrap:wrap}.saving-badge{padding:3px 10px;border-radius:99px;background:var(--green-lt);color:#065f46;border:1px solid #a7f3d0;white-space:nowrap;font-weight:700}.dl-btn,.stat-val{color:var(--accent)}.saving-badge.bad{background:var(--red-lt);color:#7f1d1d;border-color:#fca5a5}.dl-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;background:var(--accent-lt);border:1px solid #c4b5fd;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;text-decoration:none;transition:.18s;white-space:nowrap}.dl-btn:hover{background:#ddd6fe}.summary-bar{background:linear-gradient(135deg,#f0eeff 0,#e0f2fe 100%);border:1px solid #c4b5fd;border-radius:var(--radius);padding:1.4rem 2rem;margin:0 2rem 1.5rem;display:none;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-val{font-size:1.35rem;font-weight:700}.stat-label{font-size:.7rem;color:var(--sub);margin-top:2px;font-weight:600;letter-spacing:.5px}.dl-all-btn{display:none;width:calc(100% - 4rem);margin:0 2rem 2rem;padding:12px 0;background:#fff;border:2px solid var(--accent);color:var(--accent);border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:.2s}.toast{position:fixed;bottom:2rem;right:2rem;background:var(--text);color:#fff;border-radius:12px;padding:12px 20px;font-size:.85rem;font-weight:500;box-shadow:0 8px 24px rgba(0,0,0,.18);transform:translateY(80px);opacity:0;transition:.28s;z-index:99;max-width:300px}.toast.show{transform:translateY(0);opacity:1}@media screen and (min-device-width:320px) and (max-device-width:768px){.file-card{grid-template-columns:44px 1fr}.file-card>span{grid-column:2}.summary-bar{margin:0 1.2rem 1.2rem;grid-template-columns:repeat(2,1fr)}.dl-all-btn{width:calc(100% - 2.4rem);margin:0 1.2rem 1.5rem}#dropzoneWrap{padding:1.2rem}.controls-panel{padding:1.4rem}.queue-section{padding:0 1.2rem 1.2rem}}