.diff-toggle-btn{padding:.5rem 1rem;font-size:.875rem}.diff-viewer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;animation:diff-slide-in .25s ease-out}@keyframes diff-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.diff-header{display:flex;justify-content:space-between;padding:.5rem 1rem;background:#f8fafc;border-bottom:1px solid var(--color-border)}.diff-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.diff-container{position:relative;width:100%;aspect-ratio:16 / 10;max-height:500px;overflow:hidden;cursor:col-resize;background:repeating-conic-gradient(#f0f0f0 0% 25%,#fff 0% 50%) 50% / 20px 20px}.diff-container.zoomed{cursor:grab}.diff-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}.diff-before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.diff-after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.diff-divider{position:absolute;top:0;bottom:0;left:50%;width:36px;transform:translate(-50%);z-index:2;display:flex;align-items:center;justify-content:center;cursor:col-resize}.diff-divider:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 4px #0006}.diff-divider svg{position:relative;z-index:1;width:28px;height:28px;color:#fff;filter:drop-shadow(0 0 3px rgba(0,0,0,.5));transition:transform .1s ease}.diff-divider.dragging svg{transform:scale(1.15)}.diff-footer{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#f8fafc;border-top:1px solid var(--color-border);gap:.5rem;flex-wrap:wrap}.diff-footer-left{flex:1;min-width:0}.diff-footer-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.diff-zoom-level{font-size:.8rem;font-weight:600;color:var(--color-primary);font-variant-numeric:tabular-nums;min-width:3.5em;text-align:center}.diff-zoom-reset{padding:.375rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.diff-zoom-reset:hover{border-color:var(--color-primary);color:var(--color-primary)}.diff-zoom-hint{font-size:.75rem;color:var(--color-text-secondary)}.diff-close-btn{padding:.375rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.diff-close-btn:hover{background:var(--color-error);color:#fff;border-color:var(--color-error)}.diff-canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}.diff-mode-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.diff-mode-btn{padding:.3rem .6rem;font-size:.75rem;font-weight:600;border:none;background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.diff-mode-btn:first-child{border-right:1px solid var(--color-border)}.diff-mode-btn.active{background:var(--color-primary);color:#fff}.diff-mode-btn:not(.active):hover{background:#e9ecef}.diff-amp-group{display:inline-flex;align-items:center;gap:.25rem;margin-left:.75rem}.diff-amp-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.diff-amp-slider{width:80px;accent-color:var(--color-primary)}.diff-amp-value{font-size:.75rem;font-weight:600;color:var(--color-primary);font-variant-numeric:tabular-nums;min-width:2.5em;text-align:right}@media(max-width:768px){.diff-container{aspect-ratio:4 / 3;max-height:350px}.diff-footer{flex-direction:column;align-items:flex-start}}.quality-control[data-astro-cid-lln7thxh]{margin:1.5rem 0;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.quality-control[data-astro-cid-lln7thxh] label[data-astro-cid-lln7thxh]{display:block;font-weight:500;margin-bottom:.75rem}#qualitySlider[data-astro-cid-lln7thxh]{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:var(--radius-lg);outline:none}#qualitySlider[data-astro-cid-lln7thxh]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-primary);border-radius:50%;cursor:pointer}#qualitySlider[data-astro-cid-lln7thxh]::-moz-range-thumb{width:20px;height:20px;background:var(--color-primary);border-radius:50%;cursor:pointer;border:none}.quality-hint[data-astro-cid-lln7thxh]{margin:.5rem 0 0;font-size:.875rem;color:var(--color-text-secondary)}.format-control[data-astro-cid-lln7thxh]{margin:1rem 0 1.5rem;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.format-label[data-astro-cid-lln7thxh]{display:block;font-weight:500;margin-bottom:.75rem}.format-toggle[data-astro-cid-lln7thxh]{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media(max-width:768px){.format-toggle[data-astro-cid-lln7thxh]{grid-template-columns:repeat(2,1fr)}}.format-btn[data-astro-cid-lln7thxh]{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem 1rem;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left}.format-btn[data-astro-cid-lln7thxh]:hover{border-color:var(--color-primary)}.format-btn[data-astro-cid-lln7thxh].active{border-color:var(--color-primary);background:var(--color-primary-light, rgba(99, 102, 241, .1))}.format-icon[data-astro-cid-lln7thxh]{font-size:1.25rem}.format-text[data-astro-cid-lln7thxh]{font-weight:500;font-size:.95rem;color:var(--color-text)}.format-desc[data-astro-cid-lln7thxh]{font-size:.8rem;color:var(--color-text-secondary)}.format-hint[data-astro-cid-lln7thxh]{margin:.75rem 0 0;font-size:.8rem;color:var(--color-text-secondary);line-height:1.5}.format-hint[data-astro-cid-lln7thxh] a[data-astro-cid-lln7thxh]{color:var(--color-primary);text-decoration:none}.format-hint[data-astro-cid-lln7thxh] a[data-astro-cid-lln7thxh]:hover{text-decoration:underline}.savings[data-astro-cid-lln7thxh]{color:var(--color-success);font-weight:500}