.compress-card.svelte-zeedpj{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:var(--card);transition:all .25s ease;animation:svelte-zeedpj-card-in .35s ease-out}.card-close.svelte-zeedpj{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s;z-index:2}.compress-card.svelte-zeedpj:hover .card-close:where(.svelte-zeedpj){opacity:1}.card-close.svelte-zeedpj:hover{background:#d74242;border-color:#d74242;color:#fff}.compress-card.done.svelte-zeedpj{border-color:color-mix(in srgb,var(--compress-primary) 30%,var(--border))}.compress-card.error.svelte-zeedpj{border-color:#d147474d}.compress-card.svelte-zeedpj:hover{box-shadow:0 2px 12px #0000000f}.card-thumb.svelte-zeedpj{position:relative;width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--secondary)}.card-thumb.clickable.svelte-zeedpj{cursor:pointer}.card-thumb.clickable.svelte-zeedpj:hover{box-shadow:0 0 0 2px var(--compress-primary)}.card-thumb.svelte-zeedpj img:where(.svelte-zeedpj){width:100%;height:100%;object-fit:cover}.thumb-overlay.svelte-zeedpj{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff}.thumb-compare-hint.svelte-zeedpj{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s}.card-thumb.clickable.svelte-zeedpj:hover .thumb-compare-hint:where(.svelte-zeedpj){opacity:1}.card-info.svelte-zeedpj{flex:1;min-width:0}.card-name.svelte-zeedpj{font-size:13px;font-weight:500;color:var(--foreground);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-status.svelte-zeedpj{font-size:12px;margin:0;color:var(--muted-foreground)}.card-progress.svelte-zeedpj{display:flex;align-items:center;gap:8px}.progress-bar.svelte-zeedpj{position:relative;flex:1;height:4px;border-radius:2px;background:var(--border);overflow:hidden}.progress-fill.svelte-zeedpj{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:2px;background:linear-gradient(90deg,var(--compress-primary),hsl(152,70%,52%));transform-origin:left center;transform:scaleX(0)}.progress-fill.compressing.svelte-zeedpj{animation:svelte-zeedpj-compress-grow 15s cubic-bezier(.05,.7,.1,.95) forwards,svelte-zeedpj-compress-pulse 2s ease-in-out infinite}@keyframes svelte-zeedpj-compress-grow{0%{transform:scaleX(.02)}8%{transform:scaleX(.15)}20%{transform:scaleX(.3)}35%{transform:scaleX(.45)}50%{transform:scaleX(.55)}65%{transform:scaleX(.65)}80%{transform:scaleX(.72)}90%{transform:scaleX(.78)}to{transform:scaleX(.85)}}@keyframes svelte-zeedpj-compress-pulse{0%,to{opacity:1}50%{opacity:.65}}.progress-text.svelte-zeedpj{font-size:11px;color:var(--compress-primary);font-weight:600;white-space:nowrap;min-width:32px;text-align:right}.card-status.skipped.svelte-zeedpj{color:#4d8ccb;font-size:11px}.error-text.svelte-zeedpj{color:#d14747}.card-sizes.svelte-zeedpj{display:flex;align-items:center;gap:6px;font-size:12px}.size-original.svelte-zeedpj{color:var(--muted-foreground);text-decoration:line-through;opacity:.7}.size-arrow.svelte-zeedpj{color:var(--compress-primary);font-size:11px}.size-compressed.svelte-zeedpj{color:var(--compress-primary);font-weight:600}.card-saved.svelte-zeedpj{font-size:11px;color:var(--muted-foreground);margin:2px 0 0}.pending.svelte-zeedpj{opacity:.5}.card-ring.svelte-zeedpj{position:relative;width:80px;height:80px;flex-shrink:0}.ring-progress.svelte-zeedpj{transition:stroke-dashoffset .8s ease-out}.ring-label.svelte-zeedpj{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--compress-primary)}.card-actions.svelte-zeedpj{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.action-btn.svelte-zeedpj{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted-foreground);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-btn.svelte-zeedpj:hover{color:var(--compress-primary);border-color:var(--compress-primary);background:color-mix(in srgb,var(--compress-primary) 8%,transparent)}@keyframes svelte-zeedpj-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.card-ring.svelte-zeedpj{width:60px;height:60px}.card-ring.svelte-zeedpj svg:where(.svelte-zeedpj){width:60px;height:60px}.ring-label.svelte-zeedpj{font-size:14px}}.stats-bar.svelte-cld5ho{display:flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:12px;border:1px solid var(--border);background:var(--card);animation:svelte-cld5ho-sd .3s ease-out}.stat-item.svelte-cld5ho{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.stat-icon.svelte-cld5ho{width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--compress-primary) 10%,transparent);color:var(--compress-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-data.svelte-cld5ho{display:flex;flex-direction:column;gap:1px}.stat-val.svelte-cld5ho{font-size:16px;font-weight:700;color:var(--foreground);line-height:1.2}.stat-lbl.svelte-cld5ho{font-size:11px;color:var(--muted-foreground)}.stat-div.svelte-cld5ho{width:1px;height:32px;background:var(--border);margin:0 8px;flex-shrink:0}@keyframes svelte-cld5ho-sd{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.stats-bar.svelte-cld5ho{padding:10px 12px}.stat-icon.svelte-cld5ho{display:none}.stat-val.svelte-cld5ho{font-size:14px}}.compare-backdrop.svelte-142vthp{position:fixed;inset:0;z-index:10000;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:svelte-142vthp-fade-in .2s ease-out}.compare-modal.svelte-142vthp{width:100%;max-width:800px;max-height:90vh;border-radius:16px;overflow:hidden;background:var(--card);border:1px solid var(--border);box-shadow:0 24px 48px #00000040;animation:svelte-142vthp-scale-in .25s ease-out}.modal-header.svelte-142vthp{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.modal-title.svelte-142vthp{font-size:14px;font-weight:600;color:var(--foreground);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-sizes.svelte-142vthp{display:flex;gap:6px;flex-shrink:0}.tag.svelte-142vthp{font-size:11px;padding:2px 8px;border-radius:6px;font-weight:500}.tag.original.svelte-142vthp{background:var(--secondary);color:var(--muted-foreground)}.tag.compressed.svelte-142vthp{background:color-mix(in srgb,var(--compress-primary) 12%,transparent);color:var(--compress-primary)}.close-btn.svelte-142vthp{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--muted-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.close-btn.svelte-142vthp:hover{background:var(--secondary);color:var(--foreground)}.compare-container.svelte-142vthp{position:relative;width:100%;overflow:hidden;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}.compare-img.svelte-142vthp{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;background:var(--secondary)}.compare-original.svelte-142vthp{position:absolute;inset:0}.compare-original.svelte-142vthp img:where(.svelte-142vthp){width:100%;height:100%;object-fit:contain}.slider-line.svelte-142vthp{position:absolute;top:0;bottom:0;width:3px;background:#fff;transform:translate(-50%);box-shadow:0 0 6px #0000004d;z-index:2}.slider-handle.svelte-142vthp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0000004d;display:flex;align-items:center;justify-content:center;color:#4d4d4d}.compare-label.svelte-142vthp{position:absolute;bottom:12px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;background:#0009;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;transition:opacity .2s;pointer-events:none}.compare-label.left.svelte-142vthp{left:12px}.compare-label.right.svelte-142vthp{right:12px}@keyframes svelte-142vthp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-142vthp-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.compress-page.svelte-jac2d5{--compress-primary: hsl(152, 60%, 42%);max-width:900px;margin:0 auto;padding:24px 16px 60px;display:flex;flex-direction:column;gap:16px}.hero-banner.svelte-jac2d5{position:relative;display:flex;justify-content:center;overflow:hidden;background:url(../../../images/hero-bg.jpg) center / cover no-repeat;min-height:300px}.hero-banner-inner.svelte-jac2d5{position:relative;display:flex;align-items:center;width:100%;max-width:900px;padding:24px 16px}.banner-upload-wrapper.svelte-jac2d5{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;flex:0 1 560px}.hero-intro.svelte-jac2d5{text-align:center;padding:24px 0 16px}.hero-badge.svelte-jac2d5{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 14px;border-radius:20px;background:color-mix(in srgb,var(--compress-primary) 12%,transparent);color:var(--compress-primary);margin-bottom:12px}.hero-title.svelte-jac2d5{font-family:var(--font-serif);font-size:28px;font-weight:800;color:var(--foreground);margin:0 0 8px;letter-spacing:.3px}.hero-sub.svelte-jac2d5{font-size:14px;color:var(--muted-foreground);line-height:1.6;max-width:600px;margin:0 auto}.banner-options.svelte-jac2d5{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media(max-width:768px){.hero-banner-inner.svelte-jac2d5{flex-direction:column;padding:16px}.banner-upload-wrapper.svelte-jac2d5{flex:none;width:100%}}.format-selector.svelte-jac2d5{display:flex;align-items:center;justify-content:center;gap:12px}.format-label.svelte-jac2d5{display:flex;align-items:center;gap:5px;font-size:13px;color:#fff;font-weight:500}.format-pills.svelte-jac2d5{display:flex;gap:4px;padding:3px;background:var(--secondary);border-radius:10px}.format-pill.svelte-jac2d5{padding:6px 16px;border-radius:8px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--muted-foreground);cursor:pointer;transition:all .2s}.format-pill.svelte-jac2d5:hover{color:var(--foreground)}.format-pill.active.svelte-jac2d5{background:var(--card);color:var(--foreground);box-shadow:0 1px 3px #00000014}.advanced-toggle.svelte-jac2d5{background:none;border:none;font-size:12px;color:#fff;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s;text-shadow:0 1px 2px rgba(0,0,0,.3)}.advanced-toggle.svelte-jac2d5:hover{color:#fff;background:#fff3}.advanced-body.svelte-jac2d5{margin-top:8px;padding:12px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px;text-align:left}.quality-control.svelte-jac2d5{display:flex;align-items:center;gap:12px}.quality-label.svelte-jac2d5{font-size:13px;font-weight:500;color:var(--foreground);white-space:nowrap}.quality-slider.svelte-jac2d5{flex:1;height:4px;accent-color:var(--compress-primary);cursor:pointer}.quality-value.svelte-jac2d5{font-size:13px;font-weight:600;color:var(--compress-primary);min-width:40px;text-align:right}.quality-hint.svelte-jac2d5{font-size:11px;color:var(--muted-foreground);margin:6px 0 0}.upload-zone.svelte-jac2d5{width:100%;min-height:200px;border:2px dashed var(--border);border-radius:16px;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 24px;cursor:pointer;transition:all .25s}.upload-zone.compact.svelte-jac2d5{min-height:80px;padding:16px}.upload-zone.full.svelte-jac2d5{min-height:60px;padding:12px 16px;opacity:.5;cursor:not-allowed;border-style:solid}.upload-zone.svelte-jac2d5:not(.full):hover{border-color:var(--compress-primary);background:#fff}.upload-icon.svelte-jac2d5{width:56px;height:56px;border-radius:50%;background:var(--secondary);display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);transition:all .25s}.upload-zone.compact.svelte-jac2d5 .upload-icon:where(.svelte-jac2d5){width:36px;height:36px}.upload-zone.svelte-jac2d5:not(.full):hover .upload-icon:where(.svelte-jac2d5){background:color-mix(in srgb,var(--compress-primary) 12%,transparent);color:var(--compress-primary)}.upload-text.svelte-jac2d5{font-size:14px;font-weight:500;color:var(--foreground);margin:0}.upload-hint.svelte-jac2d5{font-size:12px;color:var(--muted-foreground);margin:0}.result-list.svelte-jac2d5{display:flex;flex-direction:column;gap:8px}.bottom-actions.svelte-jac2d5{display:flex;gap:8px;justify-content:center;padding-top:8px}.action-btn.svelte-jac2d5{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.primary.svelte-jac2d5{background:var(--compress-primary);color:#fff}.action-btn.primary.svelte-jac2d5:hover{opacity:.9;transform:translateY(-1px)}.action-btn.primary.svelte-jac2d5:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-btn.secondary.svelte-jac2d5{background:transparent;border:1px solid var(--border);color:var(--muted-foreground)}.action-btn.secondary.svelte-jac2d5:hover{border-color:var(--foreground);color:var(--foreground)}.sr-only.svelte-jac2d5{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:640px){.compress-page.svelte-jac2d5{padding:16px 12px 48px}.hero-banner.svelte-jac2d5{padding:20px 0 4px}.hero-title.svelte-jac2d5{font-size:26px}.hero-sub.svelte-jac2d5{font-size:14px}}