.page[data-v-fb4e739c]{width:min(1280px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 3rem;animation:rise .6s ease both}.topbar[data-v-fb4e739c]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.15rem;flex-wrap:wrap;position:relative;z-index:20}.toolbar[data-v-fb4e739c]{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin:0;margin-inline-start:auto}.tool[data-v-fb4e739c]{display:flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border-radius:999px;background:var(--toolbar-bg);border:1px solid var(--line);color:var(--muted);font-size:.82rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tool select[data-v-fb4e739c]{background:var(--bg2);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.28rem .55rem;max-width:12rem}.theme-switch[data-v-fb4e739c]{display:inline-flex;padding:2px;border-radius:999px;background:var(--bg2);border:1px solid var(--line)}.theme-btn[data-v-fb4e739c]{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:.28rem .7rem;font-size:.82rem;font-weight:500;transition:background .15s ease,color .15s ease}.theme-btn.active[data-v-fb4e739c]{background:var(--accent);color:var(--btn-ink);font-weight:700}.theme-btn[data-v-fb4e739c]:not(.active):hover{color:var(--ink)}.brand[data-v-fb4e739c]{display:inline-flex;align-items:center;gap:.55rem;margin:0;font-family:var(--display);font-size:clamp(1.55rem,3.6vw,2.15rem);font-weight:700;letter-spacing:-.03em;color:var(--accent);line-height:1.1}.brand-logo[data-v-fb4e739c]{width:1.15em;height:1.15em;flex-shrink:0;border-radius:.28em;box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 18%,transparent);transition:transform .2s ease}.brand-logo-wrap[data-v-fb4e739c]{position:relative;display:inline-flex;cursor:pointer}.brand-logo-wrap:hover .brand-logo[data-v-fb4e739c],.brand-logo-wrap:focus-within .brand-logo[data-v-fb4e739c]{transform:scale(1.06)}.brand-logo-preview[data-v-fb4e739c]{position:absolute;left:0;top:calc(100% + .65rem);width:min(512px,calc(100vw - 2rem));height:auto;aspect-ratio:1;border-radius:1.15rem;box-shadow:var(--shadow),0 0 0 1px var(--line);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.96);transform-origin:top left;transition:opacity .2s ease,transform .22s ease,visibility .2s ease;z-index:40}.brand-logo-wrap:hover .brand-logo-preview[data-v-fb4e739c],.brand-logo-wrap:focus-within .brand-logo-preview[data-v-fb4e739c]{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.headline[data-v-fb4e739c]{margin:0 0 .45rem;font-size:clamp(1.05rem,2.2vw,1.3rem);font-weight:500;color:var(--muted)}.lead[data-v-fb4e739c]{max-width:48rem;margin:0 0 1.5rem;color:var(--ink);font-size:clamp(.92rem,1.8vw,1.02rem);line-height:1.65}.drop[data-v-fb4e739c]{border:1.5px dashed color-mix(in srgb,var(--accent) 40%,transparent);border-radius:var(--radius);background:var(--drop-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:180px;display:grid;place-items:center;transition:border-color .2s ease,transform .2s ease,background .2s ease}.drop[data-v-fb4e739c]:hover,.drop.active[data-v-fb4e739c]{border-color:var(--accent);transform:translateY(-2px);background:var(--drop-bg-active)}.drop.busy[data-v-fb4e739c]{animation:pulse-ring 1.4s ease infinite;pointer-events:none}.drop-inner[data-v-fb4e739c]{display:grid;gap:.35rem;text-align:center;padding:1.5rem}.drop-inner span[data-v-fb4e739c]{color:var(--muted);font-size:.92rem}.drop-icon[data-v-fb4e739c]{width:42px;height:42px;margin:0 auto .4rem;border-radius:12px;background:linear-gradient(var(--accent),var(--accent)) center / 18px 3px no-repeat,linear-gradient(var(--accent),var(--accent)) center / 3px 18px no-repeat,var(--accent-soft)}.dual-panels[data-v-fb4e739c]{margin-top:1.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0;align-items:stretch;animation:rise .45s ease both}.panel[data-v-fb4e739c]{--process-accent: var(--accent);--process-soft: var(--accent-soft);min-width:0;padding:1.05rem;border:1px solid color-mix(in srgb,var(--process-accent) 28%,var(--line));border-top:4px solid var(--process-accent);border-radius:calc(var(--radius) + 2px);background:linear-gradient(145deg,color-mix(in srgb,var(--process-accent) 7%,var(--panel-bg)),var(--panel-bg) 44%);box-shadow:0 14px 38px color-mix(in srgb,var(--process-accent) 10%,transparent)}.panel-webp[data-v-fb4e739c]{--process-accent: #3182ce;--process-soft: color-mix(in srgb, #3182ce 13%, transparent)}.panel-compress[data-v-fb4e739c]{--process-accent: var(--accent);--process-soft: var(--accent-soft)}.panel-head[data-v-fb4e739c]{min-height:3.4rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.panel-identity[data-v-fb4e739c]{min-width:0;display:flex;align-items:center;gap:.7rem}.panel-option[data-v-fb4e739c]{width:2.15rem;height:2.15rem;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:var(--process-accent);color:var(--btn-ink);font-size:.9rem;font-weight:800;box-shadow:0 7px 18px color-mix(in srgb,var(--process-accent) 28%,transparent)}.panel-spec[data-v-fb4e739c]{margin:0 0 .12rem;color:var(--process-accent);font-size:.68rem;font-weight:800;letter-spacing:.1em}.panel-title[data-v-fb4e739c]{margin:0;font-family:var(--display);font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.panel-state[data-v-fb4e739c]{flex:0 0 auto;display:inline-flex;align-items:center;gap:.38rem;padding:.3rem .58rem;border:1px solid var(--line);border-radius:999px;background:var(--bg2);color:var(--muted);font-size:.7rem;font-weight:600}.panel-state i[data-v-fb4e739c]{width:.44rem;height:.44rem;border-radius:50%;background:color-mix(in srgb,var(--muted) 55%,transparent)}.panel-state.running[data-v-fb4e739c]{border-color:color-mix(in srgb,var(--process-accent) 35%,var(--line));color:var(--process-accent)}.panel-state.running i[data-v-fb4e739c]{background:var(--process-accent);animation:state-pulse-fb4e739c 1.25s ease-in-out infinite}.panel-state.complete[data-v-fb4e739c]{border-color:color-mix(in srgb,var(--process-accent) 28%,var(--line));color:var(--process-accent)}.panel-state.complete i[data-v-fb4e739c]{background:var(--process-accent)}.panel-state.failed[data-v-fb4e739c],.panel-state.failed i[data-v-fb4e739c]{color:var(--error);border-color:color-mix(in srgb,var(--error) 35%,var(--line))}.panel-state.failed i[data-v-fb4e739c]{background:var(--error)}.panel-split[data-v-fb4e739c]{width:2.8rem;align-self:stretch;min-height:12rem;display:flex;flex-direction:column;align-items:center;gap:.6rem}.panel-split[data-v-fb4e739c]:before,.panel-split[data-v-fb4e739c]:after{content:"";width:1px;flex:1;background:linear-gradient(transparent,var(--line),transparent)}.panel-split span[data-v-fb4e739c]{width:2rem;height:2rem;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--bg2);color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.04em;box-shadow:0 6px 16px color-mix(in srgb,var(--ink) 8%,transparent)}.panel .pipeline[data-v-fb4e739c]{margin-top:0}.panel .pipeline.live[data-v-fb4e739c],.panel .pass-item.running[data-v-fb4e739c]{border-color:color-mix(in srgb,var(--process-accent) 50%,var(--line))}.panel .pipeline-meter strong[data-v-fb4e739c],.panel .pass-saved[data-v-fb4e739c],.panel .running-pulse[data-v-fb4e739c],.panel .pass-dl[data-v-fb4e739c]{color:var(--process-accent)}.panel .pipeline-bar-fill[data-v-fb4e739c]{background:linear-gradient(90deg,var(--process-accent),color-mix(in srgb,var(--process-accent) 62%,white))}.panel .pass-index[data-v-fb4e739c]{background:var(--process-soft);color:var(--process-accent)}.panel .pass-item.done .pass-index[data-v-fb4e739c]{background:var(--process-accent);color:var(--btn-ink)}.panel .pass-dl[data-v-fb4e739c]{border-color:color-mix(in srgb,var(--process-accent) 40%,var(--line));background:var(--process-soft)}.panel .btn[data-v-fb4e739c]{background:linear-gradient(120deg,var(--process-accent),color-mix(in srgb,var(--process-accent) 68%,white))}.panel .saved strong[data-v-fb4e739c]{color:var(--process-accent)}.panel .slider[data-v-fb4e739c]{accent-color:var(--process-accent)}.panel .workspace[data-v-fb4e739c]{margin-top:1rem}.panel .error[data-v-fb4e739c]{margin-top:0;margin-bottom:.75rem}.panel .stats[data-v-fb4e739c]{flex-direction:column;align-items:stretch;gap:.65rem}.panel .stats>div[data-v-fb4e739c]{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.panel .btn[data-v-fb4e739c]{margin-left:0;width:100%}.panel .compare-frame[data-v-fb4e739c]{aspect-ratio:4 / 3}.controls[data-v-fb4e739c]{margin-top:1rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.controls label[data-v-fb4e739c]{display:grid;gap:.35rem;padding:.85rem .95rem;border-radius:14px;background:var(--panel-bg);border:1px solid var(--line);color:var(--muted);font-size:.85rem}.controls em[data-v-fb4e739c]{font-style:normal;color:var(--ink);font-variant-numeric:tabular-nums}.controls input[type=range][data-v-fb4e739c]{width:100%;accent-color:var(--accent)}.controls select[data-v-fb4e739c]{background:var(--bg2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:.4rem .55rem}.check[data-v-fb4e739c]{align-content:center;grid-template-columns:auto 1fr;align-items:center}.tip-line[data-v-fb4e739c]{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap}.tip[data-v-fb4e739c]{position:relative;display:inline-flex;align-items:center}.tip-mark[data-v-fb4e739c]{width:1.05rem;height:1.05rem;border-radius:999px;display:grid;place-items:center;font-size:.7rem;font-weight:700;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);cursor:help}.tip-bubble[data-v-fb4e739c]{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);width:min(18rem,70vw);padding:.65rem .75rem;border-radius:10px;background:var(--bg2);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);font-size:.78rem;line-height:1.45;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:20}.tip:hover .tip-bubble[data-v-fb4e739c],.tip:focus-within .tip-bubble[data-v-fb4e739c]{opacity:1}.pass-item.skipped[data-v-fb4e739c]{opacity:.72}.pass-item.skipped .pass-index[data-v-fb4e739c]{background:color-mix(in srgb,var(--muted) 25%,transparent);color:var(--muted)}.pass-dl[data-v-fb4e739c]{margin-top:.45rem;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.28rem .75rem;font-size:.78rem;font-weight:600}.pass-dl[data-v-fb4e739c]:hover{filter:brightness(1.05)}.error[data-v-fb4e739c]{margin:1rem 0 0;color:var(--error)}.pipeline[data-v-fb4e739c]{margin-top:1.35rem;padding:1.15rem 1.2rem 1.05rem;border-radius:var(--radius);background:var(--panel-bg);border:1px solid var(--line);box-shadow:var(--shadow);animation:rise .4s ease both}.pipeline.live[data-v-fb4e739c]{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.pipeline-head[data-v-fb4e739c]{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.pipeline-kicker[data-v-fb4e739c]{margin:0;font-family:var(--display);font-size:1.2rem;color:var(--ink)}.pipeline-sub[data-v-fb4e739c]{margin:.35rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.45;max-width:36rem}.pipeline-meter[data-v-fb4e739c]{text-align:right;flex-shrink:0}.pipeline-meter strong[data-v-fb4e739c]{display:block;font-size:1.35rem;font-variant-numeric:tabular-nums;color:var(--accent)}.pipeline-meter span[data-v-fb4e739c]{color:var(--muted);font-size:.78rem}.pipeline-bar[data-v-fb4e739c]{margin-top:.9rem;height:8px;border-radius:999px;background:color-mix(in srgb,var(--ink) 8%,transparent);overflow:hidden}.pipeline-bar-fill[data-v-fb4e739c]{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-grad-end));transition:width .45s ease}.pass-list[data-v-fb4e739c]{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.55rem}.pass-item[data-v-fb4e739c]{display:grid;grid-template-columns:auto 1fr;gap:.75rem;padding:.7rem .8rem;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 80%,transparent);opacity:.55;transition:opacity .2s ease,border-color .2s ease,transform .2s ease}.pass-item.running[data-v-fb4e739c],.pass-item.done[data-v-fb4e739c]{opacity:1}.pass-item.running[data-v-fb4e739c]{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));transform:translateY(-1px)}.pass-index[data-v-fb4e739c]{width:1.7rem;height:1.7rem;border-radius:999px;display:grid;place-items:center;font-size:.8rem;font-weight:700;background:var(--accent-soft);color:var(--accent)}.pass-item.running .pass-index[data-v-fb4e739c]{animation:pulse-ring 1.4s ease infinite}.pass-item.done .pass-index[data-v-fb4e739c]{background:var(--accent);color:var(--btn-ink)}.pass-top[data-v-fb4e739c]{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline}.pass-top strong[data-v-fb4e739c]{font-size:.92rem}.pass-top em[data-v-fb4e739c]{font-style:normal;color:var(--muted);font-size:.78rem}.pass-sizes[data-v-fb4e739c]{margin:.25rem 0 0;color:var(--ink);font-size:.88rem;font-variant-numeric:tabular-nums}.pass-saved[data-v-fb4e739c]{margin-inline-start:.4rem;color:var(--accent);font-weight:700}.pass-note[data-v-fb4e739c]{margin:.2rem 0 0;color:var(--muted);font-size:.82rem}.pass-method[data-v-fb4e739c]{margin:.15rem 0 0;color:var(--muted);font-size:.75rem;opacity:.85}.running-pulse[data-v-fb4e739c]{color:var(--accent)}.pipeline-overall[data-v-fb4e739c]{margin:.85rem 0 0;color:var(--muted);font-size:.88rem}.workspace[data-v-fb4e739c]{margin-top:1.5rem;animation:rise .45s ease both}.stats[data-v-fb4e739c]{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:end;margin-bottom:1rem;padding:1rem 1.1rem;border-radius:14px;background:var(--panel-bg);border:1px solid var(--line)}.stats div[data-v-fb4e739c]{display:grid;gap:.2rem}.stats span[data-v-fb4e739c]{color:var(--muted);font-size:.8rem}.stats strong[data-v-fb4e739c]{font-size:1.15rem}.saved strong[data-v-fb4e739c]{color:var(--accent)}.btn[data-v-fb4e739c]{margin-left:auto;border:0;border-radius:999px;padding:.7rem 1.2rem;background:linear-gradient(120deg,var(--accent),var(--accent-grad-end));color:var(--btn-ink);font-weight:700;transition:transform .15s ease,filter .15s ease}.btn[data-v-fb4e739c]:hover{transform:translateY(-1px);filter:brightness(1.05)}.compare-frame[data-v-fb4e739c]{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--compare-bg);box-shadow:var(--shadow);aspect-ratio:16 / 10}.layer[data-v-fb4e739c]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.divider[data-v-fb4e739c]{position:absolute;top:0;bottom:0;width:2px;background:#ffffffe6;transform:translate(-1px);z-index:2;pointer-events:none}.slider[data-v-fb4e739c]{position:absolute;left:0;right:0;bottom:14px;width:calc(100% - 2rem);margin:0 1rem;z-index:3;accent-color:var(--accent)}.tag[data-v-fb4e739c]{position:absolute;top:12px;z-index:2;padding:.25rem .55rem;border-radius:999px;background:#0000008c;color:#fff;font-size:.75rem;letter-spacing:.04em}.tag.left[data-v-fb4e739c]{left:12px}.tag.right[data-v-fb4e739c]{right:12px}.meta[data-v-fb4e739c]{margin:.75rem 0 0;color:var(--muted);font-size:.88rem}.skeleton[data-v-fb4e739c]{height:320px;border-radius:var(--radius);background:linear-gradient(90deg,var(--skeleton-a),var(--skeleton-b),var(--skeleton-a));background-size:200% 100%;animation:shimmer 1.2s linear infinite}.foot[data-v-fb4e739c]{margin-top:2.75rem;padding-top:1.25rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem 1.35rem;color:var(--muted);font-size:.82rem;line-height:1.5;text-align:center}.foot-link[data-v-fb4e739c]{color:inherit;text-decoration:none}.foot-link[data-v-fb4e739c]:hover{color:var(--accent);text-decoration:underline;text-underline-offset:.2em}@keyframes state-pulse-fb4e739c{0%,to{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@media(max-width:820px){.controls[data-v-fb4e739c]{grid-template-columns:1fr 1fr}.btn[data-v-fb4e739c]{margin-left:0;width:100%}.topbar[data-v-fb4e739c]{align-items:flex-start}.toolbar[data-v-fb4e739c]{width:100%;justify-content:stretch}.tool[data-v-fb4e739c]{flex:1}.dual-panels[data-v-fb4e739c]{grid-template-columns:1fr;gap:1.25rem}.panel-split[data-v-fb4e739c]{width:100%;height:2rem;min-height:0;flex-direction:row}.panel-split[data-v-fb4e739c]:before,.panel-split[data-v-fb4e739c]:after{width:auto;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}}@media(max-width:560px){.controls[data-v-fb4e739c]{grid-template-columns:1fr}}:root,[data-theme=light]{--bg0: #f4f7f5;--bg1: #e8f0eb;--bg2: #ffffff;--ink: #14201a;--muted: #5d7268;--accent: #1a9f5f;--accent-soft: rgba(26, 159, 95, .12);--accent-grad-end: #3ecf8e;--line: rgba(20, 32, 26, .1);--shadow: 0 20px 50px rgba(20, 40, 30, .12);--drop-bg: rgba(255, 255, 255, .72);--drop-bg-active: rgba(255, 255, 255, .95);--panel-bg: rgba(255, 255, 255, .7);--btn-ink: #062216;--error: #c62828;--compare-bg: #0e1210;--skeleton-a: #d9e6de;--skeleton-b: #edf4ef;--toolbar-bg: rgba(255, 255, 255, .75);--radius: 18px;--font: "DM Sans", system-ui, sans-serif;--display: "Fraunces", Georgia, serif;color-scheme:light}[data-theme=dark]{--bg0: #0f1412;--bg1: #1a2420;--bg2: #24302b;--ink: #f2f5f1;--muted: #9aada3;--accent: #3dd68c;--accent-soft: rgba(61, 214, 140, .12);--accent-grad-end: #6be3a8;--line: rgba(242, 245, 241, .08);--shadow: 0 24px 60px rgba(0, 0, 0, .35);--drop-bg: rgba(26, 36, 32, .72);--drop-bg-active: rgba(36, 48, 43, .9);--panel-bg: rgba(255, 255, 255, .03);--btn-ink: #062216;--error: #ff8f8f;--compare-bg: #000;--skeleton-a: #1a2420;--skeleton-b: #24302b;--toolbar-bg: rgba(20, 28, 24, .8);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 10% -10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 55%),radial-gradient(900px 500px at 100% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 50%),linear-gradient(165deg,var(--bg0),var(--bg1) 45%,var(--bg0));color:var(--ink);font-family:var(--font);transition:background .25s ease,color .2s ease}body,#app{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 35%,transparent)}70%{box-shadow:0 0 0 18px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}