.comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.original-pane,.recognized-pane{min-width:0}
.pane-title{font-size:12px;text-transform:uppercase;letter-spacing:.12em;padding:12px 0;border-bottom:2px solid var(--ink);margin:0 0 12px}
.preview-stage,.recognized-content{height:72vh;min-height:420px;overflow:auto;overscroll-behavior:contain}
.preview-stage{background:white;border:1px solid var(--line)}
.preview-stage>img{display:block;width:100%;height:auto}
.preview-stage iframe{width:100%;height:calc(100% - 40px);min-height:500px;border:0;background:white}
.preview-note{display:block;margin:0;padding:10px 12px;font-size:11px;color:var(--muted)}
.comparison-controls{display:flex;gap:15px;margin:16px 0}
.comparison-controls label{min-width:0;flex:1;font-size:11px;font-weight:650}
.comparison-controls label:last-child{flex:0 0 110px}
.comparison-controls select{margin:6px 0 0;max-width:none}
.comparison-controls [hidden]{display:none}
.recognized-content{padding:0 10px}
.recognized-content .section-title{padding-top:10px}
.recognized-content .section-title h3{font-size:23px}
.recognized-content .item{flex-direction:column}
.recognized-content .photos{max-width:100%}
.recognized-content .photos img{width:130px;height:85px}
.recognized-content .item-heading{flex-wrap:wrap}
.intro h1{font-size:42px}
main{max-width:1900px;padding:25px 3vw}
.workspace{grid-template-columns:210px minmax(0,1fr);gap:24px}
form{margin:22px 0}
.result-heading h2{font-size:30px}
.metrics{margin:10px 0}
.result-links{margin:10px 0}
@media(max-width:1050px){.workspace{grid-template-columns:170px minmax(0,1fr);gap:16px}.comparison{gap:12px}}
@media(max-width:800px){.workspace{grid-template-columns:minmax(0,1fr)}.comparison{grid-template-columns:minmax(0,1fr)}.preview-stage{height:55vh;min-height:300px}.preview-stage iframe{min-height:300px}.recognized-content{height:auto;min-height:0;max-height:none}.comparison-controls label:last-child{flex-basis:90px}.intro h1{font-size:34px}}