.color-name-tool-module__rj0bXa__page{--colors-type-display:clamp(2.7rem, 4.9vw, 4.35rem);--colors-ink:var(--cs-brand-ink-strong);--colors-ink-soft:color-mix(in oklch, var(--cs-brand-black) 72%, white 28%);--colors-ink-muted:color-mix(in oklch, var(--cs-brand-black) 58%, white 42%);--colors-teal:var(--cs-brand-game-teal);--colors-blue:var(--cs-brand-blue);--colors-orange:var(--cs-brand-orange);--colors-red:var(--cs-brand-red);--colors-teal-ink:color-mix(in oklch, var(--colors-teal) 68%, var(--colors-ink) 32%);--colors-blue-ink:color-mix(in oklch, var(--colors-blue) 70%, var(--colors-ink) 30%);--colors-waiting-green:color-mix(in oklch, var(--colors-teal) 72%, var(--colors-ink) 28%);--colors-waiting-green-soft:color-mix(in oklch, var(--colors-teal) 14%, white 86%);--colors-label-bg:white;--colors-label-border:color-mix(in oklch, var(--colors-ink) 18%, white 82%);--colors-label-text:var(--colors-ink-soft);--colors-section-marker:var(--colors-teal);--colors-red-ink:color-mix(in oklch, var(--colors-red) 70%, var(--colors-ink) 30%);--colors-surface:#fff;--colors-surface-solid:#fff;--colors-composer-surface:#fff;--colors-composer-surface-soft:color-mix(in oklch, var(--colors-teal) 4%, white 96%);--colors-output-surface:#fff;--colors-output-surface-soft:color-mix(in oklch, var(--colors-blue) 4%, white 96%);--colors-surface-muted:var(--colors-composer-surface-soft);--colors-surface-blue:var(--colors-output-surface-soft);--colors-line:#33333321;--colors-line-strong:#33333340;--colors-blue-soft:var(--cs-brand-blue-soft);--colors-red-soft:var(--cs-brand-red-soft);--colors-teal-soft:var(--cs-brand-teal-soft);--colors-teal-rim:var(--cs-brand-game-teal-rim);--colors-picker-frame:color-mix(in oklch, var(--colors-teal) 44%, var(--colors-ink) 56%);--colors-picker-frame-soft:color-mix(in oklch, var(--colors-teal) 18%, white 82%);--colors-radius-sm:8px;--colors-radius-md:10px;--colors-radius-lg:12px;--colors-shadow:0 2px 8px #0000000f;width:min(100%,80rem);color:var(--colors-ink);font-family:var(--cs-font-family-body);margin:0 auto;padding:1rem 0 3rem}@supports (color:lab(0% 0 0)){.color-name-tool-module__rj0bXa__page{--colors-surface:lab(100% 0 0);--colors-surface-solid:lab(100% 0 0);--colors-composer-surface:lab(100% 0 0);--colors-output-surface:lab(100% 0 0);--colors-line:lab(21.2476% -.0000149012 0/.13);--colors-line-strong:lab(21.2476% -.0000149012 0/.25);--colors-shadow:0 2px 8px lab(0% 0 0/.06)}}.color-name-tool-module__rj0bXa__hero{justify-content:space-between;align-items:flex-end;gap:var(--cs-space-3);min-width:0;margin-bottom:var(--cs-space-3);padding:.4rem 0;display:flex}.color-name-tool-module__rj0bXa__heroCopy{gap:.28rem;min-width:0;max-width:44rem;display:grid}.color-name-tool-module__rj0bXa__title,.color-name-tool-module__rj0bXa__sectionTitleSmall{color:var(--colors-ink);letter-spacing:0;text-wrap:balance;margin:0}.color-name-tool-module__rj0bXa__eyebrow{color:var(--cs-brand-red);font-family:var(--cs-font-family-label);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:1rem;font-weight:800;line-height:.4}.color-name-tool-module__rj0bXa__title{color:var(--cs-brand-blue);font-family:var(--cs-font-family-display);font-size:var(--colors-type-display);letter-spacing:-.035em;font-weight:400;line-height:.9}.color-name-tool-module__rj0bXa__lead{max-width:36ch;color:color-mix(in oklch, var(--cs-brand-black) 84%, #fff 16%);font-family:var(--cs-font-family-body);font-size:var(--cs-type-body-md-size);font-weight:var(--cs-type-body-weight);letter-spacing:0;line-height:var(--cs-type-body-md-line);margin:.42rem 0 0}@supports (color:lab(0% 0 0)){.color-name-tool-module__rj0bXa__lead{color:color-mix(in oklch, var(--cs-brand-black) 84%, lab(100% 0 0) 16%)}}.color-name-tool-module__rj0bXa__sectionBody,.color-name-tool-module__rj0bXa__effectNotice,.color-name-tool-module__rj0bXa__copyStatus{color:var(--colors-ink-soft);font-family:var(--cs-font-family-ui);font-size:var(--cs-type-ui-md-size);font-weight:var(--cs-type-ui-weight);line-height:var(--cs-type-ui-md-line);margin:0}.color-name-tool-module__rj0bXa__workspace{gap:1rem;display:grid}.color-name-tool-module__rj0bXa__composer,.color-name-tool-module__rj0bXa__outputPanel{--colors-panel-backing:color-mix(in oklch, var(--colors-teal) 72%, white 28%);border:1.5px solid color-mix(in oklch, var(--colors-ink) 18%, white 82%);background:var(--colors-surface);min-width:0;box-shadow:.5rem .5rem 0 var(--colors-panel-backing), 0 1px 0 #ffffffeb;border-radius:12px}@supports (color:lab(0% 0 0)){.color-name-tool-module__rj0bXa__composer,.color-name-tool-module__rj0bXa__outputPanel{box-shadow:.5rem .5rem 0 var(--colors-panel-backing), 0 1px 0 lab(100% 0 0/.92)}}.color-name-tool-module__rj0bXa__composer{--colors-panel-backing:color-mix(in oklch, var(--colors-teal) 72%, white 28%);border-color:color-mix(in oklch, var(--colors-teal) 44%, var(--colors-line) 56%);background:var(--colors-composer-surface);gap:1.35rem;padding:clamp(1rem,2.4vw,1.5rem);display:grid}.color-name-tool-module__rj0bXa__outputPanel{--colors-panel-backing:color-mix(in oklch, var(--colors-blue) 76%, white 24%);border-color:color-mix(in oklch, var(--colors-blue) 42%, var(--colors-line) 58%);background:var(--colors-output-surface);align-content:start;gap:1rem;padding:clamp(1rem,2vw,1.25rem);display:grid}.color-name-tool-module__rj0bXa__visuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.color-name-tool-module__rj0bXa__sectionHeaderCompact,.color-name-tool-module__rj0bXa__previewHeader{gap:.35rem;display:grid}.color-name-tool-module__rj0bXa__sectionTitleSmall{color:var(--colors-ink);font-family:var(--cs-font-family-title);font-size:var(--cs-type-title-sm-size);font-weight:var(--cs-type-title-weight);line-height:var(--cs-type-title-sm-line)}.color-name-tool-module__rj0bXa__composer .color-name-tool-module__rj0bXa__sectionTitleSmall{width:max-content;max-width:100%;color:var(--colors-ink);background:0 0;border-bottom:0;border-radius:0;align-items:center;gap:.48rem;padding:0;display:inline-flex}.color-name-tool-module__rj0bXa__composer .color-name-tool-module__rj0bXa__sectionTitleSmall:before{content:"";background:var(--colors-section-marker);border-radius:3px;width:.72rem;height:.72rem}.color-name-tool-module__rj0bXa__outputPanel .color-name-tool-module__rj0bXa__sectionTitleSmall{color:var(--colors-ink)}.color-name-tool-module__rj0bXa__colorSection .color-name-tool-module__rj0bXa__sectionTitleSmall{background:0 0}.color-name-tool-module__rj0bXa__colorSection .color-name-tool-module__rj0bXa__sectionTitleSmall:before{background:var(--colors-teal)}.color-name-tool-module__rj0bXa__targetFieldset{border:0;flex:0 14.25rem;min-width:0;margin:0;padding:0}.color-name-tool-module__rj0bXa__targetTabs{--target-tabs-gap:.18rem;--target-tabs-padding:.18rem;gap:var(--target-tabs-gap);border:1px solid color-mix(in oklch, var(--colors-teal) 24%, var(--colors-line-strong) 76%);border-radius:var(--colors-radius-md);background:var(--colors-composer-surface-soft);grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,14.25rem);margin-left:0;padding:0;display:grid;position:relative;overflow:hidden}.color-name-tool-module__rj0bXa__targetTabs:before{content:"";width:calc((100% - var(--target-tabs-gap)) / 2);border-radius:calc(var(--colors-radius-md) - 1px);background:var(--colors-teal);transition:transform .18s;position:absolute;top:0;bottom:0;left:0;transform:translate(0)}.color-name-tool-module__rj0bXa__targetTabs[data-target=pikmin]:before{transform:translateX(calc(100% + var(--target-tabs-gap)))}.color-name-tool-module__rj0bXa__targetTab{z-index:1;border-radius:calc(var(--colors-radius-md) - 1px);min-width:0;min-height:2.25rem;color:var(--colors-ink-muted);font-family:var(--cs-font-family-ui);font-size:var(--cs-type-ui-sm-size);font-weight:var(--cs-type-ui-weight);line-height:var(--cs-type-ui-sm-line);text-align:center;cursor:pointer;justify-content:center;align-items:center;padding:.35rem .6rem;transition:background-color .18s,box-shadow .18s,color .18s;display:flex;position:relative}.color-name-tool-module__rj0bXa__targetTab input{opacity:0;cursor:pointer;pointer-events:none;position:absolute;inset:0}.color-name-tool-module__rj0bXa__targetTab[data-selected=true]{color:#fff}:is(.color-name-tool-module__rj0bXa__targetTab:has(input:focus-visible),.color-name-tool-module__rj0bXa__effectOption:has(.color-name-tool-module__rj0bXa__effectCheck:focus-visible)){box-shadow:var(--cs-focus-ring)}.color-name-tool-module__rj0bXa__nameField,.color-name-tool-module__rj0bXa__colorCodeField,.color-name-tool-module__rj0bXa__inlineColorPicker,.color-name-tool-module__rj0bXa__codeBlock{gap:.55rem;min-width:0;display:grid}.color-name-tool-module__rj0bXa__codeBlock{display:block;position:relative}.color-name-tool-module__rj0bXa__nameField{gap:.55rem;min-width:0;padding:0;display:grid}.color-name-tool-module__rj0bXa__nameHeader{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.75rem;min-width:0;display:flex}.color-name-tool-module__rj0bXa__fieldLabel{color:var(--colors-ink);font-family:var(--cs-font-family-ui);font-size:var(--cs-type-ui-md-size);font-weight:var(--cs-type-ui-weight);line-height:var(--cs-type-ui-md-line)}.color-name-tool-module__rj0bXa__nameCounter{min-width:4.9rem;height:auto;color:var(--colors-label-text);box-sizing:border-box;font-family:var(--cs-font-family-numeric);font-size:var(--cs-type-label-md-size);font-weight:var(--cs-type-numeric-default-weight);line-height:var(--cs-type-label-md-line);white-space:nowrap;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:.08rem 0 0;display:inline-flex}.color-name-tool-module__rj0bXa__nameCounter[data-state=valid]{color:var(--colors-blue)}.color-name-tool-module__rj0bXa__nameCounter[data-state=blocked]{color:var(--colors-red);background:0 0}.color-name-tool-module__rj0bXa__nameInputShell{border:1px solid color-mix(in oklch, var(--colors-teal) 30%, var(--colors-line-strong) 70%);border-radius:var(--colors-radius-md);background:var(--colors-surface-solid);align-items:center;min-width:0;display:flex;position:relative}.color-name-tool-module__rj0bXa__nameInputShell:focus-within{border-color:color-mix(in oklch, var(--colors-teal) 44%, white 56%);box-shadow:var(--cs-focus-ring)}.color-name-tool-module__rj0bXa__nameInputShell .color-name-tool-module__rj0bXa__nameCounter{border:0;position:absolute;top:50%;right:.72rem;transform:translateY(-50%)}.color-name-tool-module__rj0bXa__nameInput,.color-name-tool-module__rj0bXa__colorCodeInput{border:1px solid var(--colors-line);border-radius:var(--colors-radius-md);background:var(--colors-surface-solid);width:100%;min-width:0;color:var(--colors-ink);font-family:var(--cs-font-family-ui);font-size:1rem;font-weight:var(--cs-type-ui-weight);line-height:var(--cs-type-ui-lg-line)}.color-name-tool-module__rj0bXa__nameInput{min-height:4.15rem;font-size:var(--cs-type-ui-lg-size);font-weight:var(--cs-type-ui-weight);line-height:var(--cs-type-ui-lg-line);background:0 0;border:0;padding:0 6.35rem 0 1.05rem}.color-name-tool-module__rj0bXa__colorCodeInput{min-height:2.85rem;padding:0 .9rem}.color-name-tool-module__rj0bXa__nameInput::placeholder,.color-name-tool-module__rj0bXa__colorCodeInput::placeholder{color:var(--colors-ink-muted);opacity:1}.color-name-tool-module__rj0bXa__nameInput:focus-visible{outline:0}.color-name-tool-module__rj0bXa__colorCodeInput:focus-visible,.color-name-tool-module__rj0bXa__codeOutput:focus-visible,.color-name-tool-module__rj0bXa__themeButton:focus-visible,.color-name-tool-module__rj0bXa__swatchButton:focus-visible,.color-name-tool-module__rj0bXa__copyButton:focus-visible{box-shadow:var(--cs-focus-ring);outline:0}.color-name-tool-module__rj0bXa__colorCodeInput[aria-invalid=true]{border-color:color-mix(in oklch, var(--colors-red) 56%, white 44%);background:var(--colors-red-soft)}.color-name-tool-module__rj0bXa__effectNotice[data-state=blocked]{color:var(--colors-red);font-weight:var(--cs-type-ui-weight);background:0 0;border:0;border-radius:0;padding:0}.color-name-tool-module__rj0bXa__effectSection,.color-name-tool-module__rj0bXa__colorSection,.color-name-tool-module__rj0bXa__previewBlock{gap:.85rem;display:grid}.color-name-tool-module__rj0bXa__effectSection,.color-name-tool-module__rj0bXa__colorSection{border-top:1px solid var(--colors-line);padding-top:1.05rem}.color-name-tool-module__rj0bXa__colorSection{border-top-color:var(--colors-line)}.color-name-tool-module__rj0bXa__effectGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.color-name-tool-module__rj0bXa__effectOption{border:1px solid var(--colors-line);border-radius:var(--colors-radius-md);background:var(--colors-surface-solid);cursor:pointer;align-items:center;min-width:0;min-height:3.35rem;padding:.72rem .78rem;display:flex;position:relative}.color-name-tool-module__rj0bXa__effectOption[data-selected=true]{border-color:color-mix(in oklch, var(--colors-teal) 64%, var(--colors-line-strong) 36%);background:color-mix(in oklch, var(--colors-teal) 8%, white 92%);box-shadow:none}.color-name-tool-module__rj0bXa__effectOption[data-effect=color]{grid-column:span 2}.color-name-tool-module__rj0bXa__effectLabelRow{align-items:center;gap:.48rem;width:100%;min-width:0;display:flex}.color-name-tool-module__rj0bXa__effectCheck{appearance:none;border:1.5px solid var(--colors-line-strong);border-radius:var(--cs-radius-pill);color:#fff;cursor:pointer;background:#ffffffdb;background:lab(100% 0 0/.86);flex:none;place-items:center;width:1.05rem;height:1.05rem;padding:0;display:inline-grid;position:relative}.color-name-tool-module__rj0bXa__effectCheck:focus-visible{outline:0}.color-name-tool-module__rj0bXa__effectCheckIndicator,.color-name-tool-module__rj0bXa__effectCheckIcon{width:.68rem;height:.68rem;display:block}.color-name-tool-module__rj0bXa__effectOption[data-selected=true] .color-name-tool-module__rj0bXa__effectCheck{border-color:var(--colors-teal);background:var(--colors-teal)}.color-name-tool-module__rj0bXa__effectOption[data-selected=true] .color-name-tool-module__rj0bXa__effectLabel{color:var(--colors-ink)}.color-name-tool-module__rj0bXa__effectOption[data-selected=true] .color-name-tool-module__rj0bXa__effectMeta{background:var(--colors-label-bg);color:var(--colors-label-text)}.color-name-tool-module__rj0bXa__effectLabel{min-width:0;color:var(--colors-ink);font-family:var(--cs-font-family-ui);font-size:var(--cs-type-ui-md-size);font-weight:var(--cs-type-ui-weight);line-height:var(--cs-type-ui-md-line);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.color-name-tool-module__rj0bXa__effectMeta{border-radius:var(--colors-radius-sm);box-sizing:border-box;background:var(--colors-label-bg);height:1.5rem;color:var(--colors-label-text);font-family:var(--cs-font-family-numeric);font-size:var(--cs-type-label-xs-size);font-weight:var(--cs-type-numeric-default-weight);line-height:var(--cs-type-label-xs-line);border:0;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:.08rem .5rem 0;display:inline-flex}.color-name-tool-module__rj0bXa__effectMeta:empty{display:none}.color-name-tool-module__rj0bXa__themeTabs{flex-wrap:wrap;gap:.45rem;display:flex}.color-name-tool-module__rj0bXa__themeButton,.color-name-tool-module__rj0bXa__swatchButton,.color-name-tool-module__rj0bXa__copyButton{appearance:none;font-family:var(--cs-font-family-ui);letter-spacing:0;cursor:pointer;border:0}.color-name-tool-module__rj0bXa__themeButton{--colors-theme-color:var(--colors-teal);border:1px solid var(--colors-line);border-radius:var(--cs-radius-pill);background:var(--colors-surface-solid);min-height:2.22rem;color:var(--colors-ink);font-size:var(--cs-type-ui-sm-size);font-weight:var(--cs-type-ui-weight);line-height:var(--cs-type-ui-sm-line);text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:.42rem;padding:.42rem .72rem;display:inline-flex}.color-name-tool-module__rj0bXa__themeButton:before{content:"";border-radius:var(--cs-radius-pill);background:var(--colors-theme-color);border:1.5px solid #33333338;border:1.5px solid lab(21.2476% -.0000149012 0/.22);flex:none;width:.78rem;height:.78rem}.color-name-tool-module__rj0bXa__themeButton[aria-pressed=true]{border-color:color-mix(in oklch, var(--colors-theme-color) 58%, white 42%);background:color-mix(in oklch, var(--colors-theme-color) 5%, white 95%)}.color-name-tool-module__rj0bXa__swatchGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.color-name-tool-module__rj0bXa__swatchButton{--colors-swatch-color:var(--colors-teal);--colors-swatch-border:var(--colors-line);border:1px solid var(--colors-swatch-border);border-radius:var(--colors-radius-md);background:var(--colors-surface-solid);min-width:0;min-height:3.28rem;color:var(--colors-ink);text-align:left;grid-template-columns:1.38rem minmax(0,1fr) auto;align-items:center;gap:.56rem;padding:.58rem .68rem;display:grid;position:relative}.color-name-tool-module__rj0bXa__swatchButton[data-selected=true]{outline:1px solid var(--colors-swatch-color);outline-offset:-1px;background:color-mix(in oklch, var(--colors-swatch-color) 4%, white 96%)}.color-name-tool-module__rj0bXa__swatchDot{border-radius:var(--cs-radius-pill);background:var(--colors-swatch-color);border:1.5px solid #33333342;border:1.5px solid lab(21.2476% -.0000149012 0/.26);width:1.28rem;height:1.28rem}.color-name-tool-module__rj0bXa__swatchLabel{min-width:0;color:var(--colors-ink);font-size:var(--cs-type-ui-sm-size);font-weight:var(--cs-type-ui-weight);line-height:var(--cs-type-ui-sm-line);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.color-name-tool-module__rj0bXa__swatchCode{color:var(--colors-ink-muted);font-family:var(--cs-font-family-numeric);font-size:var(--cs-type-label-xs-size);font-weight:var(--cs-type-numeric-default-weight);line-height:var(--cs-type-label-xs-line)}.color-name-tool-module__rj0bXa__customPalettePanel{border:1px solid color-mix(in oklch, var(--colors-teal) 24%, var(--colors-line) 76%);border-radius:var(--colors-radius-md);background:var(--colors-composer-surface-soft);grid-template-columns:minmax(12rem,1fr) minmax(10rem,16rem);align-items:start;gap:.75rem;padding:.85rem;display:grid}.color-name-tool-module__rj0bXa__inlineColorPicker,.color-name-tool-module__rj0bXa__colorCodeField{align-content:start}.color-name-tool-module__rj0bXa__inlineColorPicker .react-colorful{gap:.75rem;width:100%;height:12rem;min-height:12rem}.color-name-tool-module__rj0bXa__inlineColorPicker .react-colorful__saturation{border:1px solid var(--colors-picker-frame);border-bottom:1px solid var(--colors-picker-frame);border-radius:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e,0 1px #ffffffb8;box-shadow:inset 0 0 0 1px lab(100% 0 0/.18),0 1px lab(100% 0 0/.72)}.color-name-tool-module__rj0bXa__inlineColorPicker .react-colorful__hue{border:1px solid var(--colors-picker-frame);border-radius:0;height:.9rem;margin-top:0;box-shadow:inset 0 0 0 1px #ffffff2e,0 1px #ffffffb8;box-shadow:inset 0 0 0 1px lab(100% 0 0/.18),0 1px lab(100% 0 0/.72)}:is(.color-name-tool-module__rj0bXa__inlineColorPicker .react-colorful__last-control,.color-name-tool-module__rj0bXa__inlineColorPicker .react-colorful__interactive){border-radius:0}.color-name-tool-module__rj0bXa__inlineColorPicker .react-colorful__pointer{border:2px solid #fff;width:1.05rem;height:1.05rem;box-shadow:0 0 0 1px #0000006b,0 1px 3px #00000038;box-shadow:0 0 0 1px lab(0% 0 0/.42),0 1px 3px lab(0% 0 0/.22)}.color-name-tool-module__rj0bXa__inlineColorPicker .react-colorful__pointer-fill{box-shadow:inset 0 0 0 1px #00000014;box-shadow:inset 0 0 0 1px lab(0% 0 0/.08)}.color-name-tool-module__rj0bXa__inlineColorPicker .react-colorful__interactive:focus-visible .react-colorful__pointer{box-shadow:var(--cs-focus-ring), 0 0 0 1px #00000038, 0 2px 4px #0003}@supports (color:lab(0% 0 0)){.color-name-tool-module__rj0bXa__inlineColorPicker .react-colorful__interactive:focus-visible .react-colorful__pointer{box-shadow:var(--cs-focus-ring), 0 0 0 1px lab(0% 0 0/.22), 0 2px 4px lab(0% 0 0/.2)}}.color-name-tool-module__rj0bXa__previewBlock{gap:.55rem;display:grid}.color-name-tool-module__rj0bXa__previewCanvas{border:1px solid color-mix(in oklch, var(--colors-blue) 34%, white 66%);border-radius:var(--colors-radius-md);background:#fff;justify-content:center;align-items:center;min-height:6.35rem;padding:.75rem 1rem;display:flex;overflow:hidden}.color-name-tool-module__rj0bXa__previewName{min-width:0;max-width:100%;color:var(--colors-preview-color);font-synthesis:weight style;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft JhengHei,PingFang TC,Noto Sans CJK TC,sans-serif;font-size:var(--colors-preview-font-size);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:400;line-height:1.12;overflow:hidden}.color-name-tool-module__rj0bXa__previewName[data-bold=true]{font-weight:700}.color-name-tool-module__rj0bXa__previewName[data-italic=true]{max-width:calc(100% - .32em);padding-inline:.06em .26em;font-style:italic}.color-name-tool-module__rj0bXa__previewHeader{grid-template-columns:minmax(0,1fr) auto;align-items:center}.color-name-tool-module__rj0bXa__previewHeader .color-name-tool-module__rj0bXa__sectionTitleSmall{min-width:0}.color-name-tool-module__rj0bXa__statusBadge{border-radius:var(--colors-radius-sm);min-height:2.1rem;color:var(--colors-label-text);background:var(--colors-label-bg);font-family:var(--cs-font-family-label);font-size:var(--cs-type-label-sm-size);font-weight:var(--cs-type-label-signal-weight);line-height:var(--cs-type-label-sm-line);white-space:nowrap;justify-content:center;align-items:center;padding:.42rem .7rem;display:inline-flex}.color-name-tool-module__rj0bXa__statusBadge[data-state=ready]{color:var(--colors-blue-ink);background:var(--colors-blue-soft)}.color-name-tool-module__rj0bXa__statusBadge[data-state=waiting]{color:var(--colors-waiting-green);background:var(--colors-waiting-green-soft)}.color-name-tool-module__rj0bXa__statusBadge[data-state=blocked]{color:var(--colors-ink);background:var(--colors-red-soft)}.color-name-tool-module__rj0bXa__codeOutput{border:1px solid color-mix(in oklch, var(--colors-blue) 26%, var(--colors-line) 74%);border-radius:var(--colors-radius-md);background:var(--colors-surface-solid);min-width:0;max-width:100%;min-height:3.1rem;color:var(--colors-ink);font-family:var(--cs-font-family-numeric);font-size:var(--cs-type-label-md-size);font-weight:var(--cs-type-numeric-default-weight);line-height:var(--cs-type-label-md-line);overflow-wrap:normal;white-space:pre;-webkit-user-select:text;user-select:text;align-items:center;margin:0;padding:.58rem 3.35rem .58rem .85rem;display:flex;overflow:auto hidden}.color-name-tool-module__rj0bXa__codeOutput code{font:inherit;min-width:0}.color-name-tool-module__rj0bXa__codeOutput[data-empty=true]{color:var(--colors-ink-muted);font-family:var(--cs-font-family-ui);font-weight:var(--cs-type-ui-weight)}.color-name-tool-module__rj0bXa__copyButton{border-radius:var(--colors-radius-md);background:var(--colors-blue);color:#fff;justify-content:center;align-items:center;width:2.24rem;height:2.24rem;min-height:0;padding:0;display:inline-flex;position:absolute;top:50%;right:.42rem;transform:translateY(-50%)}.color-name-tool-module__rj0bXa__copyButton:disabled{background:color-mix(in oklch, var(--colors-ink) 8%, white 92%);color:var(--colors-ink-muted);cursor:not-allowed;opacity:1}.color-name-tool-module__rj0bXa__copyButton:not(:disabled):hover{background:color-mix(in oklch, var(--colors-blue) 88%, var(--colors-ink) 12%)}.color-name-tool-module__rj0bXa__buttonIcon{width:1rem;height:1rem}.color-name-tool-module__rj0bXa__copyStatus{font-size:.84rem}.color-name-tool-module__rj0bXa__rulesPanel{background:0 0;gap:.55rem;padding:.15rem 0 0;display:grid}.color-name-tool-module__rj0bXa__rulesTitle{color:var(--colors-ink);font-family:var(--cs-font-family-title);font-size:var(--cs-type-title-sm-size);font-weight:var(--cs-type-title-weight);line-height:var(--cs-type-title-sm-line);align-items:center;gap:.45rem;margin:0;display:inline-flex}.color-name-tool-module__rj0bXa__rulesTitle:before{content:"";background:var(--colors-blue);border-radius:3px;flex:none;width:.68rem;height:.68rem}.color-name-tool-module__rj0bXa__rulesList{color:var(--colors-ink-soft);font-family:var(--cs-font-family-body);font-size:var(--cs-type-body-sm-size);font-weight:var(--cs-type-body-weight);line-height:var(--cs-type-body-sm-line);gap:.38rem;margin:0;padding-left:1.1rem;display:grid}.color-name-tool-module__rj0bXa__rulesList li::marker{color:var(--colors-ink-muted)}@media (min-width:980px){.color-name-tool-module__rj0bXa__workspace{align-items:start;gap:var(--cs-space-4);grid-template-columns:minmax(0,45rem) minmax(24rem,1fr)}.color-name-tool-module__rj0bXa__customPalettePanel{grid-template-columns:minmax(14rem,1fr) minmax(8.5rem,12rem);gap:.65rem;padding:.72rem}.color-name-tool-module__rj0bXa__inlineColorPicker .react-colorful{gap:.6rem;height:11.25rem;min-height:11.25rem}.color-name-tool-module__rj0bXa__colorCodeInput{min-height:2.5rem;padding-inline:.78rem}.color-name-tool-module__rj0bXa__outputPanel{position:sticky;top:1rem}}@media (min-width:1024px) and (max-width:1439px){.color-name-tool-module__rj0bXa__page{--colors-type-display:clamp(2.6rem, 3.6vw, 3.45rem)}}@media (min-width:761px) and (max-width:1439px){.color-name-tool-module__rj0bXa__page{padding-inline:clamp(1.5rem,3vw,2rem)}}@media (max-width:760px){.color-name-tool-module__rj0bXa__page{--colors-type-display:2.55rem;padding:var(--cs-space-2) var(--cs-space-2) 3rem;margin-top:-2rem}.color-name-tool-module__rj0bXa__workspace{transform:translate(-.25rem)}.color-name-tool-module__rj0bXa__hero{padding:var(--cs-space-3) var(--cs-space-3) var(--cs-space-1);margin-bottom:0}.color-name-tool-module__rj0bXa__targetTabs{width:min(100%,13.5rem)}.color-name-tool-module__rj0bXa__targetTab{min-height:2.15rem;font-size:var(--cs-type-ui-sm-size);line-height:var(--cs-type-ui-sm-line)}.color-name-tool-module__rj0bXa__customPalettePanel{grid-template-columns:minmax(0,1fr)}.color-name-tool-module__rj0bXa__inlineColorPicker .react-colorful{height:10rem;min-height:10rem}.color-name-tool-module__rj0bXa__swatchGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-name-tool-module__rj0bXa__effectGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.color-name-tool-module__rj0bXa__effectOption{min-height:3.15rem;padding:.58rem .6rem}.color-name-tool-module__rj0bXa__previewCanvas{min-height:5.75rem;padding-block:.65rem}}@media (max-width:440px){.color-name-tool-module__rj0bXa__composer,.color-name-tool-module__rj0bXa__outputPanel{border-radius:var(--colors-radius-md)}.color-name-tool-module__rj0bXa__nameField{padding:0}.color-name-tool-module__rj0bXa__targetFieldset{flex-basis:100%}.color-name-tool-module__rj0bXa__targetTabs{width:100%;margin-left:0}.color-name-tool-module__rj0bXa__nameInput{min-height:3.75rem;padding-right:5.75rem}.color-name-tool-module__rj0bXa__nameCounter{min-width:4.45rem;font-size:var(--cs-type-label-sm-size);line-height:var(--cs-type-label-sm-line)}.color-name-tool-module__rj0bXa__nameInputShell .color-name-tool-module__rj0bXa__nameCounter{right:.58rem}.color-name-tool-module__rj0bXa__swatchGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.color-name-tool-module__rj0bXa__swatchButton{grid-template-columns:1.25rem minmax(0,1fr) auto;gap:.44rem;min-height:3.2rem;padding:.54rem .5rem}.color-name-tool-module__rj0bXa__swatchDot{border-radius:var(--cs-radius-pill);width:1.18rem;height:1.18rem}.color-name-tool-module__rj0bXa__swatchLabel{font-size:var(--cs-type-ui-xs-size);line-height:var(--cs-type-ui-xs-line)}.color-name-tool-module__rj0bXa__swatchCode{font-size:var(--cs-type-label-xs-size)}}@media (max-width:540px){.color-name-tool-module__rj0bXa__page{margin-top:-3rem;padding:.55rem .55rem 3rem}}@media (prefers-reduced-motion:reduce){.color-name-tool-module__rj0bXa__targetTabs:before,.color-name-tool-module__rj0bXa__targetTab{transition:none}}