._popover_ck4if_1{width:212px;padding:10px;display:grid;gap:9px;background:var(--surface);border:1px solid var(--hairline);border-radius:12px;box-shadow:0 10px 32px -12px var(--rim)}._popover_ck4if_1:focus{outline:none}._plane_ck4if_18{position:relative;height:124px;border-radius:8px;cursor:crosshair;touch-action:none;box-shadow:inset 0 0 0 1px var(--rim)}._planeWhite_ck4if_29,._planeBlack_ck4if_30{position:absolute;inset:0;border-radius:inherit;pointer-events:none}._planeWhite_ck4if_29{background:linear-gradient(90deg,#fff,#fff0)}._planeBlack_ck4if_30{background:linear-gradient(0deg,#000,#0000)}._planeThumb_ck4if_45{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #12121e33,0 1px 3px #00000059}._plane_ck4if_18:focus-visible,._hue_ck4if_59:focus-visible{outline:2px solid var(--accent);outline-offset:2px}._hue_ck4if_59{position:relative;height:12px;border-radius:6px;cursor:pointer;touch-action:none;box-shadow:inset 0 0 0 1px var(--rim);background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}._hueThumb_ck4if_85{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #12121e33,0 1px 3px #00000059}._row_ck4if_101{display:flex;align-items:center;gap:6px}._chip_ck4if_107{width:28px;height:28px;flex:none;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--rim)}._hexField_ck4if_115{flex:1;min-width:0;display:flex;align-items:center;gap:1px;padding:0 8px;border-radius:var(--r-sm);border:1px solid var(--hairline);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}._hexField_ck4if_115:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}._hash_ck4if_134{color:var(--text-3);font-family:var(--font-mono);font-size:12px}._hexInput_ck4if_143,._hexInput_ck4if_143:focus-visible{width:100%;min-width:0;border:none;background:none;outline:none;font-family:var(--font-mono);font-size:12px;letter-spacing:.03em;text-transform:uppercase;padding:6px 0}._eyedropper_ck4if_157{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:var(--r-sm);color:var(--text-2);transition:background-color .15s var(--ease),color .15s var(--ease)}._eyedropper_ck4if_157:hover{background:var(--hover);color:var(--text)}._swatches_ck4if_177{display:flex;gap:4px}._swatch_ck4if_177{flex:1;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px var(--rim);transition:transform .18s var(--ease)}._swatch_ck4if_177:hover{transform:scale(1.14)}._swatch_ck4if_177[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--rim),0 0 0 2px var(--surface),0 0 0 3.5px var(--accent)}._foot_ck4if_203{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--hairline)}._position_ck4if_211{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3);font-variant-numeric:tabular-nums}._delete_ck4if_218{padding:3px 7px;border-radius:5px;font-size:12.5px;color:var(--text-2);transition:background-color .15s var(--ease),color .15s var(--ease)}._delete_ck4if_218:hover:not(:disabled){background:var(--hover);color:var(--danger)}._delete_ck4if_218:disabled{opacity:.4;cursor:not-allowed}._wrap_i7hmy_1{position:relative;padding:0 10px}._track_i7hmy_7{position:relative;height:40px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--rim);cursor:copy;touch-action:none}._handle_i7hmy_16{position:absolute;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;display:grid;place-items:center;cursor:grab;touch-action:none}._grip_i7hmy_30{width:16px;height:30px;border-radius:8px;background:var(--stop-color);box-shadow:inset 0 0 0 2.5px #fff,inset 0 0 0 3.5px #12121e24,0 1px 3px #14142b47;transition:transform .28s var(--ease-spring),box-shadow .15s var(--ease)}._handle_i7hmy_16:active{cursor:grabbing}._dragging_i7hmy_48{z-index:3}._dragging_i7hmy_48 ._grip_i7hmy_30{transform:scaleX(1.14) scaleY(.93)}._open_i7hmy_57{z-index:4}._open_i7hmy_57 ._grip_i7hmy_30,._handle_i7hmy_16:focus-visible ._grip_i7hmy_30{box-shadow:inset 0 0 0 2.5px #fff,inset 0 0 0 3.5px #12121e24,0 0 0 3px var(--ring),0 1px 3px #14142b47}._handle_i7hmy_16:focus-visible{outline:none}._popoverAnchor_i7hmy_74{position:absolute;top:calc(100% + 10px);transform:translate(-50%);z-index:20}@media(max-width:480px){._track_i7hmy_7{height:46px}._grip_i7hmy_30{height:34px}}._button_u8gl6_1{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:var(--r-sm);color:var(--text-2);transition:background-color .15s var(--ease),color .15s var(--ease)}._button_u8gl6_1:hover{background:var(--hover);color:var(--text)}._page_nuqxb_1{padding:clamp(28px,6vw,64px) 20px 0}._shell_nuqxb_5{max-width:540px;margin:0 auto}._header_nuqxb_12{display:flex;align-items:flex-start;gap:16px;margin-bottom:40px}._title_nuqxb_19{font-size:22px;font-weight:650;letter-spacing:-.024em;line-height:1.25;flex:1}._subtitle_nuqxb_27{margin-top:2px;font-size:14px;color:var(--text-2)}._header_nuqxb_12>div{flex:1;min-width:0}._section_nuqxb_40{margin-bottom:34px}._sectionHead_nuqxb_44{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:26px;margin-bottom:10px}._label_nuqxb_53{font-size:13px;font-weight:550;color:var(--text-2);letter-spacing:-.005em}._counter_nuqxb_60{font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}._counterMax_nuqxb_66{color:var(--text-3);opacity:.7}._textInput_nuqxb_76,._output_nuqxb_77,._textInput_nuqxb_76:focus-visible,._output_nuqxb_77:focus-visible{width:100%;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-field);outline:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}._textInput_nuqxb_76:focus,._output_nuqxb_77:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}._textInput_nuqxb_76{padding:11px 13px;font-size:15px}._textInput_nuqxb_76::placeholder,._output_nuqxb_77::placeholder{color:var(--text-3)}._output_nuqxb_77{padding:11px 13px;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;letter-spacing:0;color:var(--text-2);resize:vertical;word-break:break-all}._segmented_nuqxb_119{display:flex;gap:1px;padding:2px;border-radius:8px;background:var(--sunken)}._segment_nuqxb_119{padding:3px 9px;border-radius:6px;font-size:12px;font-weight:500;color:var(--text-2);transition:background-color .15s var(--ease),color .15s var(--ease)}._segment_nuqxb_119[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--hairline)}._segment_nuqxb_119:hover:not([aria-checked=true]){color:var(--text)}._toolbar_nuqxb_150{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:16px}._button_nuqxb_158{padding:6px 11px;border-radius:var(--r-sm);border:1px solid var(--hairline);background:var(--surface);font-size:13px;font-weight:500;color:var(--text-2);transition:border-color .15s var(--ease),color .15s var(--ease),background-color .15s var(--ease),opacity .15s var(--ease)}._button_nuqxb_158:hover:not(:disabled){border-color:var(--hairline-2);color:var(--text)}._button_nuqxb_158:active:not(:disabled){background:var(--sunken)}._button_nuqxb_158:disabled{opacity:.42;cursor:not-allowed}._presets_nuqxb_189{display:flex;gap:5px;margin-left:auto}._preset_nuqxb_189{width:30px;height:22px;border-radius:5px;box-shadow:inset 0 0 0 1px var(--rim);transition:transform .18s var(--ease)}._preset_nuqxb_189:hover{transform:translateY(-1px)}._help_nuqxb_209{margin-top:12px;font-size:12px;color:var(--text-3);transition:color .15s var(--ease)}._helpAlert_nuqxb_216{color:var(--accent)}._preview_nuqxb_222{display:grid;place-items:center;min-height:104px;padding:22px 16px;border-radius:var(--r-field);background:var(--surface);border:1px solid var(--hairline)}._previewText_nuqxb_232{font-size:clamp(26px,7vw,36px);font-weight:650;letter-spacing:-.02em;line-height:1.3;text-align:center;overflow-wrap:anywhere;white-space:pre-wrap}._previewEmpty_nuqxb_242{font-size:13px;color:var(--text-3)}._copyButton_nuqxb_249{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;padding:11px 16px;border-radius:var(--r-field);background:var(--solid);color:var(--solid-ink);font-size:14px;font-weight:550;transition:opacity .15s var(--ease),background-color .2s var(--ease)}._copyButton_nuqxb_249:hover{opacity:.86}._copyButton_nuqxb_249:active{opacity:.72}._footer_nuqxb_277{margin:48px 0 40px;text-align:center;font-size:12.5px;color:var(--text-3)}._heart_nuqxb_284{transition:color .25s var(--ease)}@media(max-width:480px){._page_nuqxb_1{padding-left:16px;padding-right:16px}._presets_nuqxb_189{margin-left:0;margin-top:2px}}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Segoe UI Variable Text", "Segoe UI", system-ui, "Malgun Gothic", sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Cascadia Mono", Consolas, monospace;--r-field: 10px;--r-sm: 7px;--ease: cubic-bezier(.32, .72, 0, 1);--ease-spring: cubic-bezier(.34, 1.5, .64, 1)}:root[data-theme=light]{--bg: #faf9fb;--surface: #ffffff;--sunken: #f2f1f4;--hairline: #e5e3e9;--hairline-2: #d0cdd7;--text: #17171a;--text-2: #76737e;--text-3: #a6a3ae;--accent: #7f74cf;--ring: rgba(127, 116, 207, .3);--solid: #1b1b1f;--solid-ink: #ffffff;--hover: rgba(20, 18, 30, .055);--rim: rgba(18, 18, 30, .16);--danger: #c2415a}:root[data-theme=dark]{--bg: #0a0a0c;--surface: #151518;--sunken: #101013;--hairline: #292930;--hairline-2: #3b3b44;--text: #f2f1f4;--text-2: #918e9b;--text-3: #66636e;--accent: #a89ff0;--ring: rgba(168, 159, 240, .32);--solid: #f2f1f4;--solid-ink: #121215;--hover: rgba(255, 255, 255, .065);--rim: rgba(0, 0, 0, .5);--danger: #e88097}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.5;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea{font:inherit;letter-spacing:inherit;color:inherit}button{background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}svg{display:block;flex:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--ring)}*{scrollbar-color:var(--hairline-2) transparent;scrollbar-width:thin}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}