.ImageColorGrabberClient-module__qhUezG__wrapper{gap:var(--size-5)}.ImageColorGrabberClient-module__qhUezG__dropzone{border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;background:var(--surface);cursor:pointer;gap:.5rem;padding:2rem;display:grid}.ImageColorGrabberClient-module__qhUezG__dropzone span{color:var(--brand);font-weight:600}.ImageColorGrabberClient-module__qhUezG__active{border-color:var(--brand);background:color-mix(in srgb,var(--brand)8%,var(--surface)92%)}.ImageColorGrabberClient-module__qhUezG__hiddenInput{display:none}.ImageColorGrabberClient-module__qhUezG__layout{gap:var(--size-4);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;display:grid}.ImageColorGrabberClient-module__qhUezG__preview{gap:var(--size-2);display:grid}.ImageColorGrabberClient-module__qhUezG__canvas{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--shadow-1);cursor:crosshair}.ImageColorGrabberClient-module__qhUezG__side{gap:var(--size-3);display:grid}.ImageColorGrabberClient-module__qhUezG__pickedCard{gap:var(--size-2);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-1);padding:1rem;display:grid}.ImageColorGrabberClient-module__qhUezG__swatch{border:1px solid var(--border);border-radius:12px;width:64px;height:64px}.ImageColorGrabberClient-module__qhUezG__hex{font-weight:700}.ImageColorGrabberClient-module__qhUezG__pickedActions{gap:var(--size-2);flex-wrap:wrap;display:flex}.ImageColorGrabberClient-module__qhUezG__palette{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-1);padding:1rem}.ImageColorGrabberClient-module__qhUezG__paletteHeader{margin-bottom:var(--size-2);justify-content:space-between;align-items:center;display:flex}.ImageColorGrabberClient-module__qhUezG__paletteGrid{gap:var(--size-2);display:grid}.ImageColorGrabberClient-module__qhUezG__paletteItem{cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.ImageColorGrabberClient-module__qhUezG__paletteItem span:first-child{border:1px solid var(--border);border-radius:6px;width:20px;height:20px;display:inline-block}@media (max-width:960px){.ImageColorGrabberClient-module__qhUezG__layout{grid-template-columns:1fr}}