.swatch[data-v-35091a9f]{cursor:pointer;width:100%;height:100%;min-height:100%;transition:background-color 1.2s cubic-bezier(.22,1,.36,1);display:block}.swatch--inactive[data-v-35091a9f]{pointer-events:none}.palette-popover[data-v-5daf8ec9]{z-index:9999;pointer-events:auto;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed}.palette-popover__hex[data-v-5daf8ec9],.palette-popover__copy[data-v-5daf8ec9]{white-space:nowrap;letter-spacing:.04em;border:0;border-radius:999px;justify-content:center;align-items:center;width:max-content;padding:.6rem .8rem;font-size:.9rem;font-weight:700;line-height:1;display:inline-flex}.palette-popover__hex[data-v-5daf8ec9]{color:#000;background:#fff}.palette-popover__copy[data-v-5daf8ec9]{color:#fff;cursor:pointer;background:#000}@media (width<=700px){.palette-popover__hex[data-v-5daf8ec9]{padding:.55rem .72rem;font-size:.82rem}.palette-popover__copy[data-v-5daf8ec9]{font-size:.78rem}}.palette-grid[data-v-b2652a0d]{background:#000;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.palette-grid__cell[data-v-b2652a0d]{flex:none;min-width:0;height:100%;transition:width .9s cubic-bezier(.22,1,.36,1),opacity .22s;position:relative}.palette-grid__cell[data-v-b2652a0d]:not(.palette-grid__cell--active){pointer-events:none}.segmented-control[data-v-7294a6e6]{background:#ffffff05;border:1px solid #ffffff24;border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;align-items:center;width:100%;padding:.25rem;display:grid;position:relative}.segmented-control__highlight[data-v-7294a6e6]{z-index:0;background:#fff;border-radius:999px;transition:transform .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1);position:absolute;top:.25rem;bottom:.25rem;left:0}.segmented-control__item[data-v-7294a6e6]{z-index:1;color:#ffffffb8;width:100%;min-width:0;font:inherit;text-align:center;white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:.6rem 1rem;font-size:.95rem;transition:color .18s;display:flex;position:relative}.segmented-control__item.is-active[data-v-7294a6e6]{color:#000}.menu-overlay[data-v-51a764bf]{z-index:90;pointer-events:none;background:0 0;transition:background-color .32s;position:fixed;inset:0}.menu-overlay.is-open[data-v-51a764bf]{pointer-events:auto;background:#000}.menu-panel[data-v-51a764bf]{color:#fff;text-align:center;background:#000;flex-direction:column;align-items:center;width:100%;height:100%;padding:6rem 1.5rem 2rem;transition:transform .42s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;transform:translate(100%)}.menu-panel.is-open[data-v-51a764bf]{transform:translate(0)}.palette-preview[data-v-51a764bf]{justify-content:center;align-items:center;margin-top:auto;margin-bottom:2rem;display:flex}.palette-swatch[data-v-51a764bf]{border:4px solid #000;border-radius:999px;flex:none;width:48px;height:48px;margin-left:-12px;position:relative}.palette-swatch[data-v-51a764bf]:first-child{margin-left:0}.menu-section[data-v-51a764bf]{flex-direction:column;align-items:center;width:100%;max-width:420px;margin-bottom:2rem;display:flex}.menu-title[data-v-51a764bf]{color:#ffffff8c;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .9rem;font-size:.9rem;font-weight:700}.menu-toggle[data-v-51a764bf],.menu-export[data-v-51a764bf]{width:min(100%,280px)}.menu-stepper[data-v-51a764bf],.menu-generate[data-v-51a764bf],.export-button[data-v-51a764bf]{color:#fff;background:#ffffff05;border:1px solid #ffffff24;border-radius:999px}.menu-stepper[data-v-51a764bf]{align-items:center;display:inline-flex;overflow:hidden}.stepper-button[data-v-51a764bf]{width:3rem;height:3rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;font-size:1.4rem;line-height:1}.stepper-value[data-v-51a764bf]{text-align:center;min-width:4.5rem;font-size:1.1rem}.menu-export[data-v-51a764bf]{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.export-button[data-v-51a764bf]{width:100%;min-width:5.5rem;font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:.85rem 1.15rem;font-size:.95rem;font-weight:700}.menu-generate[data-v-51a764bf]{cursor:pointer;width:100%;padding:1rem 1.2rem;font-size:1rem;font-weight:700}.menu-footer[data-v-51a764bf]{color:#ffffff73;letter-spacing:.04em;text-align:center;margin-top:auto;font-size:.85rem;line-height:1.6}a[data-v-51a764bf]{color:#ccc;text-decoration:none}a[data-v-51a764bf]:hover{text-decoration:underline}.menu-section[data-v-51a764bf]:last-of-type{margin-bottom:auto}.section-palette-source[data-v-51a764bf],.section-colormodel[data-v-51a764bf],.section-new-palette[data-v-51a764bf],.section-steps[data-v-51a764bf]{display:none}.toast-wrap[data-v-e77a4ace]{left:50%;bottom:calc(1.1rem + env(safe-area-inset-bottom,0px));z-index:120;opacity:0;pointer-events:none;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .22s;position:fixed;transform:translate(-50%,18px)}.toast-wrap--visible[data-v-e77a4ace]{opacity:1;transform:translate(-50%)}.toast[data-v-e77a4ace]{color:#000;white-space:nowrap;background:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.8rem 2rem;font-size:.92rem;font-weight:700;line-height:1.2;display:inline-flex}.app-shell[data-v-ec86a155]{background:#0f0f10;width:100%;height:100dvh;position:relative;overflow:hidden}.logo-layer[data-v-ec86a155]{z-index:100;pointer-events:auto;position:absolute;top:1.1rem;left:1.1rem}.ui-layer[data-v-ec86a155]{z-index:20;pointer-events:none;position:absolute;inset:0;overflow:visible}.ui-slot[data-v-ec86a155]{pointer-events:auto;position:absolute}.ui-slot--bottom-left[data-v-ec86a155]{bottom:calc(1.1rem + env(safe-area-inset-bottom,0px));left:1.1rem}.ui-slot--bottom-right[data-v-ec86a155]{bottom:calc(1.1rem + env(safe-area-inset-bottom,0px));gap:.6rem;display:flex;right:1.1rem}.logo-button[data-v-ec86a155]{color:#000;cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;margin:0;padding:0;transition:color .28s;display:inline-flex}.logo-button--menu-open[data-v-ec86a155]{color:#fff}.logo-mark[data-v-ec86a155]{width:126px;height:auto;display:block}.circle-button[data-v-ec86a155]{color:#fff;cursor:pointer;width:3rem;height:3rem;box-shadow:none;background:#000;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;line-height:1;transition:all .18s;display:inline-flex}.circle-button[data-v-ec86a155]:hover{background-color:#fff}.circle-button:hover .circle-button__icon[data-v-ec86a155]{color:#000}.menu-toggle[data-v-ec86a155]{z-index:110;color:#000;cursor:pointer;background:0 0;border:0;width:4.2rem;height:4.2rem;padding:0;transition:color .28s;display:block;position:absolute;top:1.1rem;right:1.1rem;overflow:visible;transform:translate(22px,-22px)}.menu-toggle--open[data-v-ec86a155]{color:#fff}.menu-toggle__line[data-v-ec86a155]{transform-origin:50%;background:currentColor;border-radius:999px;width:1.8rem;height:4px;margin-top:-2px;margin-left:-.9rem;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .18s;position:absolute;top:50%;left:50%}.menu-toggle__line--top[data-v-ec86a155]{transform:translateY(-9px)}.menu-toggle__line--middle[data-v-ec86a155]{transform:translateY(0)}.menu-toggle__line--bottom[data-v-ec86a155]{transform:translateY(9px)}.menu-toggle--open .menu-toggle__line--top[data-v-ec86a155]{transform:rotate(45deg)}.menu-toggle--open .menu-toggle__line--middle[data-v-ec86a155]{opacity:0}.menu-toggle--open .menu-toggle__line--bottom[data-v-ec86a155]{transform:rotate(-45deg)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:#0b0b0d;overflow:hidden}button,select,input,textarea{font:inherit}button,select{appearance:none}button{-webkit-tap-highlight-color:transparent}svg{display:block}body,button,select,input,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}