.reference-list{display:grid;gap:10px;margin:16px 0}.reference-card{display:flex;gap:10px;align-items:center;border:1px solid #dce3ed;border-radius:12px;padding:8px;min-width:0}.reference-card img{width:58px;height:58px;object-fit:cover;border-radius:8px;background:#eff3f9}.reference-card div{flex:1;min-width:0}.reference-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.reference-card small{display:block;color:#5e6878;font-size:11px;margin-top:4px}.reference-card button{padding:4px 10px}.upload-button{display:block;padding:16px;border:1px dashed #8db4e0;border-radius:12px;background:#f5f9ff;color:#005ebc;cursor:pointer;font-size:13px}.upload-button input{display:block;max-width:100%;font-size:11px;margin-top:12px}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.compare-panel{border:1px solid #dce3ed;border-radius:18px;overflow:hidden;background:#fff;min-width:0}.compare-panel.selected{border:2px solid #005ebc}.compare-panel header,.compare-panel footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;min-height:58px;flex-wrap:wrap}.compare-panel header{background:#f8faff}.compare-panel footer{border-top:1px solid #e4e9f0;font-size:13px}.pan-viewport{position:relative;overflow:hidden;background:#eaf0f7;height:340px;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab;padding:0!important}.pan-viewport:focus-visible{outline:3px solid #005ebc;outline-offset:-3px}.pan-viewport:active{cursor:grabbing}.pan-viewport img{width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}.pan-viewport.image-error{background:#fff1ef}.job-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #dce3ed;border-radius:14px;padding:16px;margin:12px 0;background:white}.job-row p{margin:6px 0}.job-row small{color:#667085}.input-column textarea{min-height:150px}.stepbar a{color:#005ebc}#compare-anchor{scroll-margin-top:24px;margin-top:36px}#input-error:empty{display:none}@media(max-width:850px){.compare-grid{grid-template-columns:1fr}.pan-viewport{height:300px}.job-row{align-items:flex-start;flex-direction:column}}
.roofcut-preview{display:block;max-width:100%;width:auto;max-height:650px;object-fit:contain;margin:12px auto;background:#fff}.roofcut-download{display:inline-flex;align-items:center;padding:9px 14px;border:1px solid #535b65;border-radius:4px;color:inherit;text-decoration:none;background:#343a41}.roofcut-download:hover{border-color:#49adff}.roofcut-download:focus-visible{outline:2px solid #49adff;outline-offset:3px}.roofcut-download[aria-disabled="true"]{opacity:.5;cursor:wait}#roofcut-results .job-row>div{width:100%;min-width:0}