.image-intro{padding-top:52px;padding-bottom:22px}.image-intro h1{font-size:clamp(36px,4.2vw,52px)}.image-intro p{font-size:15px;line-height:1.55}.image-compare-shell{padding-bottom:64px}.image-workspace,.image-results{max-width:1100px;margin:0 auto;background:#fff;border:1px solid #dfe1e4;border-radius:22px;box-shadow:0 22px 60px rgba(20,28,38,.075)}.image-workspace{padding:20px}.image-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.image-drop{display:block;padding:14px;border:1px solid #e1e3e6;border-radius:17px;background:#fbfbfb;cursor:pointer;transition:.18s ease}.image-drop:hover,.image-drop.drag{border-color:#c8aa82;background:#fffaf4}.image-role{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.image-role span{padding:5px 8px;border-radius:999px;background:#eceef0;color:#5d6974;font-size:11px;font-weight:900}.image-role.new span{background:#e9f7f3;color:#267467}.image-role small{font-size:12px;color:#7e8993}.preview-frame{position:relative;display:grid;place-items:center;min-height:210px;max-height:300px;overflow:hidden;border:1px dashed #cfd3d7;border-radius:13px;background:linear-gradient(45deg,#fafafa 25%,#f4f4f4 25%,#f4f4f4 50%,#fafafa 50%,#fafafa 75%,#f4f4f4 75%);background-size:20px 20px}.preview-frame img{display:none;max-width:100%;max-height:290px;object-fit:contain}.preview-frame.has-image img{display:block}.preview-frame.has-image .preview-placeholder{display:none}.preview-placeholder{text-align:center;color:#74808a}.preview-placeholder b{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 9px;border-radius:12px;background:#f3eadf;color:#9b7046;font-size:21px}.preview-placeholder strong,.preview-placeholder small{display:block}.preview-placeholder strong{font-size:14px}.preview-placeholder small{margin-top:4px;font-size:11px}.image-file-meta{padding-top:10px}.image-file-meta strong,.image-file-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-file-meta strong{font-size:14px}.image-file-meta small{margin-top:4px;color:#76818c;font-size:12px}.image-primary-row{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:14px}.image-compare-btn{min-width:220px;min-height:56px;font-size:15px}.image-results{margin-top:22px;padding:22px}.image-results-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.image-results-head h2{margin:4px 0 5px;font:700 34px/1.05 Georgia,serif;letter-spacing:-.035em}.image-results-head p{margin:0;color:#6d7984;font-size:13px}.image-result-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.image-result-actions button{border:1px solid #d9dde0;background:#fff;color:#52606c;border-radius:9px;padding:9px 11px;font-size:12px;font-weight:800;cursor:pointer}.image-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:17px 0}.image-metric{padding:14px;border:1px solid #e1e3e6;border-radius:14px;background:#fafafa}.image-metric.danger{border-color:#efc6ca;background:#fff5f6}.image-metric small,.image-metric span{display:block}.image-metric small{font-size:10px;letter-spacing:.08em;color:#76818b;font-weight:850}.image-metric b{display:block;margin:4px 0 2px;font-size:28px}.image-metric.danger b{color:#b53643}.image-metric span{font-size:11px;color:#7a858f}.image-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.image-tabs{display:flex;gap:4px;padding:4px;border-radius:11px;background:#f1f2f3}.image-tab{border:0;background:transparent;padding:9px 12px;border-radius:8px;color:#67737e;font-size:12px;font-weight:850;cursor:pointer}.image-tab.active{background:#fff;color:#1f2327;box-shadow:0 2px 7px rgba(20,28,38,.07)}.threshold-control{display:flex;align-items:center;gap:9px;color:#66727d;font-size:12px;font-weight:750}.threshold-control input{width:150px}.threshold-control b{min-width:30px;text-align:center;color:#1f2428;font-size:13px}.dimension-warning{margin-bottom:12px;padding:10px 12px;border:1px solid #edcfaa;border-radius:11px;background:#fff8ef;color:#865a2d;font-size:12px;line-height:1.45}.visual-stage{min-height:420px}.image-view{display:none}.image-view.active{display:block}.compare-slider,.canvas-card{position:relative;max-width:100%;overflow:hidden;border:1px solid #dfe2e5;border-radius:15px;background:#f2f3f4}.compare-slider{margin:0 auto;isolation:isolate}.compare-slider canvas{display:block;width:100%;height:auto}.compare-slider .slider-new{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.slider-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.18);pointer-events:none}.slider-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #d3d6da;color:#2f3942;font-weight:900;box-shadow:0 3px 12px rgba(0,0,0,.12)}.compare-slider>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.slider-label{position:absolute;top:10px;padding:5px 8px;border-radius:999px;background:rgba(20,23,26,.78);color:#fff;font-size:10px;font-weight:900;letter-spacing:.06em}.slider-label.old{left:10px}.slider-label.new{right:10px}.canvas-card canvas{display:block;max-width:100%;height:auto;margin:0 auto}.canvas-caption{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:10px 12px;border-top:1px solid #e1e4e6;background:#fff}.canvas-caption strong{font-size:13px}.canvas-caption span{color:#737e88;font-size:11px;text-align:right}.side-canvas-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.image-explain{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-top:13px;padding:14px 15px;border:1px solid #e1e4e6;border-radius:13px;background:#fafafa}.image-explain strong,.image-explain span{display:block}.image-explain strong{font-size:16px}.image-explain span{margin-top:4px;color:#68747f;font-size:13px;line-height:1.45}.image-explain small{max-width:360px;color:#7a858f;font-size:11px;line-height:1.45;text-align:right}@media(max-width:800px){.image-upload-grid,.side-canvas-grid,.image-metrics{grid-template-columns:1fr 1fr}.image-primary-row{grid-template-columns:1fr}.image-compare-btn{min-height:50px}.image-results-head,.image-controls,.image-explain{flex-direction:column}.image-result-actions{justify-content:flex-start}.visual-stage{min-height:300px}.image-explain small{text-align:left;max-width:none}}@media(max-width:560px){.image-upload-grid,.image-metrics,.side-canvas-grid{grid-template-columns:1fr}.preview-frame{min-height:180px}.image-tabs{width:100%;overflow:auto;justify-content:flex-start}.image-controls{align-items:stretch}.threshold-control{justify-content:space-between}.threshold-control input{flex:1}.image-result-actions button{flex:1}.image-results{padding:15px}}

/* v2.3.0: Select both images together + v2.1.1 visual comparison features */
.image-metrics{grid-template-columns:repeat(5,1fr)}
.blink-canvas-wrap{position:relative;background:#f2f3f4}
.blink-canvas-wrap canvas{display:block;max-width:100%;height:auto;margin:0 auto}
.blink-badge{position:absolute;top:12px;left:12px;padding:6px 9px;border-radius:999px;background:rgba(20,23,26,.82);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;box-shadow:0 2px 8px rgba(0,0,0,.14)}
.blink-caption>div:first-child{min-width:0}.blink-caption>div:first-child span{display:block;margin-top:2px;text-align:left}
.blink-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.blink-controls button{border:1px solid #d8dce0;background:#fff;border-radius:8px;padding:7px 10px;color:#4f5c67;font-size:11px;font-weight:850;cursor:pointer}.blink-controls button:hover{border-color:#c6a779}.blink-controls label{display:flex;align-items:center;gap:7px;color:#6f7b85;font-size:10.5px;font-weight:800;white-space:nowrap}.blink-controls input{width:90px}.blink-controls b{min-width:48px;color:#30373e;font-size:10.5px}
@media(max-width:1000px){.image-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.image-metrics{grid-template-columns:1fr 1fr}.blink-caption{align-items:flex-start}.blink-controls{justify-content:flex-start}}
@media(max-width:560px){.image-metrics{grid-template-columns:1fr}.blink-controls{width:100%;justify-content:space-between}.blink-controls label{flex:1}.blink-controls input{flex:1;min-width:70px}}

.image-both-row{display:flex;justify-content:center;margin:0 0 12px}
.image-both-btn{width:min(560px,100%);display:flex;align-items:center;gap:12px;text-align:left;border:1.5px dashed #c7c1b8;border-radius:14px;background:#fffdf9;padding:12px 15px;cursor:pointer;color:#30373e;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.image-both-btn:hover{border-color:#b58b5b;background:#fffaf3;transform:translateY(-1px)}
.image-both-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:#f3e7d8;color:#9b6a37;font-size:20px;font-weight:700}
.image-both-btn strong,.image-both-btn small{display:block}.image-both-btn strong{font-size:14px}.image-both-btn small{margin-top:3px;color:#7a858f;font-size:11.5px;line-height:1.35}
@media(max-width:560px){.image-both-btn{padding:11px 12px}.image-both-btn small{font-size:11px}}