.cr-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cr-comparison figure{margin:0;min-width:0}.cr-comparison figcaption{font-weight:600;margin:0 0 10px}.cr-comparison .il-stage{padding:10px;min-height:240px}.cr-comparison canvas{max-height:480px}.cr-page #crOriginal{cursor:crosshair;touch-action:manipulation}.cr-page .cr-colors{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center}.cr-page .cr-colors input[type=color]{width:48px;margin:0}.cr-page .cr-colors input[type=text]{margin:0;min-width:0}.cr-page .cr-work{margin:20px 0;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.cr-page .cr-work progress{width:100%;accent-color:#caa5f0;height:8px}.cr-page #crStats{font-weight:600;color:#dec5f4}.cr-page .cr-help{border-left:3px solid #c89eef;padding:12px 16px;background:#2a1b38;border-radius:0 8px 8px 0}.cr-page #crOriginal:focus-visible{outline:3px solid #d7b5ff;outline-offset:4px}@media(max-width:1100px){.cr-comparison{grid-template-columns:minmax(0,1fr)}}@media(min-width:1600px){.cr-comparison canvas{max-height:650px}}@media(max-width:850px){.cr-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-comparison .il-stage{min-height:160px;padding:6px}.cr-comparison figcaption{font-size:13px}}@media(max-width:520px){.cr-comparison{grid-template-columns:minmax(0,1fr)}.cr-comparison .il-stage{min-height:200px}}