.svelte-o4nfp9{box-sizing:border-box}.tool.svelte-o4nfp9{--ink:var(--text);--ink-soft:var(--muted);--line:var(--border);--surface:var(--surface);--sunken:color-mix(in srgb, var(--surface-strong) 40%, transparent);--accent:#38bdf8;--accent-hover:#0ea5e9;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;color:var(--text);max-width:100%;margin:0 auto;font-family:Inter,system-ui,-apple-system,sans-serif}.dropzone.svelte-o4nfp9{border:2px dashed var(--border);border-radius:calc(var(--radius) + 4px);background:color-mix(in srgb, var(--surface) 70%, transparent);color:var(--muted);cursor:pointer;text-align:center;backdrop-filter:blur(8px);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;transition:all .2s;display:flex}.dropzone.svelte-o4nfp9:hover,.dropzone.drag.svelte-o4nfp9{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--text);transform:scale(1.005)}.dropzone.svelte-o4nfp9 svg:where(.svelte-o4nfp9){color:var(--muted)}.dropzone.svelte-o4nfp9:hover svg:where(.svelte-o4nfp9),.dropzone.drag.svelte-o4nfp9 svg:where(.svelte-o4nfp9){color:var(--accent)}.drop-title.svelte-o4nfp9{color:var(--ink);margin:0;font-size:1.5rem;font-weight:700}.drop-sub.svelte-o4nfp9{max-width:500px;margin:0;font-size:.875rem}.main-layout.svelte-o4nfp9{grid-template-columns:300px 1fr 300px;align-items:start;gap:1.5rem;display:grid}@media (width<=1200px){.main-layout.svelte-o4nfp9{grid-template-columns:1fr}}.sidebar.svelte-o4nfp9{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.25rem;min-width:0;padding:1.25rem;display:flex}.sidebar-header.svelte-o4nfp9{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.sidebar-header.svelte-o4nfp9 h3:where(.svelte-o4nfp9){color:var(--ink);margin:0;font-size:.875rem;font-weight:700}.close-btn.svelte-o4nfp9{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;color:var(--ink-soft);background:0 0;justify-content:center;align-items:center;padding:.4rem;transition:all .15s;display:flex}.close-btn.svelte-o4nfp9:hover{background:var(--sunken);color:var(--ink)}.file-card.svelte-o4nfp9{background:var(--sunken);border:1px solid var(--line);border-radius:var(--radius-sm);gap:.75rem;padding:.875rem;display:flex}.file-icon.svelte-o4nfp9{flex-shrink:0;font-size:2rem}.file-details.svelte-o4nfp9{flex:1;min-width:0}.file-name.svelte-o4nfp9{text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem;font-size:.875rem;font-weight:600;overflow:hidden}.file-meta.svelte-o4nfp9{color:var(--ink-soft);font-size:.75rem}.warning-box.svelte-o4nfp9{background:color-mix(in srgb, var(--warning) 12%, transparent);border:1px solid color-mix(in srgb, var(--warning) 35%, transparent);border-radius:var(--radius-sm);color:var(--ink);gap:.5rem;padding:.75rem;font-size:.75rem;line-height:1.5;display:flex}.warning-box.svelte-o4nfp9 svg:where(.svelte-o4nfp9){color:var(--warning);flex-shrink:0;margin-top:.125rem}.warning-text.svelte-o4nfp9{color:#92400e;background:color-mix(in srgb, var(--warning) 12%, transparent);border:1px solid color-mix(in srgb, var(--warning) 30%, transparent);border-radius:var(--radius-sm);margin:0;padding:.625rem .75rem;font-size:.78rem;line-height:1.5}.danger-text.svelte-o4nfp9{color:var(--danger);margin-top:.5rem;display:block}.compression-result.svelte-o4nfp9{background:linear-gradient(135deg, var(--success) 0%, #059669 100%);border-radius:var(--radius);color:#fff;padding:1rem}.result-header.svelte-o4nfp9{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.result-title.svelte-o4nfp9{text-transform:uppercase;letter-spacing:.05em;opacity:.9;font-size:.75rem;font-weight:600}.result-ratio.svelte-o4nfp9{background:#fff3;border-radius:999px;padding:.25rem .75rem;font-size:1.25rem;font-weight:700}.result-ratio.excellent.svelte-o4nfp9{background:#ffffff4d}.size-comparison.svelte-o4nfp9{margin-bottom:1rem}.size-bar.svelte-o4nfp9{align-items:center;gap:.75rem;display:flex}.size-item.svelte-o4nfp9{border-radius:var(--radius-sm);background:#ffffff1a;flex-direction:column;flex:1;gap:.25rem;padding:.75rem;display:flex}.size-label.svelte-o4nfp9{opacity:.8;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.size-value.svelte-o4nfp9{font-size:1rem;font-weight:700}.savings-display.svelte-o4nfp9{border-radius:var(--radius-sm);background:#ffffff1a;align-items:center;gap:.75rem;padding:.75rem;display:flex}.savings-icon.svelte-o4nfp9{font-size:1.5rem}.savings-text.svelte-o4nfp9{font-size:.875rem;font-weight:600}.section.svelte-o4nfp9{border-top:1px solid var(--line);padding-top:1rem}.section-title.svelte-o4nfp9{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:.75rem;font-size:.7rem;font-weight:700}.presets-grid.svelte-o4nfp9{flex-direction:column;gap:.5rem;display:flex}.preset-btn.svelte-o4nfp9{background:var(--sunken);border:2px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem;transition:all .15s;display:flex}.preset-btn.svelte-o4nfp9:hover{background:color-mix(in srgb, var(--accent) 10%, var(--surface));border-color:var(--accent)}.preset-btn.active.svelte-o4nfp9{background:color-mix(in srgb, var(--accent) 15%, var(--surface));border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent)}.preset-icon.svelte-o4nfp9{flex-shrink:0;font-size:1.5rem}.preset-content.svelte-o4nfp9{text-align:left;flex:1}.preset-name.svelte-o4nfp9{margin-bottom:.125rem;font-size:.8rem;font-weight:600}.preset-desc.svelte-o4nfp9{color:var(--ink-soft);font-size:.7rem}.info-box.svelte-o4nfp9{background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--ink-soft);gap:.5rem;padding:.75rem;font-size:.75rem;line-height:1.5;display:flex}.info-box.svelte-o4nfp9 svg:where(.svelte-o4nfp9){color:var(--accent);flex-shrink:0;margin-top:.125rem}.center-area.svelte-o4nfp9{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);min-width:0}.center-header.svelte-o4nfp9{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.center-header.svelte-o4nfp9 h2:where(.svelte-o4nfp9){margin:0;font-size:1.125rem;font-weight:700}.current-level.svelte-o4nfp9{align-items:center;gap:.5rem;display:flex}.level-label.svelte-o4nfp9{color:var(--ink-soft);font-size:.75rem}.level-value.svelte-o4nfp9{background:var(--success);color:#fff;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.level-value.maximum.svelte-o4nfp9{background:var(--danger)}.level-value.balanced.svelte-o4nfp9{background:var(--warning)}.settings-container.svelte-o4nfp9{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.setting-group.svelte-o4nfp9{background:var(--sunken);border-radius:var(--radius-sm);border:1px solid var(--line);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.setting-group.highlight.svelte-o4nfp9{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));background:color-mix(in srgb, var(--accent) 6%, var(--sunken))}.setting-header.svelte-o4nfp9{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.setting-label.svelte-o4nfp9{color:var(--ink);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.setting-label.svelte-o4nfp9 input[type=checkbox]:where(.svelte-o4nfp9){cursor:pointer;flex-shrink:0;width:18px;height:18px}.setting-badge.svelte-o4nfp9{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:999px;padding:.25rem .625rem;font-size:.7rem;font-weight:700}.setting-badge.good.svelte-o4nfp9{background:var(--success)}.setting-info.svelte-o4nfp9{color:var(--ink-soft);font-size:.75rem;line-height:1.5}.nested-settings.svelte-o4nfp9{background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--line);flex-direction:column;gap:1rem;padding:1rem;display:flex}.field.svelte-o4nfp9{flex-direction:column;gap:.4rem;display:flex}.field.svelte-o4nfp9>span:where(.svelte-o4nfp9){color:var(--ink-soft);font-size:.75rem;font-weight:600}.field.svelte-o4nfp9 input[type=text]:where(.svelte-o4nfp9){border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:.5rem .75rem;font-size:.875rem}.quality-slider.svelte-o4nfp9{background:var(--line);-webkit-appearance:none;border-radius:3px;outline:none;width:100%;height:6px}.quality-slider.svelte-o4nfp9::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);cursor:pointer;width:18px;height:18px;box-shadow:var(--shadow);border-radius:50%}.quality-slider.svelte-o4nfp9::-moz-range-thumb{background:var(--accent);cursor:pointer;width:18px;height:18px;box-shadow:var(--shadow);border:none;border-radius:50%}.slider-labels.svelte-o4nfp9{color:var(--ink-soft);justify-content:space-between;font-size:.7rem;display:flex}.info-note.svelte-o4nfp9{background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:var(--radius-sm);color:var(--ink-soft);gap:.5rem;padding:.625rem;font-size:.7rem;line-height:1.4;display:flex}.info-note.svelte-o4nfp9 svg:where(.svelte-o4nfp9){color:var(--accent);flex-shrink:0;margin-top:.125rem}.strategy-info.svelte-o4nfp9{background:color-mix(in srgb, var(--accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);border-radius:var(--radius-sm);padding:1rem}.strategy-title.svelte-o4nfp9{color:var(--accent);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.strategy-list.svelte-o4nfp9{flex-direction:column;gap:.5rem;display:flex}.strategy-item.svelte-o4nfp9{color:var(--ink-soft);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.strategy-item.svelte-o4nfp9 svg:where(.svelte-o4nfp9){color:var(--success);flex-shrink:0}.compress-btn.svelte-o4nfp9{background:linear-gradient(135deg, var(--accent) 0%, #0ea5e9 100%);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1rem;font-size:.9rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 12px #38bdf84d}.compress-btn.svelte-o4nfp9:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #38bdf866}.compress-btn.svelte-o4nfp9:disabled{background:var(--sunken);cursor:not-allowed;opacity:.6;box-shadow:none}.cancel-btn.svelte-o4nfp9{width:100%;color:var(--danger);border:1.5px solid color-mix(in srgb, var(--danger) 40%, transparent);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.6rem 1rem;font-size:.82rem;font-weight:600;transition:all .15s}.cancel-btn.svelte-o4nfp9:hover{background:color-mix(in srgb, var(--danger) 10%, transparent)}.spinner.svelte-o4nfp9{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite svelte-o4nfp9-spin}@keyframes svelte-o4nfp9-spin{to{transform:rotate(360deg)}}.progress-container.svelte-o4nfp9{flex-direction:column;gap:.5rem;display:flex}.progress-bar.svelte-o4nfp9{background:var(--line);border-radius:999px;width:100%;height:8px;overflow:hidden}.progress-fill.svelte-o4nfp9{background:linear-gradient(90deg, var(--accent), #0ea5e9);border-radius:999px;height:100%;transition:width .3s}.progress-text.svelte-o4nfp9{text-align:center;color:var(--accent);font-size:.875rem;font-weight:600}.stats-grid.svelte-o4nfp9{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.stat-card.svelte-o4nfp9{background:var(--sunken);border:1px solid var(--line);border-radius:var(--radius-sm);text-align:center;padding:.875rem}.stat-icon.svelte-o4nfp9{margin-bottom:.25rem;font-size:1.5rem}.stat-value.svelte-o4nfp9{color:var(--accent);margin-bottom:.125rem;font-size:1.25rem;font-weight:700}.stat-label.svelte-o4nfp9{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.expected-results.svelte-o4nfp9{background:var(--sunken);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.875rem}.results-title.svelte-o4nfp9{color:var(--ink);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.results-list.svelte-o4nfp9{flex-direction:column;gap:.5rem;display:flex}.result-item.svelte-o4nfp9{justify-content:space-between;font-size:.8rem;display:flex}.result-label.svelte-o4nfp9{color:var(--ink-soft)}.result-value.svelte-o4nfp9{color:var(--accent);font-weight:600}.tips-panel.svelte-o4nfp9{background:var(--sunken);border-radius:var(--radius-sm);border:1px solid var(--line);padding:.875rem}.tips-title.svelte-o4nfp9{color:var(--ink);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.tips-list.svelte-o4nfp9{flex-direction:column;gap:.4rem;margin:0;padding-left:1.25rem;display:flex}.tips-list.svelte-o4nfp9 li:where(.svelte-o4nfp9){color:var(--ink-soft);font-size:.75rem;line-height:1.5}.use-cases-panel.svelte-o4nfp9{background:var(--sunken);border-radius:var(--radius-sm);border:1px solid var(--line);padding:.875rem}.use-cases-title.svelte-o4nfp9{color:var(--ink);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.use-cases-list.svelte-o4nfp9{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.use-cases-list.svelte-o4nfp9 li:where(.svelte-o4nfp9){color:var(--ink-soft);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.use-cases-list.svelte-o4nfp9 svg:where(.svelte-o4nfp9){color:var(--success);flex-shrink:0}.error.svelte-o4nfp9{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--danger) 20%, transparent);border-radius:var(--radius-sm);margin:0;padding:.625rem .75rem;font-size:.8rem}.error.standalone.svelte-o4nfp9{margin-top:1rem}@media (width<=768px){.stats-grid.svelte-o4nfp9{grid-template-columns:1fr}}@media (width<=980px){.tool.svelte-o4nfp9 .main-layout:where(.svelte-o4nfp9){grid-template-columns:minmax(0,1fr)}.tool.svelte-o4nfp9 .sidebar:where(.svelte-o4nfp9){max-height:none!important;position:static!important;top:auto!important}.tool.svelte-o4nfp9 .main-layout:where(.svelte-o4nfp9)>:where(.svelte-o4nfp9){min-width:0}}@media (width<=767px){.tool.svelte-o4nfp9{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:.75rem;overflow-x:clip}.dropzone.svelte-o4nfp9{width:100%;min-width:0;padding:2.25rem 1rem}.main-layout.svelte-o4nfp9{grid-template-columns:minmax(0,1fr);gap:1rem}.sidebar.svelte-o4nfp9,.center-area.svelte-o4nfp9{min-width:0;max-width:100%}.sidebar.svelte-o4nfp9{padding:1rem}.center-area.svelte-o4nfp9{min-height:0}.center-header.svelte-o4nfp9{flex-wrap:wrap;min-width:0}.tool.svelte-o4nfp9 button:where(.svelte-o4nfp9){max-width:100%;min-height:42px}.tool.svelte-o4nfp9 input:where(.svelte-o4nfp9):not([type=checkbox]):not([type=radio]):not([type=range]){width:100%;min-width:0;max-width:100%;min-height:42px}.tool.svelte-o4nfp9 .field:where(.svelte-o4nfp9){min-width:0}.tool.svelte-o4nfp9 .drop-title:where(.svelte-o4nfp9),.tool.svelte-o4nfp9 .drop-sub:where(.svelte-o4nfp9),.tool.svelte-o4nfp9 .file-name:where(.svelte-o4nfp9),.tool.svelte-o4nfp9 .error:where(.svelte-o4nfp9){overflow-wrap:anywhere;word-break:break-word}.tool.svelte-o4nfp9 .file-name:where(.svelte-o4nfp9){white-space:normal;max-width:100%}.presets-grid.svelte-o4nfp9{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid.svelte-o4nfp9{grid-template-columns:minmax(0,1fr)}}@media (width<=420px){.tool.svelte-o4nfp9{padding:.5rem}.presets-grid.svelte-o4nfp9{grid-template-columns:minmax(0,1fr)}.dropzone.svelte-o4nfp9{padding:1.75rem .75rem}}