.canvas-container[data-v-eb6d05d0]{width:100%;height:100%}.canvas-container.interactive[data-v-eb6d05d0]{cursor:grab;overflow:hidden;position:relative}.canvas-container.interactive[data-v-eb6d05d0]:active{cursor:grabbing}canvas[data-v-eb6d05d0]{display:block}.preview-canvas[data-v-eb6d05d0]{position:absolute;top:0;left:0;pointer-events:none;z-index:2}.comparison-slider[data-v-eb6d05d0]{position:absolute;top:0;bottom:0;width:4px;transform:translate(-50%);z-index:10;cursor:ew-resize;padding:0 12px;margin:0 -12px}.slider-line[data-v-eb6d05d0]{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:#ffffffb3;box-shadow:0 0 8px #00000080}.slider-handle[data-v-eb6d05d0]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:#141423d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.slider-handle svg[data-v-eb6d05d0]{width:16px;height:16px;color:#fffc}.comparison-labels[data-v-eb6d05d0]{position:absolute;top:12px;left:12px;right:12px;pointer-events:none;z-index:5;display:flex;justify-content:space-between}.label-side[data-v-eb6d05d0]{padding:4px 10px;border-radius:6px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#141423bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffb3}.bg-black[data-v-eb6d05d0]{background:#000}.bg-white[data-v-eb6d05d0]{background:#fff}.bg-checkerboard-light[data-v-eb6d05d0]{background-color:#e5e5e5;background-image:linear-gradient(45deg,#fefefe 25%,transparent 25%),linear-gradient(-45deg,#fefefe 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#fefefe 75%),linear-gradient(-45deg,transparent 75%,#fefefe 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.bg-checkerboard-dark[data-v-eb6d05d0]{background-color:#424242;background-image:linear-gradient(45deg,#333 25%,transparent 25%),linear-gradient(-45deg,#333 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#333 75%),linear-gradient(-45deg,transparent 75%,#333 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.faq{position:relative;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:var(--gap) calc(var(--gap) * 2);z-index:100;top:var(--gap-ui);bottom:var(--gap-ui);flex-direction:column;min-width:50vw}.faq.home{max-width:80vw;margin:auto}.faq details{margin:1rem}.faq summary{cursor:pointer;font-weight:700;color:var(--color-accent)}.faq .details-content{margin-top:var(--gap)}.faq p{margin:1rem 0}.faq ul{margin:1rem}.faq a{color:var(--color-accent)}.faq .mentions{align-self:center;text-align:center}.container.faq{align-items:flex-start;gap:initial}.close-btn{position:absolute;top:var(--gap-ui);right:var(--gap-ui);font-size:1.5rem;line-height:1;background-color:#fff3;border:0;border-radius:10rem;display:inline-block;width:2.5rem;height:2.5rem}.close-btn:hover{background-color:#fff9}.contrast-panel[data-v-ca9b449b]{position:fixed;bottom:80px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;padding:14px 18px;background:#141423eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d;z-index:55;min-width:300px}.contrast-title[data-v-ca9b449b]{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:#fffc}.contrast-title-icon[data-v-ca9b449b]{width:16px;height:16px;flex-shrink:0}.contrast-row[data-v-ca9b449b]{display:flex;align-items:center;gap:8px}.contrast-sample[data-v-ca9b449b]{width:28px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.78rem;font-weight:700;flex-shrink:0}.white-sample[data-v-ca9b449b]{background:#ffffff26;color:#fff}.black-sample[data-v-ca9b449b]{background:#0000004d;color:#000;border:1px solid rgba(255,255,255,.1)}.contrast-label-text[data-v-ca9b449b]{font-size:.78rem;color:#fff9;min-width:36px}.contrast-ratio[data-v-ca9b449b]{font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums;color:#fffc;margin-left:auto;margin-right:6px}.wcag-badge[data-v-ca9b449b]{padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.5px;color:#ffffff4d;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.wcag-badge.pass[data-v-ca9b449b]{color:var(--color-green);background:#4ade801a;border-color:#4ade8040}.luminance-bar[data-v-ca9b449b]{display:flex;height:6px;border-radius:3px;overflow:hidden;background:#ffffff0d}.lum-segment[data-v-ca9b449b]{min-width:2px;transition:width .3s ease}.lum-segment.dark[data-v-ca9b449b]{background:#444}.lum-segment.mid[data-v-ca9b449b]{background:#888}.lum-segment.light[data-v-ca9b449b]{background:#ccc}.luminance-legend[data-v-ca9b449b]{display:flex;justify-content:space-between;font-size:.65rem;color:#ffffff59}.contrast-recommendation[data-v-ca9b449b]{font-size:.78rem;color:#fff9;text-align:center;padding-top:2px;border-top:1px solid rgba(255,255,255,.06)}.rec-white[data-v-ca9b449b]{color:#fff}.rec-black[data-v-ca9b449b]{color:#fff6;text-shadow:0 0 4px rgba(0,0,0,.8)}.control-bar[data-v-2637253c]{bottom:var(--gap-ui)}.image-info[data-v-2637253c]{display:flex;align-items:center;gap:10px;white-space:nowrap}.info-badge[data-v-2637253c]{padding:4px 10px;border-radius:6px;font-size:.78rem;font-weight:600;letter-spacing:.5px;color:#ffffffe6}.info-text[data-v-2637253c]{font-size:.82rem;color:#ffffff80}.info-separator[data-v-2637253c]{width:1px;height:16px;background:#ffffff1f}.export-group[data-v-2637253c]{display:flex;align-items:center;gap:6px}.export-label[data-v-2637253c]{font-size:.78rem;color:#fff6;margin-right:4px}.about-btn[data-v-2637253c]{color:#fff;transition:all .15s ease}.about-btn[data-v-2637253c]:hover{color:var(--color-accent)}.background-btn[data-v-2637253c],.export-btn[data-v-2637253c]{color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d;cursor:pointer;transition:background .15s ease,border-color .15s ease}.background-btn[data-v-2637253c]{width:1.5rem;height:1.5rem;flex-shrink:0}.bg-preview-black[data-v-2637253c]{background:#000!important}.bg-preview-white[data-v-2637253c]{background:#fff!important}.bg-preview-checkerboard-light[data-v-2637253c]{background-color:#e5e5e5!important;background-image:linear-gradient(45deg,#fefefe 25%,transparent 25%),linear-gradient(-45deg,#fefefe 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#fefefe 75%),linear-gradient(-45deg,transparent 75%,#fefefe 75%)!important;background-size:8px 8px!important;background-position:0 0,0 4px,4px -4px,-4px 0!important}.bg-preview-checkerboard-dark[data-v-2637253c]{background-color:#424242!important;background-image:linear-gradient(45deg,#333 25%,transparent 25%),linear-gradient(-45deg,#333 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#333 75%),linear-gradient(-45deg,transparent 75%,#333 75%)!important;background-size:8px 8px!important;background-position:0 0,0 4px,4px -4px,-4px 0!important}.rotate-btn[data-v-2637253c]{display:flex;align-items:center;color:#ffffff80;transition:color .15s ease}.rotate-btn[data-v-2637253c]:hover{color:#ffffffe6}.rotate-icon[data-v-2637253c]{width:16px;height:16px}.rotate-icon.spinning[data-v-2637253c]{animation:spin-once-2637253c .4s ease}@keyframes spin-once-2637253c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.export-btn[data-v-2637253c]{padding:5px 12px;font-size:.78rem;font-weight:500}.export-btn[data-v-2637253c]:hover{background:#ffffff24;border-color:#ffffff40}.export-btn[data-v-2637253c]:active{transform:scale(.96)}.export-btn.exporting[data-v-2637253c]{opacity:.5;pointer-events:none}.export-btn[data-v-2637253c]:disabled{opacity:.4;cursor:not-allowed}.logo[data-v-2637253c]{transition:opacity .2s ease;max-height:1.5rem;max-width:1.5rem}.eco-badge[data-v-2637253c]{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:.72rem;font-weight:500;color:var(--color-green);background:#4ade801a;border:1px solid rgba(74,222,128,.2);white-space:nowrap;cursor:default}.eco-icon[data-v-2637253c]{width:14px;height:14px;flex-shrink:0}.contrast-btn[data-v-2637253c]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#ffffff80;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d;transition:all .15s ease;flex-shrink:0}.contrast-btn svg[data-v-2637253c]{width:16px;height:16px}.contrast-btn[data-v-2637253c]:hover{color:#ffffffe6;background:#ffffff24}.contrast-btn.active[data-v-2637253c]{color:var(--color-accent);border-color:#abc7374d;background:#abc7371a}.error-icon[data-v-2637253c]{width:18px;height:18px;color:var(--color-red);flex-shrink:0}.error-text[data-v-2637253c]{font-size:.82rem;color:var(--color-red);white-space:nowrap}.control-bar-pro[data-v-a4c10f95]{position:fixed;right:var(--gap-ui);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:14px;background:#141423d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d;z-index:50;min-width:180px;transition:min-width .2s ease,padding .2s ease}.control-bar-pro.collapsed[data-v-a4c10f95]{min-width:auto;padding:8px}.toggle-btn[data-v-a4c10f95]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;align-self:center;color:#ffffff80;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d;transition:all .15s ease}.toggle-btn[data-v-a4c10f95]:hover{color:#ffffffe6;background:#ffffff24}.toggle-btn.active[data-v-a4c10f95]{color:var(--color-accent);border-color:#abc7374d;background:#abc7371a}.toggle-btn svg[data-v-a4c10f95]{width:20px;height:20px}.separator[data-v-a4c10f95]{height:1px;background:#ffffff14}.control-group[data-v-a4c10f95]{display:flex;flex-direction:column;gap:6px}.control-header[data-v-a4c10f95]{display:flex;justify-content:space-between;align-items:center}.control-label[data-v-a4c10f95]{font-size:.72rem;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.control-value[data-v-a4c10f95]{font-size:.78rem;color:#ffffffb3;font-variant-numeric:tabular-nums}.format-selector[data-v-a4c10f95]{display:grid;grid-template-columns:1fr 1fr;gap:4px}.format-btn[data-v-a4c10f95]{padding:4px 8px;font-size:.72rem;font-weight:500;color:#fff9;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff08;transition:all .15s ease}.format-btn[data-v-a4c10f95]:hover{background:#ffffff14;color:#ffffffe6}.format-btn.active[data-v-a4c10f95]{color:var(--color-accent);border-color:#abc7374d;background:#abc7371a}.slider-input[data-v-a4c10f95]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:#ffffff1a;outline:none}.slider-input[data-v-a4c10f95]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid rgba(20,20,35,.85)}.slider-input[data-v-a4c10f95]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid rgba(20,20,35,.85)}.checkbox-label[data-v-a4c10f95]{display:flex;align-items:center;gap:8px;font-size:.78rem;color:#fff9;cursor:pointer}.checkbox-input[data-v-a4c10f95]{accent-color:var(--color-green)}.gain-indicator[data-v-a4c10f95]{text-align:center;min-height:2.4em;display:flex;flex-direction:column;align-items:center;gap:2px}.gain-text.compressing[data-v-a4c10f95]{font-size:.78rem;color:#fff6;animation:pulse-a4c10f95 1.5s ease-in-out infinite}@keyframes pulse-a4c10f95{0%,to{opacity:.4}50%{opacity:1}}.gain-value[data-v-a4c10f95]{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums}.gain-value.positive[data-v-a4c10f95]{color:var(--color-green)}.gain-value.negative[data-v-a4c10f95]{color:var(--color-red)}.gain-size[data-v-a4c10f95]{font-size:.75rem;color:#fff6}.download-btn[data-v-a4c10f95]{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:.78rem;font-weight:500;color:#fff;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:all .15s ease}.download-btn[data-v-a4c10f95]:hover:not(:disabled){background:#ffffff14;color:#ffffffe6}.download-btn[data-v-a4c10f95]:disabled{opacity:.4;cursor:not-allowed}.download-btn svg[data-v-a4c10f95]{width:16px;height:16px}.ssim-section[data-v-a4c10f95]{display:flex;flex-direction:column;align-items:center;gap:6px}.ssim-header[data-v-a4c10f95]{width:100%}.ssim-computing[data-v-a4c10f95]{font-size:.78rem;color:#fff6;animation:pulse-a4c10f95 1.5s ease-in-out infinite}.ssim-display[data-v-a4c10f95]{display:flex;align-items:baseline;gap:6px}.ssim-value[data-v-a4c10f95]{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums}.ssim-value.excellent[data-v-a4c10f95]{color:var(--color-green)}.ssim-value.good[data-v-a4c10f95]{color:var(--color-yellow)}.ssim-value.poor[data-v-a4c10f95]{color:var(--color-red)}.ssim-label[data-v-a4c10f95]{font-size:.72rem;color:#fff6}.optimizer-toggle[data-v-a4c10f95]{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:4px 8px;font-size:.72rem;color:#ffffff80;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff08;transition:all .15s ease}.optimizer-toggle[data-v-a4c10f95]:hover{color:#ffffffe6;background:#ffffff14}.chevron-icon[data-v-a4c10f95]{width:12px;height:12px;transition:transform .2s ease}.chevron-icon.open[data-v-a4c10f95]{transform:rotate(180deg)}.optimizer-panel[data-v-a4c10f95]{display:flex;flex-direction:column;gap:8px;width:100%;padding-top:4px}.optimize-btn[data-v-a4c10f95]{padding:6px 10px;font-size:.72rem;font-weight:500;color:#fff;border:1px solid rgba(171,199,55,.3);border-radius:6px;background:#abc73726;transition:all .15s ease}.optimize-btn[data-v-a4c10f95]:hover:not(:disabled){background:#abc73740;border-color:#abc73780}.optimize-btn[data-v-a4c10f95]:disabled{opacity:.4;cursor:not-allowed}.optimization-results[data-v-a4c10f95]{display:flex;flex-direction:column;gap:2px;margin-top:4px}.opt-result-row[data-v-a4c10f95]{display:grid;grid-template-columns:auto 1fr auto auto;gap:6px;align-items:center;padding:4px 6px;border-radius:4px;font-size:.72rem;cursor:pointer;transition:background .15s ease}.opt-result-row[data-v-a4c10f95]:hover{background:#ffffff14}.opt-format[data-v-a4c10f95]{font-weight:600;color:#fffc}.opt-quality[data-v-a4c10f95]{color:#fff6}.opt-ssim[data-v-a4c10f95]{font-weight:600;font-variant-numeric:tabular-nums}.opt-ssim.excellent[data-v-a4c10f95]{color:var(--color-green)}.opt-ssim.good[data-v-a4c10f95]{color:var(--color-yellow)}.opt-ssim.poor[data-v-a4c10f95]{color:var(--color-red)}.opt-size[data-v-a4c10f95]{color:#ffffff80;text-align:right}.hr[data-v-a4c10f95]{border:none;height:1px;background:purple}.image-nav[data-v-ed696dea]{position:fixed;bottom:var(--gap-ui);right:var(--gap-ui);display:flex;align-items:center;gap:10px;padding:8px 14px;background:#141423d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d;z-index:50}.nav-btn[data-v-ed696dea]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#fff9;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d;transition:background .15s ease,border-color .15s ease,color .15s ease}.nav-btn[data-v-ed696dea]:hover{color:#ffffffe6;background:#ffffff24;border-color:#ffffff40}.nav-btn[data-v-ed696dea]:active{transform:scale(.96)}.nav-btn svg[data-v-ed696dea]{width:16px;height:16px}.nav-counter[data-v-ed696dea]{font-size:.82rem;color:#ffffff80;min-width:3ch;text-align:center;white-space:nowrap}.dropzone-overlay[data-v-c2611197]{position:fixed;top:16px;right:16px;bottom:16px;left:16px;z-index:100;display:flex;align-items:center;justify-content:center;background:#1a1a2eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px dashed rgba(255,255,255,.25);border-radius:16px}.dropzone-content[data-v-c2611197]{text-align:center;color:#ffffffb3;font-size:1.15rem}.dropzone-icon[data-v-c2611197]{width:56px;height:56px;margin-bottom:12px;color:#ffffff80}.welcome[data-v-d98ed245]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome-container[data-v-d98ed245]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap);padding:1rem;border-radius:var(--radius-medium);cursor:pointer;z-index:10}.welcome-title[data-v-d98ed245]{font-size:2rem;font-weight:700;color:#ffffffd9}.welcome-subtitle[data-v-d98ed245]{font-size:1rem;color:#ffffffb3}.welcome-logo[data-v-d98ed245]{position:fixed;mix-blend-mode:hard-light;z-index:5}:root{--radius: 8px;--radius-medium: 16px;--gap: 8px;--color-green: #4ade80;--color-red: #e85d5d;--color-accent: #abc737;--color-yellow: #fbbf24;--color-body-bg: #0a0a12;--gap-ui: 24px}.app{width:100%;height:100vh;position:relative;overflow:auto}.container{position:fixed;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;padding:10px 20px;background:#141423d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d;z-index:50;max-width:calc(100% - 48px)}.hidden-input{display:none}button{cursor:pointer;background-color:transparent;border:none}