.compare-dialog{width:min(1500px,96vw)}.compare-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:16px}.compare-canvas{position:relative;min-height:460px;height:65vh;background:#ecf1f5;border:1px solid #c5d9e5;border-radius:10px;overflow:hidden}.compare-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.compare-layout aside{min-width:0;max-height:65vh;overflow:auto;padding:4px 8px 8px}.compare-legend{display:flex;flex-wrap:wrap;gap:10px 20px;margin:12px 0}.compare-legend label{display:flex;align-items:center;gap:6px}.compare-legend input,.compare-dialog .auto-toolbar input[type=checkbox]{width:auto}.compare-legend i,.compare-list i{display:inline-block;width:12px;height:12px;border-radius:3px;flex-shrink:0}.compare-list{display:flex;flex-direction:column;gap:5px;max-height:290px;overflow:auto}.compare-list button{display:flex;gap:9px;align-items:center;text-align:left;border:1px solid #d3e2eb;background:#fff;padding:9px;border-radius:6px;color:#163446;cursor:pointer;min-height:52px}.compare-list button[aria-pressed=true]{border:2px solid #008aa7;background:#e0f8fc}.compare-list button:focus-visible{outline:3px solid #008aa7;outline-offset:2px}.compare-list small{display:block;color:#4d6577}.compare-list strong,.compare-detail p{overflow-wrap:anywhere}.compare-properties{overflow:auto;max-height:280px}.compare-properties table{width:100%;font-size:12px;border-collapse:collapse}.compare-properties th,.compare-properties td{padding:7px;border-bottom:1px solid #d3e2eb;text-align:left;overflow-wrap:anywhere;max-width:150px}.compare-properties caption{font-weight:600;margin:8px}.compare-layout input:not([type=checkbox]){width:100%;box-sizing:border-box}.compare-detail{margin-top:16px;border-top:1px solid #d3e2eb;padding-top:12px}.compare-layout details{margin-top:16px}.compare-dialog .auto-toolbar{flex-wrap:wrap}.compare-dialog select{max-width:100%}@media (max-width:750px){.compare-layout{grid-template-columns:minmax(0,1fr)}.compare-canvas{height:40vh;min-height:260px}.compare-layout aside{max-height:none}.compare-dialog{width:96vw;padding:12px}.compare-dialog .auto-toolbar label{max-width:100%}.compare-properties th,.compare-properties td{max-width:95px}.compare-list{max-height:240px}}