.color-picker-from-image-module__BNFNiW__tool{--g392-well:220px;}.color-picker-from-image-module__BNFNiW__modeRow{gap:var(--space-2);min-block-size:calc(var(--target-touch) + var(--space-2) + 3 * var(--text-ui-sm-line));flex-direction:column;display:flex}.color-picker-from-image-module__BNFNiW__modeGroup{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.color-picker-from-image-module__BNFNiW__modeHint{max-inline-size:76ch;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary)}.color-picker-from-image-module__BNFNiW__workspace{}@media (min-width:768px){.color-picker-from-image-module__BNFNiW__workspace{grid-template-columns:repeat(2,minmax(0,1fr))}}.color-picker-from-image-module__BNFNiW__pane{}.color-picker-from-image-module__BNFNiW__sourcePane{--pane-min-block:calc( var(--control-height) + var(--space-4) + 1px +  2 * var(--space-4) +  var(--g392-well) +  var(--space-3) + 2 * var(--text-ui-xs-line) +  var(--space-3) + var(--target-touch) +  2px);}.color-picker-from-image-module__BNFNiW__paneHeader{}.color-picker-from-image-module__BNFNiW__paneLabel{}.color-picker-from-image-module__BNFNiW__paneBadge{}.color-picker-from-image-module__BNFNiW__paneHeaderEnd{align-items:center;gap:var(--space-3);margin-inline-start:auto;display:flex}.color-picker-from-image-module__BNFNiW__dropBody{}.color-picker-from-image-module__BNFNiW__dropHint{max-inline-size:36ch}.color-picker-from-image-module__BNFNiW__dropHintCoarse{max-inline-size:36ch;display:none}.color-picker-from-image-module__BNFNiW__dropFormats{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.color-picker-from-image-module__BNFNiW__pasteHint{max-inline-size:40ch;font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.color-picker-from-image-module__BNFNiW__pasteHintCoarse{max-inline-size:40ch;font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);display:none}@media (pointer:coarse){.color-picker-from-image-module__BNFNiW__dropHint,.color-picker-from-image-module__BNFNiW__pasteHint{display:none}.color-picker-from-image-module__BNFNiW__dropHintCoarse,.color-picker-from-image-module__BNFNiW__pasteHintCoarse{display:block}}.color-picker-from-image-module__BNFNiW__pickerButton{}.color-picker-from-image-module__BNFNiW__dropOverlay{padding:var(--space-4);text-align:center;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-accent-fg);background:var(--color-bg-surface);border:1px dashed var(--color-accent-fg);border-radius:var(--radius-md);z-index:1;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.color-picker-from-image-module__BNFNiW__previewBody{align-items:center;gap:var(--space-3);padding:var(--space-4);text-align:center;flex-direction:column;flex:1;min-inline-size:0;display:flex}.color-picker-from-image-module__BNFNiW__previewBox{inline-size:100%;block-size:var(--g392-well);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background-image:repeating-conic-gradient(var(--color-border-subtle) 0% 25%, transparent 0% 50%);background-size:12px 12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.color-picker-from-image-module__BNFNiW__previewFrame{max-inline-size:100%;display:inline-flex;position:relative}.color-picker-from-image-module__BNFNiW__previewImg{max-inline-size:100%;max-block-size:calc(var(--g392-well) - 2px);display:block}.color-picker-from-image-module__BNFNiW__crosshairSurface{cursor:crosshair;background:0 0;border:none;padding:0;position:absolute;inset:0}.color-picker-from-image-module__BNFNiW__crosshairSurface:focus-visible{outline:2px solid var(--color-accent-fg);outline-offset:2px}.color-picker-from-image-module__BNFNiW__crosshair{pointer-events:none;border:1px solid #fff;border-radius:50%;block-size:14px;inline-size:14px;margin-block-start:-7px;margin-inline-start:-7px;position:absolute;box-shadow:0 0 0 1px #000}@media (forced-colors:active){.color-picker-from-image-module__BNFNiW__crosshair{border-color:highlight;box-shadow:0 0 0 1px canvastext}}.color-picker-from-image-module__BNFNiW__sourceMeta{font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);overflow-wrap:anywhere;min-block-size:calc(2 * var(--text-ui-xs-line))}.color-picker-from-image-module__BNFNiW__sourceActions{justify-content:center;gap:var(--space-3);min-block-size:var(--target-touch);flex-wrap:wrap;display:inline-flex}.color-picker-from-image-module__BNFNiW__optionsBody{gap:var(--space-3);padding:var(--space-3) var(--space-4);flex-direction:column;flex:1;display:flex}.color-picker-from-image-module__BNFNiW__optRow{gap:var(--space-1);grid-template-columns:minmax(0,1fr);display:grid}.color-picker-from-image-module__BNFNiW__optLabel{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary)}.color-picker-from-image-module__BNFNiW__optControl{align-items:center;gap:var(--space-2);min-block-size:var(--control-height);flex-wrap:wrap;display:flex}.color-picker-from-image-module__BNFNiW__numberField{font-variant-numeric:tabular-nums;max-inline-size:9ch;}.color-picker-from-image-module__BNFNiW__select{max-inline-size:12ch;}.color-picker-from-image-module__BNFNiW__colorPicker{inline-size:var(--control-height);block-size:var(--control-height);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:0}.color-picker-from-image-module__BNFNiW__colorField{font-family:var(--font-mono);font-feature-settings:"zero";max-inline-size:14ch;}.color-picker-from-image-module__BNFNiW__optHint{min-block-size:var(--text-ui-xs-line);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.color-picker-from-image-module__BNFNiW__optError{min-block-size:var(--text-ui-xs-line);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-danger-fg);overflow-wrap:anywhere}.color-picker-from-image-module__BNFNiW__optionCheck{align-items:center;gap:var(--space-2);font-size:var(--text-ui-md-size);line-height:var(--text-ui-md-line);min-block-size:var(--target-min);cursor:pointer;display:inline-flex}.color-picker-from-image-module__BNFNiW__radio{}.color-picker-from-image-module__BNFNiW__checkbox{}.color-picker-from-image-module__BNFNiW__errorRow{min-block-size:calc(2 * var(--text-ui-sm-line));font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-danger-fg);overflow-wrap:anywhere}.color-picker-from-image-module__BNFNiW__chips{gap:var(--space-2);min-block-size:calc(2 * (var(--text-ui-xs-line) + 2 * var(--space-1)) + var(--space-2));max-block-size:calc(2 * (var(--text-ui-xs-line) + 2 * var(--space-1)) + var(--space-2));flex-wrap:wrap;padding:0;list-style:none;display:flex;overflow-y:auto}.color-picker-from-image-module__BNFNiW__chip{align-items:center;gap:var(--space-2);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-info-fg);background:var(--color-info-bg);border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);display:inline-flex}.color-picker-from-image-module__BNFNiW__chipWarning{color:var(--color-warning-fg);background:var(--color-warning-bg)}.color-picker-from-image-module__BNFNiW__noteLines{gap:var(--space-1);min-block-size:var(--text-ui-xs-line);flex-direction:column;padding:0;list-style:none;display:flex}.color-picker-from-image-module__BNFNiW__noteLine{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.color-picker-from-image-module__BNFNiW__resultPane{}.color-picker-from-image-module__BNFNiW__resultBody{gap:var(--space-3);padding:var(--space-3) var(--space-4);min-block-size:calc( var(--g392-rows,6) * var(--target-touch) +  var(--space-3) + var(--target-touch) + 1px +  2 * var(--space-3));flex-direction:column;flex:1;display:flex}.color-picker-from-image-module__BNFNiW__resultEmpty{}.color-picker-from-image-module__BNFNiW__rack{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.color-picker-from-image-module__BNFNiW__rackRow{min-block-size:var(--target-touch);border-block-end:1px solid var(--color-border-subtle);align-items:center;display:flex}.color-picker-from-image-module__BNFNiW__rackRow:last-child{border-block-end:none}.color-picker-from-image-module__BNFNiW__rackButton{align-items:center;gap:var(--space-3);min-block-size:var(--target-touch);min-inline-size:0;color:inherit;cursor:pointer;text-align:start;background:0 0;border:none;flex:1;padding:0;display:flex}.color-picker-from-image-module__BNFNiW__rackButton:focus-visible{outline:2px solid var(--color-accent-fg);outline-offset:2px}.color-picker-from-image-module__BNFNiW__swatchChip{inline-size:var(--space-6);block-size:var(--space-6);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);flex:none;display:inline-block}.color-picker-from-image-module__BNFNiW__swatchPlaceholder{border-style:dashed;}.color-picker-from-image-module__BNFNiW__rackValue{min-inline-size:0;font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-primary);overflow-wrap:anywhere;flex:1}.color-picker-from-image-module__BNFNiW__rackShare{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.color-picker-from-image-module__BNFNiW__averageRow{align-items:center;gap:var(--space-3);min-block-size:var(--target-touch);border-block-start:1px solid var(--color-border-subtle);display:flex}.color-picker-from-image-module__BNFNiW__averageLabel{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);white-space:nowrap}.color-picker-from-image-module__BNFNiW__pickRow{align-items:center;gap:var(--space-3);min-block-size:var(--target-touch);flex-wrap:wrap;display:flex}.color-picker-from-image-module__BNFNiW__pickValue{font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-primary);overflow-wrap:anywhere}.color-picker-from-image-module__BNFNiW__pickNote{min-block-size:calc(2 * var(--text-ui-xs-line));font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);overflow-wrap:anywhere}.color-picker-from-image-module__BNFNiW__banner{}.color-picker-from-image-module__BNFNiW__bannerAction{color:var(--color-accent-fg);cursor:pointer;font-size:inherit;text-underline-offset:2px;min-block-size:var(--target-min);background:0 0;border:none;padding:0;text-decoration:underline}.color-picker-from-image-module__BNFNiW__statusLine{}.color-picker-from-image-module__BNFNiW__statusRight{}.color-picker-from-image-module__BNFNiW__actions{}.color-picker-from-image-module__BNFNiW__actionButton{}.color-picker-from-image-module__BNFNiW__copyPrimary{}.color-picker-from-image-module__BNFNiW__smallButton{}.color-picker-from-image-module__BNFNiW__honestyLines,.color-picker-from-image-module__BNFNiW__shareNote,.color-picker-from-image-module__BNFNiW__keyboardHint,.color-picker-from-image-module__BNFNiW__dialogNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.color-picker-from-image-module__BNFNiW__honestyLines{max-inline-size:90ch}.color-picker-from-image-module__BNFNiW__dialog{}.color-picker-from-image-module__BNFNiW__dialogTitle{font-size:var(--text-h4-size);line-height:var(--text-h4-line);margin-block-end:var(--space-4)}.color-picker-from-image-module__BNFNiW__shortcutList{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);padding:0;list-style:none;display:flex}.color-picker-from-image-module__BNFNiW__shortcutItem{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.color-picker-from-image-module__BNFNiW__kbd{}@media (max-width:767px){.color-picker-from-image-module__BNFNiW__modeRow{min-block-size:calc(2 * var(--target-touch) + var(--space-2) + 5 * var(--text-ui-sm-line))}.color-picker-from-image-module__BNFNiW__chips{min-block-size:calc(3 * (var(--text-ui-xs-line) + 2 * var(--space-1)) + 2 * var(--space-2));max-block-size:calc(3 * (var(--text-ui-xs-line) + 2 * var(--space-1)) + 2 * var(--space-2))}.color-picker-from-image-module__BNFNiW__errorRow{min-block-size:calc(5 * var(--text-ui-sm-line))}.color-picker-from-image-module__BNFNiW__noteLines{min-block-size:calc(2 * var(--text-ui-xs-line))}.color-picker-from-image-module__BNFNiW__pickNote{min-block-size:calc(3 * var(--text-ui-xs-line))}.color-picker-from-image-module__BNFNiW__optHint,.color-picker-from-image-module__BNFNiW__optError{min-block-size:calc(2 * var(--text-ui-xs-line))}.color-picker-from-image-module__BNFNiW__pickRow{min-block-size:calc(var(--target-touch) + var(--space-3) + var(--text-ui-sm-line))}}@media (pointer:coarse){.color-picker-from-image-module__BNFNiW__bannerAction,.color-picker-from-image-module__BNFNiW__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}.color-picker-from-image-module__BNFNiW__colorPicker{inline-size:var(--target-touch);block-size:var(--target-touch)}.color-picker-from-image-module__BNFNiW__crosshair{block-size:20px;inline-size:20px;margin-block-start:-10px;margin-inline-start:-10px}}@media (max-width:1023px){.color-picker-from-image-module__BNFNiW__actionButton,.color-picker-from-image-module__BNFNiW__smallButton,.color-picker-from-image-module__BNFNiW__pickerButton,.color-picker-from-image-module__BNFNiW__copyPrimary{min-block-size:var(--target-touch)}.color-picker-from-image-module__BNFNiW__bannerAction,.color-picker-from-image-module__BNFNiW__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}.color-picker-from-image-module__BNFNiW__colorPicker{inline-size:var(--target-touch);block-size:var(--target-touch)}}