.colour-workshop{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:32px;margin-top:40px;display:grid}.colour-workshop h2{font-size:25px}.cw-selection{touch-action:none;cursor:crosshair;border-radius:16px;position:relative;overflow:hidden}.cw-selection img{pointer-events:none;width:100%;height:auto;display:block}.cw-region{pointer-events:none;background:#42645244;border:2px solid #fff;position:absolute;box-shadow:0 0 0 1px #17392e}.cw-region-controls{grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:20px;display:grid}.colour-workshop label{font-size:14px;font-weight:600;display:block}.colour-workshop input[type=range]{accent-color:#426452;cursor:pointer;width:100%;height:48px;display:block}.cw-settings{background:#fff;border:1px solid #d7dfd7;border-radius:20px;padding:24px}.cw-palette{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.cw-palette button{cursor:pointer;min-height:52px;font:inherit;background:#fff;border:1px solid #d7dfd7;border-radius:12px;align-items:center;gap:8px;padding:8px;font-size:14px;display:flex}.cw-palette button[aria-pressed=true]{background:#eef2ec;border:2px solid #426452}.cw-palette button span{border:1px solid #0002;border-radius:50%;flex-shrink:0;width:28px;height:28px}.cw-upload{margin-top:20px}.cw-upload input{max-width:100%;min-height:48px;margin-top:12px;display:block}.cw-upload input::file-selector-button{cursor:pointer;background:#eef2ec;border:1px solid #426452;border-radius:8px;min-height:48px;margin-right:10px;padding:8px 12px}.cw-note{color:#59655d;line-height:1.7;font-size:13px!important}.cw-result{grid-column:1/-1;width:100%;max-width:900px;margin:auto}.cw-comparison-images{border-radius:16px;position:relative;overflow:hidden}.cw-comparison-images img{width:100%;height:auto;display:block}.cw-comparison-images img:nth-child(2){position:absolute;inset:0}.cw-divider{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0}.cw-before,.cw-after{color:#fff;background:#19362de8;border-radius:6px;padding:6px 12px;position:absolute;bottom:16px}.cw-before{right:16px}.cw-after{left:16px}.cw-comparison label{margin-top:12px}.colour-workshop button:focus-visible,.colour-workshop input:focus-visible{outline-offset:3px;outline:3px solid #bc7b5f}@media (max-width:760px){.colour-workshop{grid-template-columns:minmax(0,1fr);gap:24px}.cw-settings{padding:20px}.cw-result{grid-column:1}.cw-palette{grid-template-columns:1fr 1fr}}