.sparkle-button{--transition:0.25s;--spark:1.8s;--active:1;--play-state:running;--h:260;--h2:calc(var(--h) + 10);--l:56%;isolation:isolate;font-size:13.5px;flex:none}.sparkle-button,.sparkle-button button{position:relative;height:36px;display:flex}.sparkle-button button{--cut:0.1em;--bg:radial-gradient(40% 50% at center 100%,hsl(var(--h2) calc(var(--active) * 97%) calc(var(--l) + 16%)/var(--active)),transparent),radial-gradient(80% 100% at center 120%,hsl(var(--h) calc(var(--active) * 97%) calc(var(--l) + 14%)/var(--active)),transparent),hsl(var(--h) calc(var(--active) * 97%) calc((var(--active) * (var(--l) - 12%)) + 12%));background:var(--bg);font:inherit;font-weight:600;line-height:1;border:0;cursor:pointer;padding:0 1.15em 0 .95em;align-items:center;gap:.35em;white-space:nowrap;border-radius:100px;color:#fff;box-shadow:0 .05em 0 0 hsl(var(--h) calc(var(--active) * 97%) calc((var(--active) * 50%) + 30%)) inset,0 -.05em 0 0 hsl(var(--h) calc(var(--active) * 97%) calc(var(--active) * 60%)) inset;transition:box-shadow var(--transition),scale var(--transition),background var(--transition),filter var(--transition);scale:1}.sparkle-button button:hover{filter:brightness(1.08)}.sparkle-button button:active{scale:.97}.sparkle-button svg{overflow:visible!important}.sparkle-button .sparkle{inline-size:1.35em;block-size:1.35em;translate:-10% -5%;position:relative;z-index:1}.sparkle-button .sparkle path{color:hsl(0 0% calc((var(--active, 0) * 70%) + var(--base)));transform-box:fill-box;transform-origin:center;fill:currentColor;stroke:currentColor;animation-delay:calc((var(--transition) * 1.5) + (var(--delay) * 1s));animation-duration:.6s;transition:color var(--transition)}.sparkle-button button:is(:hover,:focus-visible) .sparkle path{animation-name:sb-bounce}@keyframes sb-bounce{35%,65%{scale:var(--scale)}}.sparkle-button .sparkle path:first-of-type{--scale:0.5;--delay:0.1;--base:40%}.sparkle-button .sparkle path:nth-of-type(2){--scale:1.5;--delay:0.2;--base:20%}.sparkle-button .sparkle path:nth-of-type(3){--scale:2.5;--delay:0.35;--base:30%}.sparkle-button .sparkle-loader{inline-size:1.2em;block-size:1.2em;position:relative;z-index:1;animation:sb-spin 1s linear infinite}@keyframes sb-spin{to{transform:rotate(1turn)}}.sparkle-button .spark{position:absolute;inset:0;border-radius:100px;rotate:0deg;overflow:hidden;isolation:isolate;contain:paint;transform:translateZ(0)}.sparkle-button .spark:before{content:"";position:absolute;width:200%;aspect-ratio:1;top:50%;left:50%;z-index:0;translate:-50% -50%;transform:rotate(0deg);opacity:calc((var(--active)) + .4);background:conic-gradient(from 0deg,transparent 0 340deg,white 1turn);transition:opacity var(--transition);animation:sb-rotate var(--spark) linear infinite both}@keyframes sb-rotate{to{transform:rotate(1turn)}}.sparkle-button .spark:after{content:"";position:absolute;inset:var(--cut);border-radius:100px}.sparkle-button .backdrop{position:absolute;inset:var(--cut);background:linear-gradient(to bottom,rgb(255 255 255/.18),transparent 46%),var(--bg);box-shadow:inset 0 1.5px 0 hsl(var(--h) 97% 88%/.95),inset 0 4px 5px -3px rgb(255 255 255/.45),inset 0 -1.5px 0 hsl(var(--h) 97% 68%/.9),inset 0 -4px 5px -3px hsl(var(--h) 80% 20%/.3);border-radius:100px;transition:background var(--transition)}.sparkle-button .particle-pen{contain:paint;isolation:isolate;position:absolute;width:200%;aspect-ratio:1;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(white,transparent 65%);mask:radial-gradient(white,transparent 65%);z-index:-1;pointer-events:none;opacity:var(--active,0);transition:opacity var(--transition)}.sparkle-button .particle{fill:white;width:calc(var(--size, .25) * 1em);aspect-ratio:1;position:absolute;top:calc(var(--y) * 1%);left:calc(var(--x) * 1%);opacity:var(--alpha,1);animation:sb-float calc(var(--duration, 1) * 1s) calc(var(--delay) * -1s) infinite linear;transform-origin:var(--origin-x,1000%) var(--origin-y,1000%);z-index:-1;animation-play-state:var(--play-state,paused)}.sparkle-button .particle path{fill:hsl(var(--h2) 90% 70%);stroke:none}.sparkle-button .particle:nth-of-type(2n){animation-direction:reverse}@keyframes sb-float{to{rotate:1turn}}.sparkle-button .text{position:relative;z-index:1;translate:0 -2%;letter-spacing:.01ch;background:linear-gradient(90deg,hsl(0 0% calc((var(--active) * 100%) + 65%)),hsl(0 0% calc((var(--active) * 100%) + 26%)));-webkit-background-clip:text;background-clip:text;color:transparent;transition:background var(--transition)}.sparkle-button.is-off:not(.is-busy) button{cursor:not-allowed}.sparkle-button.is-off:not(.is-busy) button:hover{filter:none}.sparkle-button.is-off:not(.is-busy) button:active{scale:1}.sparkle-button.is-off:not(.is-busy) button:is(:hover,:focus-visible) .sparkle path{animation-name:none}.sparkle-button.is-busy{--active:1;--play-state:running}.sparkle-button.is-busy button{cursor:progress}.sparkle-button.is-busy .sparkle-loader{color:#fff}@media (prefers-reduced-motion:reduce){.sparkle-button .particle,.sparkle-button .spark,.sparkle-button .spark:before{animation:none}}.sparkle-button.is-glow button,html.dark .sparkle-button button{box-shadow:0 0 1.4em .3em hsl(var(--h) 97% 61%/.45),0 .05em 0 0 hsl(var(--h) 97% 80%) inset,0 -.05em 0 0 hsl(var(--h) 97% 60%) inset}.sparkle-button.is-lg{font-size:14.5px;height:44px}.sparkle-button.is-lg button{height:44px;padding:0 1.5em 0 1.2em}.gen-bar .sparkle-button button,.sparkle-button:is(.is-pro,.is-nav) button,html.dark .gen-bar .sparkle-button button,html.dark .sparkle-button:is(.is-pro,.is-nav) button{box-shadow:0 .05em 0 0 hsl(var(--h) 97% 80%) inset,0 -.05em 0 0 hsl(var(--h) 97% 60%) inset}.sparkle-button.is-pro{--h:38;--h2:48;--l:44%;font-size:12px;height:34px}.sparkle-button.is-pro button{height:34px;padding:0 12px 0 10px;gap:6px}.sparkle-button.is-pro .pro-crown{width:16px;height:16px;position:relative;z-index:1;color:#fff}.sparkle-button.is-xl{font-size:16px;height:52px}.sparkle-button.is-xl button{height:52px;padding:0 1.8em 0 1.4em;gap:.45em}.sparkle-button.is-trial{--h:152;--h2:160;--l:78%;font-size:12px;height:34px}.sparkle-button.is-trial .backdrop,.sparkle-button.is-trial .spark,.sparkle-button.is-trial .spark:after,.sparkle-button.is-trial button{border-radius:100px}.sparkle-button.is-trial button{height:34px;padding:0 12px 0 10px;gap:6px;cursor:default;--bg:radial-gradient(40% 50% at center 100%,rgba(255,255,255,.55),transparent),radial-gradient(80% 100% at center 120%,#d5f5e3,transparent),linear-gradient(270deg,#b7ecd0,#d3f4e2);box-shadow:inset 0 .05em 0 0 rgba(255,255,255,.7),inset 0 -.05em 0 0 rgba(4,120,87,.18)}html.dark .sparkle-button.is-trial button{--bg:radial-gradient(40% 50% at center 100%,rgba(255,255,255,.35),transparent),radial-gradient(80% 100% at center 120%,#9fe3c3,transparent),linear-gradient(270deg,#6fd1a4,#9fe3c3)}.sparkle-button.is-trial .spark:before{background:conic-gradient(from 0deg,transparent 0 340deg,#047857 1turn);opacity:.9}.sparkle-button.is-trial .text{background:linear-gradient(90deg,#064e3b,#047857);-webkit-background-clip:text;background-clip:text;font-weight:600}.sparkle-button.is-trial .trial-glass{width:15px;height:15px;position:relative;z-index:1;color:#047857;animation:trial-flip 3s ease-in-out infinite}@keyframes trial-flip{0%,70%{transform:rotate(0)}85%{transform:rotate(180deg)}to{transform:rotate(180deg)}}.sparkle-button.is-nav{--h:232;--h2:242;--l:58%;font-size:12px;height:34px}.sparkle-button.is-nav button{height:34px;padding:0 12px 0 10px;gap:6px}.sparkle-button.is-nav .nav-icon{width:15px;height:15px;position:relative;z-index:1;color:#fff;animation:nav-coin 2.4s ease-in-out infinite}@keyframes nav-coin{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-1px) rotate(-12deg)}}.sparkle-button.is-bar{font-size:13px;height:40px}.sparkle-button.is-bar button{height:40px;padding:0 .95em 0 .8em;gap:.3em}.sparkle-button.is-bar .particle-pen{display:none}.sparkle-button.is-pro button:hover{filter:none}.gen-bar .sparkle-button{flex:0 1 auto;min-width:0;max-width:50%}.gen-bar .sparkle-button button{min-width:0;max-width:100%}.gen-bar .sparkle-button .text{min-width:0;overflow:hidden;text-overflow:ellipsis}.gen-bar .sparkle-button .sparkle{flex-shrink:0}@media (max-width:1023px){.diress-topbar .sparkle-button:is(.is-pro,.is-nav){height:30px;font-size:11px}.diress-topbar .sparkle-button:is(.is-pro,.is-nav) button{height:30px;padding:0 9px 0 8px;gap:4px}.diress-topbar .sparkle-button .nav-icon,.diress-topbar .sparkle-button .pro-crown{width:13px;height:13px}.sparkle-button.is-mobile-motion .particle-pen{display:block}.sparkle-button.is-mobile-motion button .sparkle path{animation:none}}.gen-bar.generation-toolbar{padding:6px;gap:6px}.gen-bar>.sparkle-button,.gen-bar>.sparkle-button>button{height:40px}.AdvancedSettings_selected__Jn7Vm{--selection-opacity:14%;border-color:color-mix(in srgb,var(--selection-color) 30%,var(--color-line));background:linear-gradient(180deg,color-mix(in srgb,var(--selection-color) var(--selection-opacity),transparent),transparent 70%),var(--color-card);box-shadow:inset 0 0 12px 3px var(--color-card)}.dark .AdvancedSettings_selected__Jn7Vm{--selection-opacity:18%}.AdvancedSettings_foreground__94LSI{color:var(--selection-text)}.dark .AdvancedSettings_foreground__94LSI{color:var(--selection-text-dark)}.ColorWaveOverlay_mask__9GcKm{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ColorWaveOverlay_rise__hdkpo{position:absolute;inset:0;animation:ColorWaveOverlay_colorRise__DEvJQ 28s cubic-bezier(.25,.46,.45,.94) both}.ColorWaveOverlay_wave__DgaZd{display:block;width:200%;height:calc(100% + 20px);fill:rgba(139,92,246,.38);animation:ColorWaveOverlay_colorDrift__HGz1o 2.4s linear infinite}.dark .ColorWaveOverlay_wave__DgaZd{fill:rgba(139,92,246,.45)}@keyframes ColorWaveOverlay_colorRise__DEvJQ{0%{transform:translateY(100%)}to{transform:translateY(-10px)}}@keyframes ColorWaveOverlay_colorDrift__HGz1o{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.ColorWaveOverlay_rise__hdkpo{animation:none;transform:translateY(45%)}.ColorWaveOverlay_wave__DgaZd{animation:none}}