:root{--max-width:1100px;--border-radius:8px;--font-mono:ui-monospace, monospace;--color-mono-dark:#111;--color-mono-light:#fdfdfd;--color-mono-highlight:#e3e3e3;--color-foreground:var(--color-mono-dark);--color-background:var(--color-mono-light);--color-sunset:linear-gradient(90deg, #f9e7bb, #e97cbb,#3d47d9);--color-mint:linear-gradient(45deg, #1ed7b5, #f0f9a7);--color-shadow:linear-gradient(45deg, #295270, #524175);--color-tangerine:linear-gradient(45deg, #ffd78a, #f4762d);--color-wildberry:linear-gradient(45deg, #30c5d2, #471069);--color-cactus:linear-gradient(45deg, #f3f520, #59d102);--color-sea:linear-gradient(45deg, #95f9c3, #0b3866);--color-electric:linear-gradient(45deg, #00ff87, #60efff);--color-cozy:linear-gradient(45deg, #c5f9d7, #f7d486, #f27a7d);--color-primary:#399aaf;--color-player:var(--color-primary);--color-text-player:var(--color-mono-light);--color-undefined:var(--color-foreground)}@media (prefers-color-scheme:dark){:root{--color-foreground:var(--color-mono-light);--color-background:var(--color-mono-dark);--color-mono-highlight:#737373}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;min-height:100vh}body{color:var(--color-foreground);background-color:var(--color-background);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}@media (prefers-color-scheme:light){body{background-image:url(/img/funky-lines.webp)}}main{padding:36px 8px}a{color:inherit;text-decoration:none}svg.playerColor{fill:var(--color-primary);border-radius:100%;max-width:2.1rem;max-height:2rem}header{color:#000;background:#f5f5f5;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:2rem;display:flex}header .credits{font-size:1rem}header>div{align-items:center;gap:16px;display:flex}header .logo tspan{fill:var(--color-background)}.name-color{align-items:center;gap:8px;display:flex}nav{font-size:1rem}main{width:100%;max-width:var(--max-width);flex-flow:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}main.multicolumn{max-width:var(--max-width);grid-template-areas:"context canvas""subcontext prompt";place-items:center;gap:2vw;margin:auto;display:grid}button{font-family:var(--font-abel);font-size:1rem}.button{background:var(--color-mono-highlight);box-shadow:2px 2px 0 var(--color-foreground);border:1px solid var(--color-foreground);color:var(--color-foreground);cursor:pointer;border-radius:8px;max-width:250px;margin:0 auto;padding:8px 16px}.button.highlight{background:var(--color-primary)}button:disabled{opacity:.5;cursor:not-allowed}a:not(.button):hover{text-decoration:underline}input{accent-color:var(--color-primary)}input[type=text],input[name=email],input[type=password]{box-shadow:2px 2px 0 var(--color-foreground);border:1px solid var(--color-foreground);color:var(--color-foreground);border-radius:8px;padding:8px;font-size:1rem}datalist{flex-direction:column;justify-content:space-between;width:200px;display:flex}main aside{text-align:center}main aside h2{margin-bottom:16px}.text-center{text-align:center}.span-2{grid-column-start:span 2}.bg-sunset{--color-player:var(--color-sunset);--color-text-player:var(--color-mono-light)}.bg-mint{--color-player:var(--color-mint);--color-text-player:var(--color-mono-dark)}.bg-shadow{--color-player:var(--color-shadow);--color-text-player:var(--color-mono-light)}.bg-tangerine{--color-player:var(--color-tangerine);--color-text-player:var(--color-mono-dark)}.bg-wildberry{--color-player:var(--color-wildberry);--color-text-player:var(--color-mono-light)}.bg-cactus{--color-player:var(--color-cactus);--color-text-player:var(--color-mono-dark)}.bg-sea{--color-player:var(--color-sea);--color-text-player:var(--color-mono-light)}.bg-electric{--color-player:var(--color-electric);--color-text-player:var(--color-mono-dark)}.bg-cozy{--color-player:var(--color-cozy);--color-text-player:var(--color-mono-dark)}.bg-cactus,.bg-cozy,.bg-electric,.bg-mint,.bg-sea,.bg-shadow,.bg-sunset,.bg-tangerine,.bg-wildberry{background-image:var(--color-player);color:var(--color-text-player)}.generating section,.finished section{text-align:center}.generating,.finished{grid-template-areas:"title""canvas""prompt""actions"}.watch .play-again{display:none}.finished .watch{align-items:flex-start;gap:clamp(8px,10vw,48px);display:flex}.finished .watch>*{flex:1}.finished .watch img{background-color:var(--color-foreground);max-width:50%}@media (prefers-reduced-motion:no-preference){form label{transition:all .1s}}input[type=text]:focus,input[name=email]:focus,input[type=password]:focus,.button:focus{outline:2px solid var(--color-foreground);box-shadow:6px 6px 0 var(--color-foreground)}label:has(input[type=radio]):focus-within{outline:2px solid var(--color-foreground);box-shadow:6px 6px 0 var(--color-foreground)}.sr-only{clip:rect(1px, 1px, 1px, 1px)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.generating .share{display:none}.buy-credits,#payment-element{margin:16px 0}#payment-form{text-align:center;width:100%}.react-aria-Slider{--label-color:var(--color-foreground);--track-color:var(--color-mono-highlight);--thumb-color:var(--color-primary);--thumb-color-dragging:var(--color-primary);--focus-ring-color:var(--color-primary);max-width:300px;color:var(--label-color);grid-template-columns:1fr auto;grid-template-areas:"label output""track track";display:grid}.react-aria-Slider .react-aria-Label{grid-area:label}.react-aria-Slider .react-aria-SliderOutput{grid-area:output}.react-aria-Slider .react-aria-SliderTrack{grid-area:track;position:relative}.react-aria-Slider .react-aria-SliderTrack:before{content:"";background:var(--track-color);display:block;position:absolute}.react-aria-Slider .react-aria-SliderThumb{background:var(--thumb-color);border:2px solid var(--spectrum-alias-background-color-default);border-radius:50%;width:1.429rem;height:1.429rem}.react-aria-Slider .react-aria-SliderThumb[data-dragging]{background:var(--thumb-color-dragging)}.react-aria-Slider .react-aria-SliderThumb[data-focus-visible]{box-shadow:0 0 0 2px var(--focus-ring-color)}.react-aria-Slider[data-orientation=horizontal]{flex-direction:column;width:300px}.react-aria-Slider[data-orientation=horizontal] .react-aria-SliderTrack{width:100%;height:30px}.react-aria-Slider[data-orientation=horizontal] .react-aria-SliderTrack:before{width:100%;height:3px;top:50%;transform:translateY(-50%)}.react-aria-Slider[data-orientation=horizontal] .react-aria-SliderThumb{top:50%}@media (forced-colors:active){.react-aria-Slider{forced-color-adjust:none;--label-color:ButtonText;--track-color:ButtonBorder;--thumb-color:ButtonBorder;--thumb-color-dragging:Highlight;--focus-ring-color:Highlight;--spectrum-alias-background-color-default:Canvas}}.dismiss-toast{color:var(--color-mono-highlight);background:0 0;border:none;margin:-8px -10px;padding:8px 8px 8px 12px}a:not(.button){text-decoration:underline}.react-tooltip{--rt-color-dark:var(--color-player);--rt-color-light:var(--color-player);background:var(--color-mono-highlight);box-shadow:1px 1px 0 var(--color-foreground);border:1px solid var(--color-foreground);z-index:1;border-radius:8px!important;padding:4px 16px!important;font-size:1rem!important}.wide{display:block}.row{justify-content:space-evenly;gap:24px;display:flex}.lg-image{box-shadow:4px 4px 0 var(--color-foreground);border-radius:8px}.play-again-container{flex-wrap:wrap;gap:8px;max-width:300px;margin:16px auto;display:flex}.play-again-container aside{flex:100%}@media screen and (max-width:768px){main>*{order:2}main>.canvas,main>h1{order:1}}
@font-face{font-family:Abel;font-style:normal;font-weight:400;font-display:swap;src:url(../media/623b6ab0177a3502-s.p.1y31a6i5_k26t.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Abel Fallback;src:local(Arial);ascent-override:114.21%;descent-override:34.39%;line-gap-override:0.0%;size-adjust:85.76%}.abel_3dfb004a-module__DQdq2a__className{font-family:Abel,Abel Fallback;font-style:normal;font-weight:400}