:root{color:#102027;background:#eef3f6;font-family:IBM Plex Sans,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}.compareRoot{grid-template-columns:minmax(280px,340px) minmax(260px,320px) minmax(0,1fr);gap:0;min-height:100vh;display:grid}.controlsPane,.historyPane,.previewPane{background:#f8fbfd;border-right:1px solid #d0d9de;padding:16px;overflow:auto}.previewPane{background:#fff;border-right:0}.runCard{background:#fff;border:1px solid #d4dde2;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:6px;display:grid}.runCardActive{border-color:#1b5e7a;box-shadow:0 0 0 1px #1b5e7a40}.emptyState{color:#516571;border:1px dashed #b8c7cf;border-radius:8px;justify-content:center;align-items:center;min-height:420px;display:flex}.mainPreviewFrame{touch-action:none;-webkit-user-select:none;user-select:none;background:#f8fbfd;border:1px solid #d0d9de;border-radius:8px;width:min(100%,1100px);min-height:320px;position:relative;overflow:hidden}.mainPreviewFrameZoomed{cursor:grab}.mainPreviewFramePanning{cursor:grabbing}.mainPreviewContent{will-change:transform;width:100%;position:relative}.mainPreviewFrame .previewImage{pointer-events:none}.previewImage{width:100%;height:auto;display:block}.providerOverlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.compareGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:14px;display:grid}.compareTile{background:#f8fbfd;border:1px solid #d0d9de;border-radius:8px;padding:8px}.compareTileFrame{border-radius:6px;position:relative;overflow:hidden}@media (width<=1200px){.compareRoot{grid-template-columns:1fr}.controlsPane,.historyPane,.previewPane{border-bottom:1px solid #d0d9de;border-right:0}}