.color-converter-module__IXaQwW__tool{}.color-converter-module__IXaQwW__workspace{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:768px){.color-converter-module__IXaQwW__workspace{grid-template-columns:minmax(0,1fr) 340px}}.color-converter-module__IXaQwW__pane{}.color-converter-module__IXaQwW__paneHeader{}.color-converter-module__IXaQwW__paneLabel{}.color-converter-module__IXaQwW__modeTabs{gap:var(--space-1);display:flex}.color-converter-module__IXaQwW__tab{}.color-converter-module__IXaQwW__textarea{}.color-converter-module__IXaQwW__inputFooter{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-block-start:1px solid var(--color-border-subtle);display:flex}.color-converter-module__IXaQwW__pickerField{align-items:center;gap:var(--space-2);cursor:pointer;display:inline-flex}.color-converter-module__IXaQwW__picker{inline-size:48px;block-size:var(--control-height);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:2px}.color-converter-module__IXaQwW__picker:disabled{opacity:var(--opacity-disabled);cursor:default}.color-converter-module__IXaQwW__picker:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset-inset)}.color-converter-module__IXaQwW__pickerLabel{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);white-space:nowrap}.color-converter-module__IXaQwW__badgeLine{justify-content:flex-end;align-items:center;gap:var(--space-2);min-inline-size:0;display:inline-flex}.color-converter-module__IXaQwW__detectedBadge{}.color-converter-module__IXaQwW__switchChip{}.color-converter-module__IXaQwW__segmentRow{gap:var(--space-1);display:flex}.color-converter-module__IXaQwW__segment{padding-inline:var(--space-3);min-block-size:calc(var(--control-height) + 2px);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;align-items:center;display:inline-flex;position:relative}.color-converter-module__IXaQwW__segment:hover,.color-converter-module__IXaQwW__segmentOn{border-color:var(--color-accent-fg);color:var(--color-text-primary)}.color-converter-module__IXaQwW__segment:focus-within{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset-inset)}.color-converter-module__IXaQwW__segmentInput{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.color-converter-module__IXaQwW__swatchStage{block-size:148px;margin:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;display:flex}.color-converter-module__IXaQwW__swatchWell{border:1px solid var(--color-border-control);border-radius:var(--radius-sm);background-color:var(--color-bg-surface);background-image:linear-gradient(45deg, color-mix(in srgb, var(--color-text-primary) 10%, transparent) 25%, transparent 25%, transparent 75%, color-mix(in srgb, var(--color-text-primary) 10%, transparent) 75%), linear-gradient(45deg, color-mix(in srgb, var(--color-text-primary) 10%, transparent) 25%, transparent 25%, transparent 75%, color-mix(in srgb, var(--color-text-primary) 10%, transparent) 75%);background-position:0 0,6px 6px;background-size:12px 12px;block-size:96px;inline-size:96px;position:relative;overflow:hidden}.color-converter-module__IXaQwW__swatchFill{position:absolute;inset:0}.color-converter-module__IXaQwW__p3Strip{align-items:center;gap:var(--space-2);block-size:56px;margin:0 var(--space-3);flex:none;display:flex}.color-converter-module__IXaQwW__stripHalf{gap:var(--space-1);flex-direction:column;flex:1;min-inline-size:0;display:flex}.color-converter-module__IXaQwW__stripFill{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background-color:var(--color-bg-surface);background-image:linear-gradient(45deg, color-mix(in srgb, var(--color-text-primary) 10%, transparent) 25%, transparent 25%, transparent 75%, color-mix(in srgb, var(--color-text-primary) 10%, transparent) 75%), linear-gradient(45deg, color-mix(in srgb, var(--color-text-primary) 10%, transparent) 25%, transparent 25%, transparent 75%, color-mix(in srgb, var(--color-text-primary) 10%, transparent) 75%);background-position:0 0,4px 4px;background-size:8px 8px;block-size:20px;display:block;position:relative;overflow:hidden}.color-converter-module__IXaQwW__stripInk{position:absolute;inset:0}.color-converter-module__IXaQwW__stripLabel{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);white-space:nowrap}.color-converter-module__IXaQwW__p3Note{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.color-converter-module__IXaQwW__chips{margin:0 var(--space-3) var(--space-3);gap:var(--space-2);min-block-size:calc(var(--text-ui-xs-line) + 2 * var(--space-1));flex-wrap:wrap;padding:0;list-style:none;display:flex}.color-converter-module__IXaQwW__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-converter-module__IXaQwW__errorSlot{min-block-size:calc(2 * var(--text-ui-sm-line) + 2 * var(--space-3))}.color-converter-module__IXaQwW__errorBox{}.color-converter-module__IXaQwW__errorMessage{color:var(--color-danger-fg);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.color-converter-module__IXaQwW__capBanner{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-danger-fg);background:var(--color-danger-bg);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.color-converter-module__IXaQwW__results{}.color-converter-module__IXaQwW__resultsBody{block-size:444px;padding:var(--space-2) var(--space-3) var(--space-3);overflow:auto}.color-converter-module__IXaQwW__staleSurface{}.color-converter-module__IXaQwW__tableScroll{overflow-x:auto}.color-converter-module__IXaQwW__resultsTable{border-collapse:collapse;inline-size:100%}.color-converter-module__IXaQwW__resultRow{border-block-end:1px solid var(--color-border-subtle);block-size:36px}.color-converter-module__IXaQwW__rowHeader{text-align:start;vertical-align:middle;inline-size:112px;padding-inline:var(--space-2);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-weight:var(--weight-medium);color:var(--color-text-secondary);white-space:nowrap}.color-converter-module__IXaQwW__rowValue{vertical-align:middle;padding-inline:var(--space-2);font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);white-space:nowrap}.color-converter-module__IXaQwW__rowNote{font-family:var(--font-ui);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);white-space:nowrap}.color-converter-module__IXaQwW__rowCopyCell{vertical-align:middle;text-align:end;inline-size:88px;padding-inline:var(--space-1)}.color-converter-module__IXaQwW__rowCopy{min-block-size:28px;padding-inline:var(--space-2);background:var(--color-bg-surface);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);cursor:pointer;white-space:nowrap}.color-converter-module__IXaQwW__rowCopy:hover:not(:disabled){border-color:var(--color-accent-fg);color:var(--color-accent-fg)}.color-converter-module__IXaQwW__rowCopy:disabled{opacity:var(--opacity-disabled);cursor:default}.color-converter-module__IXaQwW__rowCopyPrimary{background:var(--color-accent-emphasis-bg);border-color:var(--color-accent-emphasis-bg);color:var(--color-accent-emphasis-text)}.color-converter-module__IXaQwW__rowCopyPrimary:hover:not(:disabled){color:var(--color-accent-emphasis-text)}.color-converter-module__IXaQwW__batchSurface{gap:var(--space-2);flex-direction:column;display:flex}.color-converter-module__IXaQwW__batchSummary{align-items:center;gap:var(--space-3);flex-wrap:wrap;min-block-size:32px;display:flex}.color-converter-module__IXaQwW__batchSummaryText{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary)}.color-converter-module__IXaQwW__batchNotes{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.color-converter-module__IXaQwW__batchScroller{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);block-size:360px;overflow:auto}.color-converter-module__IXaQwW__batchTable{border-collapse:collapse;inline-size:max-content;min-inline-size:100%}.color-converter-module__IXaQwW__batchHead{z-index:1;text-align:start;background:var(--color-bg-surface);border-block-end:1px solid var(--color-border-subtle);padding:var(--space-1) var(--space-2);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);font-weight:var(--weight-medium);color:var(--color-text-secondary);white-space:nowrap;position:sticky;inset-block-start:0}.color-converter-module__IXaQwW__colHead{align-items:center;gap:var(--space-2);display:inline-flex}.color-converter-module__IXaQwW__colNote{font-weight:var(--weight-regular);color:var(--color-text-muted)}.color-converter-module__IXaQwW__batchRow{border-block-end:1px solid var(--color-border-subtle);block-size:36px}.color-converter-module__IXaQwW__batchCell{vertical-align:middle;padding-inline:var(--space-2);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);white-space:nowrap}.color-converter-module__IXaQwW__batchCellNum{vertical-align:middle;padding-inline:var(--space-2);text-align:end;font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.color-converter-module__IXaQwW__batchCellInput{vertical-align:middle;padding-inline:var(--space-2);font-family:var(--font-mono);font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);white-space:nowrap}.color-converter-module__IXaQwW__cellInputText{text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;max-inline-size:200px;display:inline-block;overflow:hidden}.color-converter-module__IXaQwW__cellSwatch{block-size:12px;inline-size:12px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);vertical-align:middle;margin-inline-end:var(--space-2);display:inline-block}.color-converter-module__IXaQwW__batchCellMono{vertical-align:middle;padding-inline:var(--space-2);font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);white-space:nowrap}.color-converter-module__IXaQwW__batchCellNotes{vertical-align:middle;padding-inline:var(--space-2);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-inline-size:280px;overflow:hidden}.color-converter-module__IXaQwW__spacerRow td{border:none;padding:0}.color-converter-module__IXaQwW__statusLine{}.color-converter-module__IXaQwW__statusRight{}.color-converter-module__IXaQwW__statusInvalid{}.color-converter-module__IXaQwW__actions{}.color-converter-module__IXaQwW__actionButton{}.color-converter-module__IXaQwW__actionPrimary{}.color-converter-module__IXaQwW__banner{}.color-converter-module__IXaQwW__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-converter-module__IXaQwW__shareNote,.color-converter-module__IXaQwW__keyboardHint,.color-converter-module__IXaQwW__dialogNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.color-converter-module__IXaQwW__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);display:inline-flex}.color-converter-module__IXaQwW__dialog{}.color-converter-module__IXaQwW__dialogTitle{font-size:var(--text-h4-size);line-height:var(--text-h4-line);margin-block-end:var(--space-4)}.color-converter-module__IXaQwW__dialogActions{gap:var(--space-2);margin-block-start:var(--space-4);display:flex}.color-converter-module__IXaQwW__shortcutList{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);padding:0;list-style:none;display:flex}.color-converter-module__IXaQwW__shortcutItem{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.color-converter-module__IXaQwW__kbd{}@media (max-width:767px){.color-converter-module__IXaQwW__chips{min-block-size:calc(2 * (var(--text-ui-xs-line) + 2 * var(--space-1)) + var(--space-2))}.color-converter-module__IXaQwW__errorSlot{min-block-size:calc(3 * var(--text-ui-sm-line) + 2 * var(--space-3))}}@media (max-width:1023px),(pointer:coarse){.color-converter-module__IXaQwW__resultsBody{block-size:584px}}@media (pointer:coarse){.color-converter-module__IXaQwW__batchCellInput,.color-converter-module__IXaQwW__batchCellMono,.color-converter-module__IXaQwW__rowValue{font-size:max(var(--text-code-size), 16px)}}@media (max-width:1023px){.color-converter-module__IXaQwW__actionButton,.color-converter-module__IXaQwW__tab,.color-converter-module__IXaQwW__switchChip,.color-converter-module__IXaQwW__rowCopy,.color-converter-module__IXaQwW__segment,.color-converter-module__IXaQwW__picker{min-block-size:var(--target-touch)}.color-converter-module__IXaQwW__rowCopy{min-inline-size:var(--target-touch)}.color-converter-module__IXaQwW__bannerAction,.color-converter-module__IXaQwW__pickerField,.color-converter-module__IXaQwW__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}@media (pointer:coarse){.color-converter-module__IXaQwW__rowCopy,.color-converter-module__IXaQwW__segment,.color-converter-module__IXaQwW__picker{min-block-size:var(--target-touch)}.color-converter-module__IXaQwW__rowCopy{min-inline-size:var(--target-touch)}.color-converter-module__IXaQwW__bannerAction,.color-converter-module__IXaQwW__pickerField,.color-converter-module__IXaQwW__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}