.compressor-wrapper.svelte-swbdtl{min-height:100vh;display:flex;flex-direction:column;background:#fef3e2}.dark .compressor-wrapper.svelte-swbdtl{background:#0f0f0f}.page-header.svelte-swbdtl{position:relative;background:linear-gradient(135deg,#ff8c00,#ff5100,#cc4100);color:#fff;padding:2rem 2rem 4rem;text-align:center}.dark .page-header.svelte-swbdtl{background:linear-gradient(135deg,#1a1a1a,#0a0a0a,#000)}.header-content.svelte-swbdtl{position:relative;z-index:1}.page-title.svelte-swbdtl{font-size:clamp(2rem,6vw,3.5rem);font-weight:200;margin:0 0 .5rem;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.2)}.dark .page-title.svelte-swbdtl{background:linear-gradient(135deg,#ff8c00,#ff5100,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle.svelte-swbdtl{font-size:clamp(1rem,2.5vw,1.25rem);opacity:.9;margin:0;font-weight:300}.dark .page-subtitle.svelte-swbdtl{color:#999}.header-divider.svelte-swbdtl{position:absolute;bottom:-1px;left:0;width:100%;height:80px;z-index:0}.header-divider.svelte-swbdtl svg:where(.svelte-swbdtl){width:100%;height:100%}.divider-fill.svelte-swbdtl{fill:#fef3e2}.dark .divider-fill.svelte-swbdtl{fill:#0f0f0f}.compressor-content.svelte-swbdtl{flex:1;padding:2rem 1.5rem 4rem;max-width:640px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:1.5rem}.card.svelte-swbdtl{background:#fff;border-radius:1rem;border:1px solid rgba(255,140,0,.15);box-shadow:0 4px 15px #0000000d;overflow:hidden}.dark .card.svelte-swbdtl{background:#1a1a1a;border-color:#ff8c0033;box-shadow:0 4px 15px #0003}.card-header.svelte-swbdtl{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#ff8c00,#ff5100);color:#fff;font-weight:600;font-size:.95rem}.dark .card-header.svelte-swbdtl{background:linear-gradient(135deg,#8a3d00,#662d00)}.header-badge.svelte-swbdtl{margin-left:auto;padding:.125rem .5rem;background:#ffffff40;border:1px solid rgba(255,255,255,.4);border-radius:999px;font-size:.75rem}.card-body.svelte-swbdtl{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.drop-zone.svelte-swbdtl{width:100%;border:none;border-radius:0;padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#fff;color:#1a1a1a}.dark .drop-zone.svelte-swbdtl{background:#1a1a1a;color:#e5e5e5}.drop-zone.svelte-swbdtl:hover,.drop-zone.drag-over.svelte-swbdtl{background:#fff7ed}.dark .drop-zone.svelte-swbdtl:hover,.dark .drop-zone.drag-over.svelte-swbdtl{background:#2a1a0a}.drop-zone.drag-over.svelte-swbdtl{box-shadow:inset 0 0 30px #ff8c0026}.drop-zone.has-file.svelte-swbdtl{padding:1rem 1.5rem}.drop-prompt.svelte-swbdtl{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#888}.drop-prompt.compact.svelte-swbdtl{flex-direction:row;justify-content:center;gap:.5rem;font-size:.85rem}.drop-prompt.svelte-swbdtl svg:where(.svelte-swbdtl){color:#ff8c00}.drop-hint.svelte-swbdtl{font-size:.8rem;color:#aaa}.queue-list.svelte-swbdtl{display:flex;flex-direction:column}.queue-item.svelte-swbdtl{padding:.75rem 1.25rem;border-bottom:1px solid rgba(255,140,0,.1);transition:background .15s ease}.dark .queue-item.svelte-swbdtl{border-color:#ffffff0d}.queue-item.svelte-swbdtl:last-child{border-bottom:none}.queue-item.active.svelte-swbdtl{background:#ff8c000d}.dark .queue-item.active.svelte-swbdtl{background:#ff8c0014}.queue-item.done.svelte-swbdtl{background:#16a34a0a}.queue-item.error.svelte-swbdtl{background:#d32f2f0a}.queue-item-info.svelte-swbdtl{display:flex;align-items:center;gap:.75rem}.queue-item-actions.svelte-swbdtl{margin-left:auto;display:flex;align-items:center;gap:.5rem;flex-shrink:0}.item-download.svelte-swbdtl{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.375rem;background:#16a34a26;color:#16a34a;transition:all .15s ease}.item-download.svelte-swbdtl:hover{background:#16a34a40}.item-error.svelte-swbdtl{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#d32f2f26;color:#d32f2f;font-weight:700;font-size:.85rem}.item-remove.svelte-swbdtl{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:.375rem;background:transparent;color:#999;cursor:pointer;transition:all .15s ease;padding:0}.item-remove.svelte-swbdtl:hover{background:#d32f2f1a;color:#d32f2f}.queue-item-progress.svelte-swbdtl{margin-top:.5rem;padding-left:calc(44px + .75rem)}.queue-item-error.svelte-swbdtl{margin-top:.375rem;padding-left:calc(44px + .75rem);color:#d32f2f;font-size:.8rem}.dark .queue-item-error.svelte-swbdtl{color:#f44336}.progress-label.svelte-swbdtl{display:block;margin-top:.25rem;font-size:.75rem;color:#888}.reduction.svelte-swbdtl{color:#16a34a;font-weight:600}.dark .reduction.svelte-swbdtl{color:#4caf50}.file-thumbnail.svelte-swbdtl{width:44px;height:44px;border-radius:.375rem;overflow:hidden;flex-shrink:0}.file-thumbnail.svelte-swbdtl img:where(.svelte-swbdtl){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.file-thumbnail-fallback.svelte-swbdtl{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ff8c001a;color:#ff8c00}.file-details.svelte-swbdtl{display:flex;flex-direction:column;gap:.125rem;min-width:0}.file-name.svelte-swbdtl{font-weight:600;color:#1a1a1a;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .file-name.svelte-swbdtl{color:#e5e5e5}.file-size.svelte-swbdtl{color:#666;font-size:.8rem}.dark .file-size.svelte-swbdtl{color:#999}.target-label.svelte-swbdtl{display:flex;align-items:center;gap:1rem;color:#1a1a1a;font-weight:500}.dark .target-label.svelte-swbdtl{color:#e5e5e5}.target-input-group.svelte-swbdtl{display:flex;align-items:center;gap:.5rem}.target-input.svelte-swbdtl{width:100px;padding:.5rem .75rem;border:1px solid rgba(0,0,0,.1);border-radius:.375rem;background:#fff;color:#1a1a1a;font-size:1rem;text-align:right}.dark .target-input.svelte-swbdtl{background:#0f0f0f;border-color:#ffffff1a;color:#e5e5e5}.target-input.svelte-swbdtl:focus{outline:none;border-color:#ff8c00}.target-unit.svelte-swbdtl{color:#888;font-weight:600}.button-row.svelte-swbdtl{display:flex;gap:.75rem}.compress-btn.svelte-swbdtl{flex:1;padding:.75rem 1.5rem;border:none;border-radius:.375rem;background:linear-gradient(135deg,#ff8c00,#ff5100);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 8px #ff8c004d}.compress-btn.svelte-swbdtl:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #ff8c0066}.compress-btn.svelte-swbdtl:active:not(:disabled){transform:scale(.98)}.compress-btn.svelte-swbdtl:disabled{opacity:.4;cursor:not-allowed}.reset-btn.svelte-swbdtl{padding:.75rem 1.25rem;border:1px solid rgba(255,140,0,.3);border-radius:.375rem;background:#ff8c001a;color:#ff8c00;font-size:1rem;cursor:pointer;transition:all .2s ease}.reset-btn.svelte-swbdtl:hover:not(:disabled){background:#ff8c0033;border-color:#ff8c0080}.reset-btn.svelte-swbdtl:disabled{opacity:.4;cursor:not-allowed}.download-all-btn.svelte-swbdtl{padding:.75rem 1.25rem;border:1px solid rgba(22,163,74,.3);border-radius:.375rem;background:#16a34a1a;color:#16a34a;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.download-all-btn.svelte-swbdtl:hover:not(:disabled){background:#16a34a33;border-color:#16a34a80}.download-all-btn.svelte-swbdtl:disabled{opacity:.4;cursor:not-allowed}.dark .download-all-btn.svelte-swbdtl{color:#4caf50;border-color:#4caf504d;background:#4caf501a}.dark .download-all-btn.svelte-swbdtl:hover:not(:disabled){background:#4caf5033;border-color:#4caf5080}.spinner.small.svelte-swbdtl{width:14px;height:14px;border-width:2px;border-color:#16a34a4d;border-top-color:#16a34a}.spinner.svelte-swbdtl{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-swbdtl-spin .8s linear infinite}@keyframes svelte-swbdtl-spin{to{transform:rotate(360deg)}}.progress-track.svelte-swbdtl{width:100%;height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden}.dark .progress-track.svelte-swbdtl{background:#0a0a0a}.progress-fill.svelte-swbdtl{height:100%;background:linear-gradient(90deg,#ff8c00,#ff5100);border-radius:3px;transition:width .3s ease}@media (max-width: 768px){.page-header.svelte-swbdtl{padding:1.5rem 1rem 3rem}.header-divider.svelte-swbdtl{height:50px}.compressor-content.svelte-swbdtl{padding:1.5rem 1rem 3rem}}