*,*:before,*:after{box-sizing:border-box}:root{--bg: #ffffff;--fg: #000000;--border: rgba(0,0,0,.25);--bg-transparent: rgba(255,255,255,.125);--bg-transparent-2: rgba(255,255,255,.4);--logo: rgba(0,0,0,.25)}html.dark{--bg: #000000;--fg: #ffffff;--border: rgba(255,255,255,.2);--bg-transparent: rgba(0,0,0,.0125);--bg-transparent-2: rgba(0,0,0,.2);--logo: rgba(255,255,255,.25)}html,body{background:var(--bg);color:var(--fg);transition:background .3s ease,color .3s ease;padding:0;margin:0}.theme{background:transparent;color:var(--fg);border:none;padding:0;cursor:pointer;font-size:20px}.palette-card{border:1px solid var(--border);padding:8px}@media (prefers-color-scheme: dark){html:not(.light):not(.dark){--bg: #000000;--fg: #ffffff;--border: rgba(255,255,255,.125);--bg-transparent: rgba(0,0,0,.0125);--bg-transparent-2: rgba(0,0,0,.2)}}.skeleton{display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#e0e0e0 25%,#f5f5f5,#e0e0e0 75%);background-size:400% 400%;animation:shimmer 1.2s ease infinite}@keyframes shimmer{0%{background-position:0 0}to{background-position:200% 0}}.spin:after{content:"";width:16px;height:16px;border:2px solid var(--fg);border-top-color:transparent;border-radius:50%;display:inline-block;animation:rot .8s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.palette-card.selected{box-shadow:inset 0 0 0 .5px var(--bg-transparent),0 0 32px 1px var(--bg-transparent-2)}.mesh-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;filter:blur(80px) saturate(200%);transition:background .8s ease}@keyframes slowMove{0%{transform:translate(0) scale(1)}to{transform:translate(-10%,-10%) scale(1.15)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.grid-1-2{grid-template-columns:1fr 2fr}.grid-1{grid-teamplate-columns:repeate(1,1fr)}.upload-height{aspect-ratio:1.5/1;width:100%}@media (min-width: 44em){.grid-1-2-l{grid-template-columns:1fr 2fr}}.hide-child .child{transition:opacity .5s ease;opacity:1}.hide-child:hover .child{opacity:0;transition:none}