.compress-page.svelte-jac2d5{max-width:900px;margin:0 auto;padding:3rem 1.5rem}.page-header.svelte-jac2d5{text-align:center;margin-bottom:2.5rem}.page-header.svelte-jac2d5 h1:where(.svelte-jac2d5){letter-spacing:-.03em;margin-bottom:.5rem;font-size:2.2rem;font-weight:800}.page-header.svelte-jac2d5 p:where(.svelte-jac2d5){color:var(--text-dim);font-size:1rem}.hw-badge.svelte-jac2d5{font-size:.78rem;font-family:var(--mono);color:var(--accent3);background:#00e5ff1a;border:1px solid #00e5ff40;border-radius:100px;margin-top:.75rem;padding:.25rem .85rem;display:inline-block}.settings-panel.svelte-jac2d5{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem;overflow:hidden}.settings-inner.svelte-jac2d5{flex-wrap:wrap;align-items:flex-end;gap:1rem;padding:1.25rem 1.5rem;display:flex}.setting-group.svelte-jac2d5{flex-direction:column;gap:.4rem;min-width:140px;display:flex}.setting-group.svelte-jac2d5 label:where(.svelte-jac2d5){font-size:.75rem;font-family:var(--mono);color:var(--text-dim);align-items:center;gap:.4rem;font-weight:500;display:flex}.val.svelte-jac2d5{color:var(--accent);font-weight:700}.slider.svelte-jac2d5{-webkit-appearance:none;background:var(--surface2);border-radius:2px;outline:none;width:160px;height:4px}.slider.svelte-jac2d5::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:16px;height:16px;box-shadow:0 0 6px var(--accent-glow);border-radius:50%}.select.svelte-jac2d5,.num-input.svelte-jac2d5{background:var(--surface);border:1px solid var(--border-bright);color:var(--text);transition:border-color var(--transition);border-radius:8px;outline:none;padding:.45rem .75rem;font-size:.85rem}.select.svelte-jac2d5:focus,.num-input.svelte-jac2d5:focus{border-color:var(--accent)}.num-input.svelte-jac2d5{width:120px}.mode-toggle.svelte-jac2d5{background:var(--surface);border:1px solid var(--border-bright);border-radius:8px;display:flex;overflow:hidden}.mode-toggle.svelte-jac2d5 button:where(.svelte-jac2d5){color:var(--text-dim);transition:var(--transition);background:0 0;border:none;padding:.45rem .85rem;font-size:.82rem}.mode-toggle.svelte-jac2d5 button.active:where(.svelte-jac2d5){background:var(--accent);color:#fff;font-weight:600}.checkbox-group.svelte-jac2d5 label:where(.svelte-jac2d5){cursor:pointer;flex-direction:row;align-items:center;gap:.5rem;padding-top:.5rem;font-size:.82rem}.checkbox-group.svelte-jac2d5 input[type=checkbox]:where(.svelte-jac2d5){accent-color:var(--accent)}.dropzone.svelte-jac2d5{border:2px dashed var(--border-bright);border-radius:var(--radius-lg);background:var(--bg2);transition:var(--transition);cursor:pointer;margin-bottom:1.5rem}.dropzone.drag-over.svelte-jac2d5{border-color:var(--accent);background:#6c63ff0d}.dropzone.has-files.svelte-jac2d5{padding:0}.drop-content.svelte-jac2d5{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.drop-icon.svelte-jac2d5{margin-bottom:.5rem;font-size:3rem}.drop-title.svelte-jac2d5{font-size:1.1rem;font-weight:600}.drop-sub.svelte-jac2d5{color:var(--text-dim);font-size:.85rem;font-family:var(--mono)}.browse-btn.svelte-jac2d5{background:var(--surface2);border:1px solid var(--border-bright);cursor:pointer;transition:var(--transition);border-radius:8px;margin-top:.5rem;padding:.6rem 1.5rem;font-size:.88rem;font-weight:600}.browse-btn.svelte-jac2d5:hover{background:var(--accent);border-color:var(--accent);color:#fff}.add-more-zone.svelte-jac2d5{padding:.75rem 1.5rem}.add-more-btn.svelte-jac2d5{color:var(--text-dim);cursor:pointer;border:1px dashed var(--border-bright);transition:var(--transition);border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.85rem;display:inline-flex}.add-more-btn.svelte-jac2d5:hover{color:var(--text);border-color:var(--accent)}.file-list.svelte-jac2d5{flex-direction:column;gap:.75rem;display:flex}.summary-bar.svelte-jac2d5{background:var(--bg2);border-radius:var(--radius);border:1px solid var(--border);align-items:center;gap:1.5rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.summary-stat.svelte-jac2d5 strong:where(.svelte-jac2d5){color:var(--text)}.summary-stat.saved.svelte-jac2d5 strong:where(.svelte-jac2d5){color:#06d6a0}.list-actions.svelte-jac2d5{flex-wrap:wrap;gap:.75rem;margin-bottom:.25rem;display:flex}.btn-compress.svelte-jac2d5{background:var(--accent);color:#fff;border-radius:var(--radius);transition:var(--transition);border:none;padding:.6rem 1.4rem;font-size:.9rem;font-weight:700}.btn-compress.svelte-jac2d5:hover:not(:disabled){box-shadow:0 0 15px var(--accent-glow);background:#7d75ff}.btn-compress.svelte-jac2d5:disabled{opacity:.5;cursor:not-allowed}.btn-download-all.svelte-jac2d5{color:#06d6a0;border-radius:var(--radius);transition:var(--transition);background:#06d6a01a;border:1px solid #06d6a04d;padding:.6rem 1.2rem;font-size:.88rem;font-weight:600}.btn-download-all.svelte-jac2d5:hover{background:#06d6a033}.btn-clear.svelte-jac2d5{border:1px solid var(--border-bright);color:var(--text-dim);border-radius:var(--radius);transition:var(--transition);background:0 0;padding:.6rem 1rem;font-size:.88rem}.btn-clear.svelte-jac2d5:hover{border-color:var(--accent2);color:var(--accent2)}.file-card.svelte-jac2d5{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;position:relative;overflow:hidden}.file-card.done.svelte-jac2d5{border-color:#06d6a033}.file-card.error.svelte-jac2d5{border-color:#ff6b6b4d}.file-type-badge.svelte-jac2d5{flex-shrink:0;font-size:1.5rem}.file-info.svelte-jac2d5{flex:1;min-width:0}.file-name.svelte-jac2d5{white-space:nowrap;text-overflow:ellipsis;max-width:400px;font-size:.9rem;font-weight:600;overflow:hidden}.file-meta.svelte-jac2d5{color:var(--text-dim);font-size:.78rem;font-family:var(--mono);align-items:center;gap:.5rem;margin-top:.2rem;display:flex}.arrow.svelte-jac2d5{color:var(--text-dimmer)}.compressed-size.svelte-jac2d5{color:var(--text)}.ratio.good.svelte-jac2d5{color:#06d6a0;font-weight:700}.ratio.svelte-jac2d5:not(.good){color:var(--accent2)}.dim.svelte-jac2d5{color:var(--text-dimmer)}.progress-bar.svelte-jac2d5{background:var(--bg3);height:2px;position:absolute;bottom:0;left:0;right:0}.progress-fill.svelte-jac2d5{background:var(--accent);border-radius:2px;height:100%;transition:width .15s}.error-msg.svelte-jac2d5{color:var(--accent2);font-size:.78rem;font-family:var(--mono)}.pct-label.svelte-jac2d5{color:var(--text-dim);font-size:.8rem;font-family:var(--mono)}.file-actions.svelte-jac2d5{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.btn-sm.svelte-jac2d5{border:1px solid var(--border-bright);background:var(--surface);color:var(--text-dim);transition:var(--transition);border-radius:6px;padding:.35rem .85rem;font-size:.8rem;font-weight:600}.btn-sm.svelte-jac2d5:hover{color:var(--text);border-color:var(--accent)}.btn-sm.primary.svelte-jac2d5{background:var(--accent);border-color:var(--accent);color:#fff}.btn-sm.primary.svelte-jac2d5:hover{background:#7d75ff}.btn-sm.danger.svelte-jac2d5:hover{border-color:var(--accent2);color:var(--accent2)}.tips.svelte-jac2d5{flex-direction:column;gap:.6rem;margin-top:2.5rem;display:flex}.tip.svelte-jac2d5{color:var(--text-dimmer);font-size:.82rem;font-family:var(--mono);background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:.6rem;padding:.65rem 1rem;display:flex}.tip.svelte-jac2d5 span:where(.svelte-jac2d5){flex-shrink:0}@media (width<=600px){.settings-inner.svelte-jac2d5{gap:.75rem}.file-name.svelte-jac2d5{max-width:200px}.file-meta.svelte-jac2d5{flex-wrap:wrap}}