.tailwind-color-shades-generator-module__U1n7NW__tool{}.tailwind-color-shades-generator-module__U1n7NW__banner{}.tailwind-color-shades-generator-module__U1n7NW__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}.tailwind-color-shades-generator-module__U1n7NW__refusalRow{block-size:calc(var(--text-ui-sm-line) * 3 + var(--space-3) * 2);padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-danger-fg);overflow-wrap:anywhere;overflow-y:auto}.tailwind-color-shades-generator-module__U1n7NW__refusalActive{background:var(--color-danger-bg)}.tailwind-color-shades-generator-module__U1n7NW__workspace{gap:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (min-width:1024px){.tailwind-color-shades-generator-module__U1n7NW__workspace{grid-template-columns:360px minmax(0,1fr)}}.tailwind-color-shades-generator-module__U1n7NW__formPane{background:var(--color-bg-pane);border:1px solid var(--color-border-control);border-radius:var(--radius-md);min-inline-size:0;padding:var(--space-4)}.tailwind-color-shades-generator-module__U1n7NW__formLegend{float:inline-start;inline-size:100%;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-block-end:var(--space-3);padding:0}.tailwind-color-shades-generator-module__U1n7NW__formStack{clear:both;gap:var(--space-4);flex-direction:column;display:flex}.tailwind-color-shades-generator-module__U1n7NW__jumpLink{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-accent-fg);text-underline-offset:2px;text-decoration:underline;display:none}@media (max-width:767px){.tailwind-color-shades-generator-module__U1n7NW__jumpLink{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}.tailwind-color-shades-generator-module__U1n7NW__fieldPair{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tailwind-color-shades-generator-module__U1n7NW__field{gap:var(--space-2);flex-direction:column;min-inline-size:0;display:flex}.tailwind-color-shades-generator-module__U1n7NW__fieldLabel{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.tailwind-color-shades-generator-module__U1n7NW__textField,.tailwind-color-shades-generator-module__U1n7NW__numberField{inline-size:100%;font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);font-variant-numeric:tabular-nums;}.tailwind-color-shades-generator-module__U1n7NW__select{inline-size:100%;}.tailwind-color-shades-generator-module__U1n7NW__textField:focus-visible,.tailwind-color-shades-generator-module__U1n7NW__numberField:focus-visible,.tailwind-color-shades-generator-module__U1n7NW__select:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset-inset)}.tailwind-color-shades-generator-module__U1n7NW__textField[aria-invalid=true],.tailwind-color-shades-generator-module__U1n7NW__numberField[aria-invalid=true]{border-color:var(--color-danger-fg)}.tailwind-color-shades-generator-module__U1n7NW__fieldNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.tailwind-color-shades-generator-module__U1n7NW__formActions{}.tailwind-color-shades-generator-module__U1n7NW__outputColumn{gap:var(--space-4);flex-direction:column;min-inline-size:0;display:flex}.tailwind-color-shades-generator-module__U1n7NW__outputPane,.tailwind-color-shades-generator-module__U1n7NW__exportPane{gap:var(--space-4);background:var(--color-bg-pane);border:1px solid var(--color-border-control);border-radius:var(--radius-md);padding:var(--space-4);min-inline-size:0;flex-direction:column;scroll-margin-block-start:calc(var(--header-height) + var(--space-4));display:flex}.tailwind-color-shades-generator-module__U1n7NW__outputHeader{align-items:center;gap:var(--space-3);min-block-size:var(--space-6);display:flex}.tailwind-color-shades-generator-module__U1n7NW__paneBadge{}.tailwind-color-shades-generator-module__U1n7NW__staleBadge{}.tailwind-color-shades-generator-module__U1n7NW__blockLabel{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.tailwind-color-shades-generator-module__U1n7NW__sourceRow{align-items:center;gap:var(--space-3);min-block-size:var(--target-min);min-inline-size:0;display:flex}.tailwind-color-shades-generator-module__U1n7NW__sourceSwatch{inline-size:var(--space-6);block-size:var(--space-6);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);flex:none;display:block}.tailwind-color-shades-generator-module__U1n7NW__sourceCode{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);font-variant-numeric:tabular-nums;color:var(--color-text-secondary);overflow:hidden}.tailwind-color-shades-generator-module__U1n7NW__rampScroll{min-inline-size:0;block-size:var(--pane-min-block);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:auto}@media (min-width:1024px){.tailwind-color-shades-generator-module__U1n7NW__rampScroll{block-size:calc(11 * (var(--control-height-sm) + var(--space-2) * 2 + 1px) + var(--text-ui-xs-line) + var(--space-2) * 2 + 1px)}}.tailwind-color-shades-generator-module__U1n7NW__ramp{border-collapse:collapse;inline-size:100%;font-size:var(--text-code-size);line-height:var(--text-code-line)}.tailwind-color-shades-generator-module__U1n7NW__ramp thead th{z-index:1;text-align:start;padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border-block-end:1px solid var(--color-border-subtle);font-family:var(--font-ui);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}.tailwind-color-shades-generator-module__U1n7NW__ramp td,.tailwind-color-shades-generator-module__U1n7NW__ramp tbody th{padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-border-subtle);font-weight:var(--weight-regular);color:var(--color-text-primary);vertical-align:middle;white-space:nowrap}.tailwind-color-shades-generator-module__U1n7NW__ramp tbody tr:last-child td,.tailwind-color-shades-generator-module__U1n7NW__ramp tbody tr:last-child th{border-block-end:none}.tailwind-color-shades-generator-module__U1n7NW__rampHeadNum,.tailwind-color-shades-generator-module__U1n7NW__rampNum{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.tailwind-color-shades-generator-module__U1n7NW__rampRatio{text-align:end;font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.tailwind-color-shades-generator-module__U1n7NW__rampCode{font-family:var(--font-mono);font-feature-settings:"zero";font-variant-numeric:tabular-nums}.tailwind-color-shades-generator-module__U1n7NW__swatch{inline-size:var(--space-8);block-size:var(--space-5);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);display:block}.tailwind-color-shades-generator-module__U1n7NW__hexButton{font-family:var(--font-mono);font-feature-settings:"zero";font-variant-numeric:tabular-nums;}.tailwind-color-shades-generator-module__U1n7NW__rampFlags{min-inline-size:9rem}.tailwind-color-shades-generator-module__U1n7NW__badgeAnchor,.tailwind-color-shades-generator-module__U1n7NW__badgeMapped{min-block-size:var(--target-min);padding-inline:var(--space-2);border-radius:var(--radius-full);font-family:var(--font-ui);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);white-space:nowrap;border:1px solid;align-items:center;display:inline-flex}.tailwind-color-shades-generator-module__U1n7NW__badgeAnchor{color:var(--color-info-fg)}.tailwind-color-shades-generator-module__U1n7NW__badgeMapped{color:var(--color-warning-fg)}.tailwind-color-shades-generator-module__U1n7NW__badgeAnchor+.tailwind-color-shades-generator-module__U1n7NW__badgeMapped{margin-inline-start:var(--space-2)}.tailwind-color-shades-generator-module__U1n7NW__notesScroll{block-size:calc(var(--text-ui-xs-line) * 6 + var(--space-2) * 2);min-inline-size:0;padding:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:auto}.tailwind-color-shades-generator-module__U1n7NW__notes{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tailwind-color-shades-generator-module__U1n7NW__note{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-info-fg)}.tailwind-color-shades-generator-module__U1n7NW__choiceFieldset{align-items:center;gap:var(--space-3) var(--space-4);border:none;flex-wrap:wrap;min-inline-size:0;padding:0;display:flex}.tailwind-color-shades-generator-module__U1n7NW__choiceLegend{float:inline-start;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-inline-end:var(--space-2);padding:0}.tailwind-color-shades-generator-module__U1n7NW__choiceOption{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);cursor:pointer;}.tailwind-color-shades-generator-module__U1n7NW__radioInput{}.tailwind-color-shades-generator-module__U1n7NW__exportBlock{block-size:var(--pane-min-block);padding:var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-feature-settings:"zero";font-variant-numeric:tabular-nums;font-size:var(--text-code-content-size);line-height:var(--text-code-content-line);color:var(--color-text-primary);white-space:pre;margin:0;overflow:auto}.tailwind-color-shades-generator-module__U1n7NW__staleOutput{border-color:var(--color-warning-fg)}.tailwind-color-shades-generator-module__U1n7NW__actions{}.tailwind-color-shades-generator-module__U1n7NW__actionButton{}.tailwind-color-shades-generator-module__U1n7NW__actionPrimary{}.tailwind-color-shades-generator-module__U1n7NW__swapWrap{}.tailwind-color-shades-generator-module__U1n7NW__swapSizer{}.tailwind-color-shades-generator-module__U1n7NW__echoSlot{min-inline-size:var(--space-4);text-align:start;display:inline-block}.tailwind-color-shades-generator-module__U1n7NW__errorRegion{gap:var(--space-2);min-block-size:calc(var(--text-ui-sm-line) * 2 + var(--space-3) * 2);padding:var(--space-3);border-radius:var(--radius-sm);flex-direction:column;display:flex}.tailwind-color-shades-generator-module__U1n7NW__errorRegionActive{background:var(--color-danger-bg)}.tailwind-color-shades-generator-module__U1n7NW__errorList{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tailwind-color-shades-generator-module__U1n7NW__errorMessage{color:var(--color-danger-fg);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.tailwind-color-shades-generator-module__U1n7NW__errorActions{gap:var(--space-4);display:inline-flex}.tailwind-color-shades-generator-module__U1n7NW__shareNote,.tailwind-color-shades-generator-module__U1n7NW__storedLine{min-block-size:var(--text-ui-xs-line)}.tailwind-color-shades-generator-module__U1n7NW__shareNote,.tailwind-color-shades-generator-module__U1n7NW__storedLine,.tailwind-color-shades-generator-module__U1n7NW__keyboardHint,.tailwind-color-shades-generator-module__U1n7NW__dialogNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.tailwind-color-shades-generator-module__U1n7NW__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}.tailwind-color-shades-generator-module__U1n7NW__dialog{}.tailwind-color-shades-generator-module__U1n7NW__dialogTitle{font-size:var(--text-h4-size);line-height:var(--text-h4-line);margin-block-end:var(--space-4)}.tailwind-color-shades-generator-module__U1n7NW__shortcutList{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);padding:0;list-style:none;display:flex}.tailwind-color-shades-generator-module__U1n7NW__shortcutItem{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.tailwind-color-shades-generator-module__U1n7NW__kbd{}@media (pointer:coarse){.tailwind-color-shades-generator-module__U1n7NW__textField,.tailwind-color-shades-generator-module__U1n7NW__numberField{font-size:max(var(--text-code-size), 16px)}}@media (max-width:1023px){.tailwind-color-shades-generator-module__U1n7NW__actionButton,.tailwind-color-shades-generator-module__U1n7NW__hexButton,.tailwind-color-shades-generator-module__U1n7NW__textField,.tailwind-color-shades-generator-module__U1n7NW__numberField,.tailwind-color-shades-generator-module__U1n7NW__select,.tailwind-color-shades-generator-module__U1n7NW__choiceOption{min-block-size:var(--target-touch)}.tailwind-color-shades-generator-module__U1n7NW__bannerAction,.tailwind-color-shades-generator-module__U1n7NW__jumpLink,.tailwind-color-shades-generator-module__U1n7NW__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}@media (pointer:coarse){.tailwind-color-shades-generator-module__U1n7NW__bannerAction,.tailwind-color-shades-generator-module__U1n7NW__jumpLink,.tailwind-color-shades-generator-module__U1n7NW__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}