.compare-sample-dialog{border:1px solid #d9e2df;border-radius:14px;width:min(1150px,94vw);max-height:90vh;padding:24px;overflow:auto}.compare-sample-dialog::backdrop{background:#10201d88}.selected-sample-chips{flex-wrap:wrap;gap:8px;padding:12px 20px;display:flex}.selected-sample-chips button{background:#edf6f1;border:1px solid #cddbd5;border-radius:20px;padding:7px 12px}.compare-saved{margin-bottom:16px}.compare-saved>summary{cursor:pointer;color:#15745f;border:1px solid #cddbd5;border-radius:8px;width:fit-content;padding:12px 16px;font-weight:600}.result-details .compare-summary,.result-summary .compare-plot,.result-summary .cell-cycle-grid{display:none}.compare-sample-dialog>header{justify-content:space-between;align-items:center;display:flex}.cell-cycle-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.cell-cycle-grid>.panel{min-width:0}.cell-cycle-grid .graph-svg{width:100%;min-width:0}@media (max-width:1000px){.cell-cycle-grid{grid-template-columns:minmax(0,1fr)}}.cell-compare-page{gap:18px;display:grid}.compare-selected>header,.compare-plot>header{align-items:flex-end}.compare-selected label,.compare-plot header label{color:#52655e;gap:6px;font-size:12px;display:grid}.compare-selected select,.compare-plot select{min-width:190px}.compare-chips{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:0 20px 20px;display:grid}.compare-chips article{background:#f9fbfa;border:1px solid #dfe8e4;border-radius:10px;gap:8px;padding:12px;display:grid}.compare-chips span{color:#a13a32}.compare-table th button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.compare-table td small{color:#71847d;margin-top:4px;display:block}.compare-plot{overflow:hidden}.compare-plot>.graph-studio{border:0;border-top:1px solid #e4ebe8;border-radius:0}.cccv-compare{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;padding:0 20px 20px;display:grid}.cccv-compare article{border:1px solid #dfe8e4;border-radius:10px;grid-template-columns:1fr 1fr;gap:7px;padding:12px;display:grid}.cccv-compare b,.cccv-compare small{grid-column:1/-1}.cccv-compare small{color:#71847d}.compare-graph .graph-toolbar{flex-wrap:wrap}@media (max-width:800px){.compare-selected>header,.compare-plot>header{align-items:stretch}.compare-selected select,.compare-plot select{width:100%}}