:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.color-picker{background:none;border:none;padding:0;display:flex;align-items:center;outline:none;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;font-size:1rem;color:var(--text-color)}.color-picker[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-ColorSwatch{width:32px;height:32px;box-shadow:inset 0 0 0 1px #0000001a}.react-aria-ColorArea{width:192px;height:192px;border-radius:4px;flex-shrink:0}.react-aria-ColorArea[data-disabled],.react-aria-ColorArea[data-disabled] .react-aria-ColorThumb{background:gray!important}.react-aria-ColorThumb{border:2px solid white;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000;width:20px;height:20px;border-radius:50%;box-sizing:border-box}.react-aria-ColorThumb[data-focus-visible]{width:24px;height:24px}.react-aria-ColorSlider{display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;gap:4px;max-width:300px}.react-aria-ColorSlider .react-aria-Label{grid-area:label}.react-aria-ColorSlider .react-aria-SliderOutput{grid-area:output}.react-aria-ColorSlider .react-aria-SliderTrack{grid-area:track;border-radius:4px}.react-aria-ColorSlider[data-orientation=horizontal] .react-aria-SliderTrack{height:28px}.react-aria-ColorSlider[data-orientation=horizontal] .react-aria-ColorThumb{top:50%}.react-aria-ColorSlider[data-orientation=vertical]{height:150px;display:block}.react-aria-ColorSlider[data-orientation=vertical] .react-aria-Label,.react-aria-ColorSlider[data-orientation=vertical] .react-aria-SliderOutput{display:none}.react-aria-ColorSlider[data-orientation=vertical] .react-aria-SliderTrack{width:28px;height:100%}.react-aria-ColorSlider[data-orientation=vertical] .react-aria-ColorThumb{left:50%}.react-aria-ColorSlider[data-disabled] .react-aria-SliderTrack{background:gray!important}.react-aria-ColorSlider[data-disabled] .react-aria-ColorThumb{background:gray!important;opacity:.5}.react-aria-ColorSwatchPicker{display:flex;gap:8px;flex-wrap:wrap}.react-aria-ColorSwatchPickerItem{position:relative;outline:none;border-radius:4px;width:fit-content;forced-color-adjust:none}.react-aria-ColorSwatchPickerItem[data-selected]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid black;outline:2px solid white;outline-offset:-4px;border-radius:inherit}.react-aria-Popover{--background-color: var(--overlay-background);border:1px solid var(--border-color);box-shadow:0 8px 20px #0000001a;border-radius:6px;background:var(--background-color);color:var(--text-color);outline:none;max-width:250px;transition:transform .2s,opacity .2s}.react-aria-Popover .react-aria-OverlayArrow svg{display:block;fill:var(--background-color);stroke:var(--border-color);stroke-width:1px}.react-aria-Popover[data-entering],.react-aria-Popover[data-exiting]{transform:var(--origin);opacity:0}.react-aria-Popover[data-placement=top]{--origin: translateY(8px)}.react-aria-Popover[data-placement=top]:has(.react-aria-OverlayArrow){margin-bottom:6px}.react-aria-Popover[data-placement=bottom]{--origin: translateY(-8px)}.react-aria-Popover[data-placement=bottom]:has(.react-aria-OverlayArrow){margin-top:6px}.react-aria-Popover[data-placement=bottom] .react-aria-OverlayArrow svg{transform:rotate(180deg)}.react-aria-Popover[data-placement=right]{--origin: translateX(-8px)}.react-aria-Popover[data-placement=right]:has(.react-aria-OverlayArrow){margin-left:6px}.react-aria-Popover[data-placement=right] .react-aria-OverlayArrow svg{transform:rotate(90deg)}.react-aria-Popover[data-placement=left]{--origin: translateX(8px)}.react-aria-Popover[data-placement=left]:has(.react-aria-OverlayArrow){margin-right:6px}.react-aria-Popover[data-placement=left] .react-aria-OverlayArrow svg{transform:rotate(-90deg)}.color-picker-dialog{outline:none;padding:15px;display:flex;flex-direction:column;gap:8px;min-width:192px;max-height:inherit;box-sizing:border-box;overflow:auto;background:#1d1d1d}