/* Local presentation layer only: preserve existing image, range and gesture code. */
[data-compare-enhanced]{--compare-warm:#f5f0e6;--compare-brown:#6d5945}
[data-ai-hub-compare][data-compare-enhanced] .ai-hub-comparison-line:before{width:2px;background:#fff8ed;box-shadow:0 0 3px #1d171966}
[data-ai-hub-compare][data-compare-enhanced] .ai-hub-comparison-grip{width:42px;height:42px;border:2px solid #fffaf1;background:#6d5945e8;box-shadow:0 2px 12px #0005,0 0 0 4px #f9f1e526;transition:background .15s,box-shadow .15s}
[data-ai-hub-compare][data-compare-enhanced] .ai-hub-comparison-grip img{width:12px;height:17px}
[data-ai-hub-compare][data-compare-enhanced] .ai-hub-photo-label{font:400 12px/1.4 Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#fff!important;top:12px;bottom:auto;max-width:45%;padding:4px 9px;border:1px solid #fff6;border-radius:4px;background:#211c185c;text-shadow:0 1px 3px #0008;backdrop-filter:blur(4px);white-space:nowrap}
[data-ai-hub-compare][data-compare-enhanced] .ai-hub-original-label{left:12px;right:auto}
[data-ai-hub-compare][data-compare-enhanced] .ai-hub-effect-label{right:12px;left:auto}
[data-ai-hub-compare][data-compare-enhanced] .ai-hub-photo-label:after{display:none}
[data-ai-hub-compare][data-compare-enhanced][data-compare-dragging] .ai-hub-comparison-grip{background:#4f3e2e;box-shadow:0 3px 18px #0006,0 0 0 5px #fff3}
[data-ai-hub-compare][data-compare-enhanced][data-compare-focused] .ai-hub-comparison-grip{outline:2px solid #fff8ed;outline-offset:5px}
[data-compare-enhanced] .compare-drag-hint{position:absolute;z-index:3;left:50%;top:calc(50% + 31px);transform:translateX(-50%);padding:4px 10px;border:1px solid #fff5;border-radius:20px;background:#241f19a8;color:#fff8ed;white-space:nowrap;font:400 11px/1.5 Arial,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.03em;box-shadow:0 2px 8px #0002;pointer-events:none;transition:opacity .2s}
[data-compare-used=true] .compare-drag-hint{opacity:0}
[data-compare-enhanced]:not([data-compare-used=true]) :is(.ai-hub-comparison-grip,.result-compare-grip){animation:compare-invite 1.5s ease-out 2}
@keyframes compare-invite{0%,100%{box-shadow:0 2px 12px #0004,0 0 0 3px #fff2}55%{box-shadow:0 2px 14px #0004,0 0 0 8px #fff1}}
.result-touch-compare[data-compare-enhanced] .result-compare-divider:before,.result-viewer-compare[data-compare-enhanced] .result-compare-divider:before{background:#fff8ed;box-shadow:0 0 3px #0005}
.result-touch-compare[data-compare-enhanced] .result-compare-grip,.result-viewer-compare[data-compare-enhanced] .result-compare-grip{width:48px;height:48px;border:2px solid #fffaf1;background:#6d5945ed;box-shadow:0 2px 12px #0004,0 0 0 4px #f5ede433;transition:background .15s,box-shadow .15s;font-size:25px;letter-spacing:4px}
.result-touch-compare[data-compare-enhanced]:active .result-compare-grip,.result-viewer-compare[data-compare-enhanced]:active .result-compare-grip{background:#4f3e2e;box-shadow:0 2px 12px #0005,0 0 0 6px #fff3}
.result-touch-compare[data-compare-enhanced] .result-view-label{display:none}
.compare-side-label{position:absolute;z-index:1;top:12px;padding:5px 11px;border:1px solid #fff6;border-radius:5px;background:#241f1978;color:#fff8ed;backdrop-filter:blur(4px);font:400 12px/1.4 Arial,"PingFang SC","Microsoft YaHei",sans-serif;pointer-events:none;white-space:nowrap;transition:opacity .12s}
.compare-side-label.is-left{left:12px}.compare-side-label.is-right{right:12px}
[data-compare-hide-left=true] .compare-side-label.is-left,[data-ai-hub-compare][data-compare-hide-left=true] .ai-hub-original-label,[data-compare-hide-right=true] .compare-side-label.is-right,[data-ai-hub-compare][data-compare-hide-right=true] .ai-hub-effect-label{opacity:0!important}
.result-touch-compare[data-compare-enhanced]+.result-compare-controls{margin-top:5px}
.result-compare-controls[data-compare-controls-enhanced] .result-compare-labels{font-size:12px;color:#695a49}
.result-compare-controls[data-compare-controls-enhanced] .result-compare-range::-webkit-slider-thumb,.result-viewer-controls[data-compare-controls-enhanced] .result-compare-range::-webkit-slider-thumb{background:#6d5945;box-shadow:0 0 0 1px #bfb09f,0 2px 6px #0002}
.result-compare-controls[data-compare-controls-enhanced] .result-compare-range::-moz-range-thumb,.result-viewer-controls[data-compare-controls-enhanced] .result-compare-range::-moz-range-thumb{background:#6d5945;box-shadow:0 0 0 1px #bfb09f,0 2px 6px #0002}
.result-compare-hint[data-compare-hint-enhanced]{font-size:12px;color:#6d5d4b;line-height:1.6;margin:9px 0 18px}
@media(max-width:760px){
 [data-ai-hub-compare][data-compare-enhanced] .ai-hub-comparison-grip{width:34px;height:34px}
 [data-ai-hub-compare][data-compare-enhanced] .ai-hub-comparison-grip img{width:10px;height:15px}
 [data-ai-hub-compare][data-compare-enhanced] .ai-hub-photo-label{font-size:10px;padding:3px 6px;top:8px}
 [data-ai-hub-compare][data-compare-enhanced] .ai-hub-original-label{left:8px}
 [data-ai-hub-compare][data-compare-enhanced] .ai-hub-effect-label{right:8px}
 [data-ai-hub-compare][data-compare-enhanced] .compare-drag-hint{font-size:9px;top:calc(50% + 26px);padding:3px 8px}
 .result-touch-compare[data-compare-enhanced] .result-compare-grip,.result-viewer-compare[data-compare-enhanced] .result-compare-grip{width:44px;height:44px;font-size:23px}
 .compare-side-label{top:9px;padding:4px 9px;font-size:11px}.compare-side-label.is-left{left:9px}.compare-side-label.is-right{right:9px}
 .result-touch-compare[data-compare-enhanced] .compare-drag-hint{font-size:10px}
}
@media(prefers-reduced-motion:reduce){[data-compare-enhanced] *,[data-compare-enhanced] *::before{animation:none!important;transition:none!important}}