.css-gradient-generator-module__GLLHKa__tool{}.css-gradient-generator-module__GLLHKa__workspace{gap:var(--space-4);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1fr);grid-template-areas:"controls preview stops""output output output";display:grid}@media (max-width:1099px){.css-gradient-generator-module__GLLHKa__workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"controls preview""stops stops""output output"}}@media (max-width:719px){.css-gradient-generator-module__GLLHKa__workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview""controls""stops""output"}}.css-gradient-generator-module__GLLHKa__controlsPane{grid-area:controls;}.css-gradient-generator-module__GLLHKa__previewPane{grid-area:preview;}.css-gradient-generator-module__GLLHKa__stopsPane{grid-area:stops;}.css-gradient-generator-module__GLLHKa__outputPane{grid-area:output;}.css-gradient-generator-module__GLLHKa__paneHeader{}.css-gradient-generator-module__GLLHKa__paneLabel{}.css-gradient-generator-module__GLLHKa__paneBadge{}.css-gradient-generator-module__GLLHKa__liveBadge{flex:none}.css-gradient-generator-module__GLLHKa__stale{}.css-gradient-generator-module__GLLHKa__controlsBody{gap:var(--space-3);padding:var(--pane-padding);flex-direction:column;display:flex}.css-gradient-generator-module__GLLHKa__typeFieldset{border:none;min-inline-size:0;margin:0;padding:0}.css-gradient-generator-module__GLLHKa__legend{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-2);padding:0}.css-gradient-generator-module__GLLHKa__segmentRow{gap:var(--space-1);flex-wrap:wrap;display:flex}.css-gradient-generator-module__GLLHKa__segment{min-block-size:var(--control-height);padding-inline:var(--space-3);border:1px solid var(--color-border-subtle);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;justify-content:center;align-items:center;display:inline-flex;position:relative}.css-gradient-generator-module__GLLHKa__segment:hover{border-color:var(--color-border-control);color:var(--color-text-primary)}.css-gradient-generator-module__GLLHKa__segmentOn{background:color-mix(in srgb, var(--color-text-primary) 8%, transparent);border-color:var(--color-border-control);color:var(--color-text-primary);font-weight:var(--weight-medium)}.css-gradient-generator-module__GLLHKa__segmentInput{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.css-gradient-generator-module__GLLHKa__segment:has(.css-gradient-generator-module__GLLHKa__segmentInput:focus-visible){outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset)}.css-gradient-generator-module__GLLHKa__typeBody{display:grid}.css-gradient-generator-module__GLLHKa__typePanel{grid-area:1/1;min-inline-size:0}.css-gradient-generator-module__GLLHKa__typePanelHidden{visibility:hidden}.css-gradient-generator-module__GLLHKa__controlRow{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.css-gradient-generator-module__GLLHKa__controlField{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.css-gradient-generator-module__GLLHKa__fieldLabel{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.css-gradient-generator-module__GLLHKa__sliderPair{gap:var(--space-2);grid-template-columns:minmax(0,9rem) minmax(0,6rem);align-items:center;display:grid}.css-gradient-generator-module__GLLHKa__slider{accent-color:var(--color-accent-fg);min-block-size:var(--control-height);min-inline-size:0;margin:0}.css-gradient-generator-module__GLLHKa__numberInput{inline-size:6rem;}.css-gradient-generator-module__GLLHKa__select{max-inline-size:100%;}.css-gradient-generator-module__GLLHKa__optionRow{}.css-gradient-generator-module__GLLHKa__optionGroup{}.css-gradient-generator-module__GLLHKa__optionLabel{}.css-gradient-generator-module__GLLHKa__optionCheck{align-items:center;gap:var(--space-2);min-block-size:var(--target-min);font-size:var(--text-ui-md-size);line-height:var(--text-ui-md-line);cursor:pointer;display:inline-flex}.css-gradient-generator-module__GLLHKa__checkbox{}.css-gradient-generator-module__GLLHKa__spaceNote{block-size:calc(3 * var(--text-ui-sm-line));font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);overflow-wrap:anywhere;margin:0;overflow-y:auto}@media (max-width:429px){.css-gradient-generator-module__GLLHKa__spaceNote{block-size:calc(4 * var(--text-ui-sm-line))}}.css-gradient-generator-module__GLLHKa__importBlock{gap:var(--space-1);flex-direction:column;display:flex}.css-gradient-generator-module__GLLHKa__importRow{align-items:flex-start;gap:var(--space-2);display:flex}.css-gradient-generator-module__GLLHKa__importArea{min-inline-size:0;padding-block:var(--space-2);resize:none;font-family:var(--font-mono);font-feature-settings:"zero";overflow-wrap:anywhere;flex:1;}.css-gradient-generator-module__GLLHKa__importDiag{block-size:calc(var(--text-ui-sm-line) * 5 + var(--space-6));overflow-y:auto}.css-gradient-generator-module__GLLHKa__errorBox{}.css-gradient-generator-module__GLLHKa__errorMessage{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-danger-fg);overflow-wrap:anywhere;margin:0}.css-gradient-generator-module__GLLHKa__errorAction{min-block-size:var(--target-min);color:var(--color-accent-fg);cursor:pointer;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);background:0 0;border:none;padding:0;text-decoration-line:underline}.css-gradient-generator-module__GLLHKa__previewStage{margin:var(--pane-padding);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,8px 8px;background-size:16px 16px;block-size:280px;position:relative;overflow:hidden}.css-gradient-generator-module__GLLHKa__previewFill{position:absolute;inset:0}.css-gradient-generator-module__GLLHKa__previewChipRow{gap:var(--space-2);margin:0 var(--pane-padding) var(--pane-padding);flex-direction:column;display:flex}.css-gradient-generator-module__GLLHKa__warnScroll{block-size:calc(var(--text-ui-xs-line) * 4 + var(--space-2));overflow-y:auto}.css-gradient-generator-module__GLLHKa__warnActionSlot{block-size:var(--target-touch);align-items:center;display:flex}.css-gradient-generator-module__GLLHKa__warnChip{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-warning-fg);background:var(--color-warning-bg);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);overflow-wrap:anywhere;display:inline-block}.css-gradient-generator-module__GLLHKa__chipAction{}.css-gradient-generator-module__GLLHKa__stopList{block-size:432px;margin:0;padding:0;list-style:none;display:block;overflow-y:auto}.css-gradient-generator-module__GLLHKa__windowSpacer{display:block}.css-gradient-generator-module__GLLHKa__stopRow{gap:var(--space-1);padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.css-gradient-generator-module__GLLHKa__stopFields{align-items:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.css-gradient-generator-module__GLLHKa__stopField{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.css-gradient-generator-module__GLLHKa__swatch{inline-size:var(--space-6);block-size:var(--space-6);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,4px 4px;background-size:8px 8px;flex:none;margin-block-end:calc((var(--control-height) - var(--space-6)) / 2);position:relative;overflow:hidden}.css-gradient-generator-module__GLLHKa__swatchFill{position:absolute;inset:0}.css-gradient-generator-module__GLLHKa__colorInput{inline-size:11rem;font-family:var(--font-mono);font-feature-settings:"zero";}.css-gradient-generator-module__GLLHKa__positionInput{inline-size:5.5rem;}.css-gradient-generator-module__GLLHKa__stopActions{align-items:center;gap:var(--space-1);margin-block-end:calc((var(--control-height) - var(--target-min)) / 2);margin-inline-start:auto;display:flex}.css-gradient-generator-module__GLLHKa__rowIconButton{}.css-gradient-generator-module__GLLHKa__rowError{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-danger-fg);overflow-wrap:anywhere;margin:0;overflow-y:auto}.css-gradient-generator-module__GLLHKa__stopsFooter{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}.css-gradient-generator-module__GLLHKa__footerNote{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)}.css-gradient-generator-module__GLLHKa__outputBody{gap:var(--space-3);padding:var(--pane-padding);flex-direction:column;display:flex}.css-gradient-generator-module__GLLHKa__outputCode{block-size:calc(var(--text-code-line) * 4 + var(--space-4));padding:var(--space-2);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);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:pre-wrap;overflow-wrap:anywhere;display:block;overflow-y:auto}.css-gradient-generator-module__GLLHKa__tailwindCode{block-size:calc(var(--text-code-line) * 2 + var(--space-4));padding:var(--space-2);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);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:pre-wrap;overflow-wrap:anywhere;display:block;overflow-y:auto}.css-gradient-generator-module__GLLHKa__tailwindHidden{visibility:hidden}.css-gradient-generator-module__GLLHKa__chips{align-content:flex-start;align-items:center;gap:var(--space-2);block-size:calc(28px * 2 + var(--space-2));flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.css-gradient-generator-module__GLLHKa__chip{align-items:center;gap:var(--space-2);min-block-size:28px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-info-fg);background:var(--color-info-bg);overflow-wrap:anywhere;display:inline-flex}.css-gradient-generator-module__GLLHKa__chipError{align-items:center;gap:var(--space-2);min-block-size:28px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-danger-fg);background:var(--color-danger-bg);overflow-wrap:anywhere;display:inline-flex}.css-gradient-generator-module__GLLHKa__banner{}.css-gradient-generator-module__GLLHKa__bannerAction{color:var(--color-accent-fg);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration-line:underline}.css-gradient-generator-module__GLLHKa__actions{}.css-gradient-generator-module__GLLHKa__actionButton{}.css-gradient-generator-module__GLLHKa__copyAccent{}.css-gradient-generator-module__GLLHKa__copyPlacement{margin-inline-start:auto}.css-gradient-generator-module__GLLHKa__swapWrap{}.css-gradient-generator-module__GLLHKa__swapSizer{}.css-gradient-generator-module__GLLHKa__echoSlot{min-inline-size:var(--space-4);text-align:start;display:inline-block}.css-gradient-generator-module__GLLHKa__shareNote,.css-gradient-generator-module__GLLHKa__storedLine,.css-gradient-generator-module__GLLHKa__keyboardHint{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);margin:0}.css-gradient-generator-module__GLLHKa__dialog{}.css-gradient-generator-module__GLLHKa__dialogTitle{font-size:var(--text-h4-size);line-height:var(--text-h4-line);margin-block-end:var(--space-4)}.css-gradient-generator-module__GLLHKa__dialogNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.css-gradient-generator-module__GLLHKa__shortcutList{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);padding:0;list-style:none;display:flex}.css-gradient-generator-module__GLLHKa__shortcutItem{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.css-gradient-generator-module__GLLHKa__kbd{}@media (pointer:coarse){.css-gradient-generator-module__GLLHKa__segment,.css-gradient-generator-module__GLLHKa__slider,.css-gradient-generator-module__GLLHKa__optionCheck{min-block-size:var(--target-touch)}.css-gradient-generator-module__GLLHKa__bannerAction,.css-gradient-generator-module__GLLHKa__errorAction{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}