:root{color:#171713;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2f1ef;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button,a{font-family:inherit}::selection{color:#f2f1ef;background:#343330}@font-face{font-family:PP Mori;src:url(/fonts/PPMori-Extralight.otf)format("opentype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:PP Mori;src:url(/fonts/PPMori-ExtralightItalic.otf)format("opentype");font-style:italic;font-weight:200;font-display:swap}@font-face{font-family:PP Mori;src:url(/fonts/PPMori-Regular.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:PP Mori;src:url(/fonts/PPMori-RegularItalic.otf)format("opentype");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:PP Mori;src:url(/fonts/PPMori-SemiBold.otf)format("opentype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:PP Mori;src:url(/fonts/PPMori-SemiBoldItalic.otf)format("opentype");font-style:italic;font-weight:600;font-display:swap}.option-wheel{--ow-text-color:#a6a6a6;--ow-active-color:#3b3b39;--ow-font-size:3rem;--ow-inset:80px;--ow-blur:0px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;outline:none;width:100%;height:100%;position:relative;overflow:visible}.option-wheel--dragging{cursor:grabbing}.option-wheel__item{top:50%;left:var(--ow-inset);white-space:nowrap;font-size:var(--ow-font-size);letter-spacing:0;transform-origin:0;cursor:pointer;will-change:transform, opacity, filter;color:color-mix(in srgb, var(--ow-active-color) calc(var(--ow-p,0) * 100%), var(--ow-text-color));filter:blur(var(--ow-blur));padding-block:.16em;font-family:PP Mori,sans-serif;font-weight:200;line-height:1;transition:color .15s ease-in-out;position:absolute}.option-wheel--right .option-wheel__item{left:auto;right:var(--ow-inset);transform-origin:100%}.option-wheel__item--focused{color:#0000;background-image:url(/assets/cover-bg-tastemaxxing.jpg);background-repeat:no-repeat;background-size:300% 300%;background-position:var(--ow-texture-position,center);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.option-wheel__item--selected{color:var(--ow-active-color);-webkit-text-fill-color:var(--ow-active-color);background-image:none;-webkit-background-clip:border-box;background-clip:border-box}.option-wheel__item:hover{color:var(--ow-active-color)}.option-wheel:focus-visible:after{content:"";pointer-events:none;border:1px solid #1717132e;border-radius:40px;position:absolute;inset:10% 8%}@media (prefers-reduced-motion:reduce){.option-wheel__item{transition:none}}:root{--paper:#f2f1ef;--ink:#171713;--glass:#f2f1efe6;--resize-dur:.7s;--resize-ease:cubic-bezier(.22, 1, .36, 1);--stagger-dur:.5s;--stagger-distance:12px;--stagger-stagger:40ms;--stagger-blur:3px;--stagger-ease:cubic-bezier(.22, 1, .36, 1);--pulse-dur:.68s;--reveal-dur:.32s;--reveal-blur:2px;--reveal-ease:ease-in-out;--image-generation-step-duration:.5s}@property --generation-trace-angle{syntax:"<angle>";inherits:false;initial-value:0deg}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}.demo-shell{background:var(--paper);height:100svh;min-height:620px;color:var(--ink);position:relative;overflow:hidden}.site-header{z-index:20;box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:26px 30px;font-size:16px;line-height:1;display:grid;position:absolute;top:0;left:0}.site-header button{cursor:pointer;background:0 0;border:0;width:max-content;padding:0}.site-header button:last-child{justify-self:end}.site-header button:hover,.site-header button:focus-visible{opacity:.55}.site-header button:focus-visible,.expand-button:focus-visible,.result-action:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.demo-workspace{width:100%;height:100%;position:relative}.demo-workspace:before{content:"";z-index:2;opacity:0;pointer-events:none;transition:opacity .7s var(--resize-ease);background:#f2f1ef;position:absolute;inset:0}.demo-workspace--noise:before,.demo-workspace--prompt:before{opacity:1}.wheel-shell{z-index:1;width:31vw;min-width:390px;height:min(775px,100svh - 150px);transition:opacity var(--duration-slow,.4s) var(--ease-in-out,ease-in-out), filter var(--duration-slow,.4s) var(--ease-in-out,ease-in-out);position:absolute;top:50%;transform:translateY(-50%)}.wheel-shell--left{left:-48px}.wheel-shell--right{right:-48px}.demo-workspace--prompt .wheel-shell{opacity:0;filter:blur(3px);pointer-events:none}.center-stage{z-index:5;isolation:isolate;background:#d7d0d1;border-radius:60px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff1f}.center-stage--selected{border-radius:999px;width:min(600px,100vw - 48px);height:24px}.center-stage--selected:has(.noise-chip){height:72px}.center-stage--noise{border-radius:30px;width:min(793px,64vw,100vw - 48px);height:600px}.center-stage--prompt{border-radius:30px;width:min(1430px,76vw);height:min(800px,100svh - 150px)}.center-stage--result{width:min(621px,42vw);height:min(800px,100svh - 150px)}.center-stage--result .stage-art{transform-origin:50%;transform:scale(3.4)}.stage-art,.opening-art{z-index:-2;filter:saturate(.7)contrast(.92);background-image:url(/assets/cover-bg-tastemaxxing.jpg);background-position:54% 47%;background-size:cover;position:absolute;inset:-16%}.center-stage:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#f0eceb33;position:absolute;inset:0}.prompt-field-content{z-index:1;box-sizing:border-box;align-items:center;height:100%;padding:12px;display:flex;position:relative}.prompt-field-content--selected{justify-content:space-between}.prompt-field-content--noise{justify-content:flex-start;align-items:flex-start}.prompt-chip-list{flex-wrap:wrap;flex:1;justify-content:flex-start;align-items:center;gap:4px;min-width:0;display:flex}.expand-button,.result-action{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;width:48px;height:48px;transition:transform .25s var(--resize-ease), background-color .25s ease;background:#f2f1efb8;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;box-shadow:inset 0 0 0 1px #ffffff94}.expand-button{margin-left:auto;animation:.25s cubic-bezier(.22,1,.36,1) both expand-button-in}.expand-button img{width:20px;height:20px}.expand-button:hover,.result-action:hover{background:#ffffffe6;transform:scale(.94)}.noise-chip{color:#41403f;letter-spacing:0;white-space:nowrap;background:#f2f1efe6;border-radius:999px;flex:none;place-items:center;font-family:Geist Pixel,monospace;font-size:28px;line-height:1.15;display:grid;position:relative;overflow:hidden}.noise-chip--selected{color:var(--paper);transition:background-color var(--resize-dur) var(--resize-ease), color var(--resize-dur) var(--resize-ease);background:#41403f;padding:8px 16px}.prompt-field-content--selected .noise-chip--selected{background:var(--paper);color:#454442}.noise-chip .t-skel-skeleton,.noise-chip .t-skel-content{grid-area:1/1}.noise-chip .t-skel-skeleton{z-index:1;border-radius:inherit;opacity:1;filter:blur();transition:opacity var(--reveal-dur) var(--reveal-ease), filter var(--reveal-dur) var(--reveal-ease);overflow:hidden}.noise-chip .t-skel-skeleton>span{border-radius:inherit;width:100%;height:100%;min-height:1.15em;animation:noise-chip-shimmer var(--pulse-dur) linear infinite;background:linear-gradient(105deg,#fff 18%,#e0e0e0 47%,#fff 72%) 0 0/220% 100%;display:block}.noise-chip .t-skel-content{z-index:2;opacity:0;filter:blur(var(--reveal-blur));transition:opacity var(--reveal-dur) var(--reveal-ease), filter var(--reveal-dur) var(--reveal-ease);text-align:center;justify-content:center;align-items:center;padding:8px 16px;display:flex}.noise-chip.is-revealed .t-skel-skeleton{opacity:0;filter:blur(var(--reveal-blur))}.noise-chip.is-revealed .t-skel-content{opacity:1;filter:blur()}.prompt-scroll{z-index:1;box-sizing:border-box;scroll-behavior:auto;scrollbar-width:none;animation:stage-content-in .5s var(--resize-ease) both;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:40px 40px 190px;display:flex;position:absolute;inset:0;overflow:auto}.prompt-scroll::-webkit-scrollbar{display:none}.prompt-meta{z-index:2;gap:8px;width:max-content;margin:0 0 28px auto;display:flex;position:sticky;top:0}.prompt-meta span{color:#4b4948;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f2f1efe0;border-radius:999px;padding:9px 14px;font-family:Geist Pixel,monospace;font-size:13px}.json-prompt{color:#4b4948;text-align:left;white-space:pre-wrap;flex:none;align-self:flex-start;width:min(1180px,100% - 30px);margin:0;font-family:Geist Pixel,monospace;font-size:24px;font-weight:400;line-height:1.35}.json-prompt-row{justify-content:flex-start;align-items:flex-start;min-width:0;margin-bottom:4px;display:flex}.json-prompt-row:last-child{margin-bottom:0}.json-prompt-line{box-sizing:border-box;color:#000;overflow-wrap:anywhere;min-width:0;max-width:100%;transition:background-color .32s var(--ease-in-out,ease-in-out);background-color:#f2f1ef00;border-radius:12px;margin:0;padding:6px 10px;display:inline-block}.json-prompt-line.is-complete{background-color:#f2f1ef}.json-key{color:#9a5df3}.json-string{color:#494847}.json-brace{color:#252422}.stage-status{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f2f1efd1;border-radius:999px;align-items:center;gap:9px;padding:10px 14px;font-size:13px;display:flex;position:absolute;bottom:22px;right:22px}.noise-status{z-index:4;color:#f2f1efbd;letter-spacing:0;pointer-events:none;font-family:PP Mori,sans-serif;font-size:clamp(46px,5.5vw,72px);font-weight:300;line-height:.95;position:absolute;bottom:24px;left:24px}.noise-ellipsis{width:.7em;display:inline-flex}.noise-ellipsis i{opacity:0;font-style:normal;animation-duration:1.35s;animation-timing-function:step-end;animation-iteration-count:infinite}.noise-ellipsis i:first-child{animation-name:noise-dot-one}.noise-ellipsis i:nth-child(2){animation-name:noise-dot-two}.noise-ellipsis i:nth-child(3){animation-name:noise-dot-three}.status-spinner{border:1.5px solid #1717133d;border-top-color:var(--ink);border-radius:50%;width:12px;height:12px;animation:.9s linear infinite spin}.result-frame{z-index:1;animation:result-in .7s var(--resize-ease) both;position:absolute;inset:0;overflow:hidden}.image-generation{z-index:1;border-radius:inherit;animation:stage-content-in var(--image-generation-step-duration) var(--resize-ease) both;position:absolute;inset:0;overflow:hidden}.image-generation--resolving:before{content:"";z-index:2;border-radius:inherit;background:conic-gradient(from var(--generation-trace-angle), #ffffff14 0deg 292deg, #ffffff3d 309deg, #ffffffad 326deg, #fffffffa 338deg, #ffffff6b 351deg, #ffffff14 360deg);-webkit-mask-composite:xor;pointer-events:none;animation:generation-border-trace var(--image-generation-step-duration) linear infinite;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.twinkle-field{z-index:3;pointer-events:none;grid-template-rows:repeat(24,1fr);grid-template-columns:repeat(32,1fr);display:grid;position:absolute;inset:0;overflow:hidden}.twinkle-field i{width:var(--twinkle-size);height:var(--twinkle-size);animation:twinkle var(--twinkle-duration) ease-in-out var(--twinkle-delay) infinite;background:#ffffffe0;border-radius:50%;place-self:center;box-shadow:0 0 4px 1px #ffffff29}.blurred-result{z-index:1;animation:blurred-image-in var(--image-generation-step-duration) var(--resize-ease) both;position:absolute;inset:0;overflow:hidden}.blurred-result img{object-fit:cover;object-position:center;width:100%;height:100%;filter:blur(var(--image-blur));transition:filter var(--image-generation-step-duration) var(--resize-ease), transform var(--image-generation-step-duration) var(--resize-ease);display:block;transform:scale(1.06)}.result-frame>img{object-fit:cover;object-position:center;width:100%;height:100%;transform:scale(1.06) translate(var(--result-parallax-x,0px), var(--result-parallax-y,0px));transition:transform .5s var(--resize-ease);will-change:transform}.result-action{width:60px;height:60px;box-shadow:none;color:#fff;cursor:pointer;background:#39698e94;border:0;place-items:center;padding:0;text-decoration:none;display:grid;position:absolute}.result-action__icon{width:30px;height:30px}.result-action--download{top:20px;right:18px}.result-action--again{background:#b49774ad;bottom:19px;left:20px}.about-panel{z-index:30;box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f2f1efdb;border-radius:16px;width:min(390px,100vw - 40px);max-height:calc(100svh - 92px);padding:22px;font-size:15px;line-height:1.4;position:absolute;top:62px;right:30px;overflow-y:auto;box-shadow:0 16px 50px #36322f1f}.about-panel strong{margin-bottom:8px;font-size:18px;font-weight:500}.about-panel__paragraph{margin-top:1em}.about-panel__noise{background:#e9e5dd;border-radius:16px;gap:16px;margin-top:1em;padding:16px;display:grid}.about-panel__noise-label{color:#171713;background:#faf9f6;border:1px solid #cecdc8;border-radius:8px;width:max-content;padding:8px;font-size:12px;line-height:1.15}.about-panel__noise-card{color:#4f4f4f;background:#fbf9f5;border-radius:16px;margin:0;padding:16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:500;line-height:1.35}.about-panel__noise-card strong{color:#2d9cdb;font:inherit;font-weight:700}.about-panel__expanded-prompt{background:#e9e5dd;border-radius:16px;margin-top:1em;padding:16px}.about-panel__expanded-prompt-labels{flex-wrap:wrap;gap:4px 8px;display:flex}.about-panel__expanded-prompt-labels span{color:#171713;background:#faf9f6;border:1px solid #cecdc8;border-radius:8px;padding:8px;font-size:12px;line-height:1.15}.about-panel__expanded-prompt pre{overflow-wrap:anywhere;white-space:pre-wrap;color:#4f4f4f;margin:16px 0 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:500;line-height:1.35}.about-panel__expanded-prompt pre code{font:inherit}.about-panel__json-key{color:#9b51e0}.about-panel__diagram{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;margin-top:1em;display:none}.about-panel__raw-prompt{box-sizing:border-box;background:#e9e5dd;border-radius:16px;width:100%;margin-top:1em;padding:16px}.about-panel__raw-prompt-label{color:#171713;background:#faf9f6;border:1px solid #cecdc8;border-radius:8px;width:max-content;padding:8px;font-size:12px;line-height:1.15;display:block}.about-panel__raw-prompt code{color:#2d9cdb;margin-top:16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:500;line-height:1.35;display:block}.about-panel--centered{left:50%;right:auto;transform:translate(-50%)}.about-panel--centered strong{font-size:inherit}.opening{z-index:100;background:var(--paper);cursor:pointer;animation:3.2s linear forwards opening-layer-out;position:fixed;inset:0;overflow:hidden}.opening-card{width:calc(100% - 80px);height:calc(100% - 80px);animation:opening-collapse 3.2s var(--resize-ease) forwards;will-change:width, height, top, left, border-radius;border-radius:60px;place-items:center;display:grid;position:absolute;top:40px;left:40px;overflow:hidden}.opening-art{z-index:0;filter:saturate(.72)contrast(.9);animation:opening-art-drift 3.2s var(--resize-ease) forwards;background-position:50%;inset:-12%}.opening-card:after{content:"";z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3c393708;position:absolute;inset:0}.opening h1{z-index:2;color:#fff;letter-spacing:-.045em;margin:0;font-size:clamp(44px,4.2vw,80px);font-weight:400;line-height:1.15;animation:3.2s forwards opening-title-out;position:relative}.opening h1 span{margin-left:.18em}.t-resize{transition:width var(--resize-dur) var(--resize-ease), height var(--resize-dur) var(--resize-ease);will-change:width, height}.t-stagger-line{opacity:0;transform:translateY(var(--stagger-distance));filter:blur(var(--stagger-blur));transition:opacity var(--stagger-dur) var(--stagger-ease), transform var(--stagger-dur) var(--stagger-ease), filter var(--stagger-dur) var(--stagger-ease);will-change:transform, opacity, filter;display:block}.t-stagger-line--2{transition-delay:var(--stagger-stagger)}.t-stagger.is-shown .t-stagger-line{opacity:1;filter:blur();transform:translateY(0)}@keyframes stage-content-in{0%{opacity:0;filter:blur(3px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes chip-in{0%{opacity:0;filter:blur(3px);transform:scale(.92)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes noise-chip-shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}@keyframes noise-dot-one{0%,7%{opacity:0}8%,90%{opacity:1}91%,to{opacity:0}}@keyframes noise-dot-two{0%,21%{opacity:0}22%,90%{opacity:1}91%,to{opacity:0}}@keyframes noise-dot-three{0%,35%{opacity:0}36%,90%{opacity:1}91%,to{opacity:0}}@keyframes selected-word-in{0%{opacity:0;filter:blur(2px);transform:translateY(4px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes expand-button-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes result-in{0%{opacity:0;filter:blur(8px);transform:scale(1.035)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes generation-border-trace{to{--generation-trace-angle:360deg}}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.65)}45%{opacity:1;transform:scale(1.55)}58%{opacity:.38;transform:scale(.85)}}@keyframes blurred-image-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes opening-collapse{0%,26%{border-radius:60px;width:calc(100% - 80px);height:calc(100% - 80px);top:40px;left:40px}47%{border-radius:54px;width:75vw;height:72vh;top:14vh;left:12.5vw}70%{border-radius:50px;width:97vw;height:23.5vh;top:38.2vh;left:1.5vw}to{border-radius:0;width:100%;height:0;top:50%;left:0}}@keyframes opening-title-out{0%,66%{opacity:1;filter:blur();transform:scale(1)}82%,to{opacity:0;filter:blur(5px);transform:scale(.94)}}@keyframes opening-art-drift{0%{transform:scale(1.04)translateY(0)}to{transform:scale(1.16)translateY(-4%)}}@keyframes opening-layer-out{0%,94%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.noise-chip .t-skel-skeleton,.noise-chip .t-skel-content,.wheel-shell{transition:none!important}.noise-chip .t-skel-skeleton>span{animation:none!important}.twinkle-field i{opacity:.72;animation:none!important}.noise-ellipsis i{opacity:1;animation:none!important}}@media (width<=1100px){.site-header{padding:20px;font-size:16px}.wheel-shell{min-width:330px}.wheel-shell--left{left:-65px}.wheel-shell--right{right:-65px}}@media (width<=720px){.demo-shell{min-height:540px}.site-header{grid-template-columns:1fr 1fr}.site-header>.demo-purpose{display:none}.wheel-shell{width:60vw;min-width:270px;height:62svh;top:43%}.wheel-shell--left{left:-105px}.wheel-shell--right{right:-105px}.wheel-shell .option-wheel{--ow-font-size:2.55rem!important}.center-stage{border-radius:34px;top:74%}.center-stage--selected{width:calc(100vw - 28px);height:auto}.center-stage--noise,.center-stage--prompt,.center-stage--result{width:calc(100vw - 28px);height:calc(100svh - 116px);top:52%}.center-stage--result{width:min(72vw,430px)}.center-stage--noise{height:auto}.prompt-field-content{padding:8px}.prompt-chip-list{gap:6px}.expand-button{width:76px;height:76px}.expand-button img{width:42px;height:42px}.noise-chip{font-size:17px}.noise-chip--selected,.noise-chip .t-skel-content{padding:9px 13px}.prompt-scroll{padding:24px 18px 150px}.prompt-meta{flex-wrap:wrap;width:auto;margin-bottom:20px}.json-prompt{width:100%;font-size:14px}.result-action{width:60px;height:60px}.opening-card{border-radius:34px;width:calc(100% - 28px);height:calc(100% - 28px);top:14px;left:14px}.opening h1{font-size:40px}}@media (prefers-reduced-motion:reduce){.t-resize,.t-stagger-line{transition:none!important}.prompt-scroll{scroll-behavior:auto}.opening,.opening-card,.opening-art,.opening h1,.expand-button,.result-frame,.result-frame>img,.prompt-scroll,.status-spinner{animation-duration:1ms!important;animation-delay:0s!important}.result-frame>img{transition:none!important;transform:none!important}.image-generation{animation-duration:1ms!important;animation-delay:0s!important}.image-generation:before{animation:none!important}.blurred-result,.blurred-result img{transition:none!important;animation:none!important}}
