.select-trigger{align-items:center;background:transparent;border:1px solid var(--gray-5);border-radius:1.8rem;color:var(--gray-11);display:flex;font-size:.875rem;font-weight:500;gap:.375rem;height:2.25rem;padding:.5rem .875rem .5rem 1rem;background:linear-gradient(to top,var(--gray-2),transparent)}@media (prefers-color-scheme: dark){.select-trigger{background:linear-gradient(to bottom,var(--gray-2),transparent)}}.select-trigger>span:first-child{display:flex;align-items:center;gap:.375rem}.select-trigger>span:first-child .select-trigger-label{display:none}@media (min-width: 600px){.select-trigger>span:first-child .select-trigger-label{display:block}}.select-trigger svg{display:block}.select-trigger:hover{border-color:var(--gray-6);box-shadow:inset 0 1px #fff3}@media (prefers-color-scheme: dark){.select-trigger:hover{border-color:var(--gray-7);box-shadow:inset 0 1px #ffffff0d}}.select-trigger:focus{border-color:var(--highlight);outline:none}.select-content,.context-menu-content{background-color:var(--gray-1);border:1px solid var(--gray-5);border-radius:.5rem;overflow:hidden;transform-origin:var(--radix-select-content-transform-origin);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;padding:.25rem;min-width:var(--radix-select-trigger-width);max-height:var(--radix-select-content-available-height)}@media (prefers-reduced-motion: no-preference){.select-content,.context-menu-content{transition:opacity .1s ease-out,transform .1s cubic-bezier(.68,-.55,.265,1.55)}@starting-style{.select-content,.context-menu-content{opacity:0;transform:scale(.95)}}}.select-scroll-button{display:grid;place-items:center;padding:.5rem;border-bottom:1px solid var(--gray-5)}.select-scroll-button:last-child{border-top:1px solid var(--gray-5);border-bottom:none}.select-separator{margin:.5rem 1rem;height:1px;background:var(--gray-6)}.select-label{padding:.5rem 2.5rem .5rem 1rem;font-size:.75rem;text-transform:uppercase;font-weight:600;letter-spacing:.08em;color:var(--gray-12)}.select-item,.context-menu-item{color:var(--gray-11);cursor:default;font-size:.875rem;font-weight:500;padding:.5rem 2.5rem .5rem 1rem;position:relative;display:flex;align-items:center;gap:.75rem;border-radius:.25rem}:is(.select-item,.context-menu-item) .select-item-content{display:flex;flex-direction:column;gap:.125rem}:is(.select-item,.context-menu-item) .select-trigger-icon{display:none}:is(.select-item,.context-menu-item) .select-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:fit-content;height:fit-content}:is(.select-item,.context-menu-item) .select-item-description{color:var(--gray-11);font-size:.8125rem;font-weight:400;opacity:.8}:is(.select-item,.context-menu-item)[data-highlighted]{background:var(--highlight);color:#fff;outline:none;box-shadow:inset 0 1px #ffffff26;text-shadow:0 -1px 0 rgba(0,0,0,.15)}:is(.select-item,.context-menu-item)[data-highlighted] .select-item-description{color:#fff;opacity:.9}:is(.select-item,.context-menu-item) .select-item-indicator{position:absolute;right:.875rem;top:50%;transform:translateY(-50%)}:is(.select-item,.context-menu-item) .select-item-indicator>div{height:.5rem;width:.5rem;background:currentColor;box-shadow:0 -1px #00000026;border-radius:50%}header{display:flex;justify-content:space-between;gap:1rem;background:var(--gray-1);padding:1rem;border-bottom:1px solid var(--gray-4);box-shadow:0 2px 12px #0000000d}@media (prefers-color-scheme: dark){header{border-bottom-color:var(--gray-3)}}header>div:first-child{justify-self:start;align-self:center;display:flex;align-items:center;gap:.25rem}header>div:first-child button.reset-button{background:none;border-radius:50%;border:none;display:flex;color:currentColor;align-items:center;justify-content:center;height:1rem;width:1rem;opacity:.5}header>div:first-child button.reset-button:focus{outline:1px solid var(--highlight);outline-offset:2px;opacity:1}header>div:first-child button.reset-button:hover{opacity:1}header>div:first-child button.reset-button svg{transform:rotate(90deg);flex-shrink:0}header .select-trigger-avatar{height:1.25rem;width:1.25rem;border-radius:50%;margin-left:-.5rem;margin-right:.375rem}header>div:last-child{justify-self:end;align-self:center;display:flex;align-items:center;gap:.5rem}header>div:last-child:has(.share-button):has(.download-button) .download-button{display:none}@media (min-width: 600px){header>div:last-child:has(.share-button):has(.download-button) .download-button{display:flex}}header>div:last-child button{background:var(--gray-2);border:1px solid var(--gray-5);color:var(--gray-11);align-items:center;border-radius:2.25rem;display:flex;gap:.5rem;line-height:1.25rem;padding:.5rem 1rem;position:relative}header>div:last-child button[data-state=working]{pointer-events:none}header>div:last-child button[data-state=working]>div,header>div:last-child button[data-state=working] svg{opacity:1;filter:blur(0);transition:opacity .2s,transform .2s,filter .2s}header>div:last-child button:after{content:"";width:1rem;height:1rem;border:1.25px solid currentColor;border-radius:50%;border-left-color:transparent;position:absolute;inset:0;margin:auto;opacity:0;filter:blur(4px);transition:opacity .2s,transform .2s,filter .2s}header>div:last-child button[data-state=working]>div,header>div:last-child button[data-state=working] svg{opacity:0;filter:blur(4px)}header>div:last-child button[data-state=working]:after{animation:spin 1s linear infinite;filter:blur(0);opacity:1}header>div:last-child button:active{transform:scale(.975)}header>div:last-child button svg{filter:drop-shadow(0 1px 0 rgba(0,0,0,.1))}header>div:last-child button div{font-size:.8125rem;text-shadow:0 -1px 0 rgba(0,0,0,.1)}header>div:last-child button:last-child{background:color-mix(in srgb,var(--highlight) 95%,transparent);border:0;box-shadow:inset 0 -1px #0000001a,inset 0 1px #fff3;color:var(--gray-1);font-weight:500}@media (prefers-color-scheme: dark){header>div:last-child button:last-child{background:color-mix(in srgb,var(--highlight) 80%,transparent);color:var(--gray-12)}}header>div:last-child button:last-child:hover{background:var(--highlight)}@media (prefers-color-scheme: dark){header>div:last-child button:last-child:hover{background:linear-gradient(to bottom,rgba(255,255,255,.1),transparent),color-mix(in srgb,var(--highlight) 80%,transparent)}}@media (prefers-reduced-motion: no-preference){header>div:last-child button.download-button svg g[data-name=arrow]{transition:transform .2s ease}header>div:last-child button.download-button:hover svg g[data-name=arrow]{transform:translateY(13px)}}header>div:last-child button.share-button svg path[data-name=arrow]{stroke-dasharray:30;stroke-dashoffset:0}@media (prefers-reduced-motion: no-preference){header>div:last-child button.share-button:hover svg path[data-name=arrow]{animation:draw-arrow .2s ease forwards}}@media (prefers-reduced-motion: no-preference){@keyframes draw-arrow{0%{stroke-dashoffset:-30}to{stroke-dashoffset:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}#canvas{flex:1;display:flex;justify-content:center;align-items:center;min-height:0;padding:0 1rem;view-transition-name:canvas-content;max-width:100vw;filter:blur(0);opacity:1;transform:scale(1)}@media (prefers-reduced-motion: no-preference){#canvas{transition:filter .2s ease-out,opacity .2s ease-out,transform .2s ease-out;transition-delay:.05s}@starting-style{#canvas{filter:blur(8px);opacity:.5;transform:scale(.95)}}}#canvas>div{border-radius:.5rem;box-shadow:0 20px 60px -30px #0003,0 50px 100px -20px #00000026;display:flex;justify-content:center;align-items:center;overflow:hidden}@container (min-width: 600px){#canvas{padding:0 2rem}}.theme-selector{display:flex;gap:.5rem;padding:0 3px;margin-left:auto}.theme-selector .theme-selector-item{appearance:none;border:none;height:1.5rem;width:1.5rem;border-radius:50%;flex-shrink:0;position:relative}.theme-selector .theme-selector-item:active{transform:scale(.9)}.theme-selector .theme-selector-item:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.15);mix-blend-mode:difference}.theme-selector .theme-selector-item[data-state=on]{outline-offset:2px;outline:1px solid var(--highlight);box-shadow:0 1px 4px -1px #00000040}.theme-selector .theme-selector-item:focus{outline-offset:2px;outline:1px solid var(--highlight)}@property --left-fade{syntax: "<length>"; inherits: false; initial-value: 0;}@property --right-fade{syntax: "<length>"; inherits: false; initial-value: 0;}@keyframes scrollfade{0%{--left-fade: 0}10%,to{--left-fade: 1.5rem}0%,90%{--right-fade: 1.5rem}to{--right-fade: 0}}footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;background:linear-gradient(to bottom,rgba(255,255,255,.5),var(--gray-1));padding:1rem;border-top:1px solid var(--gray-4);box-shadow:0 2px 8px -4px #0003,inset 0 1px #fff}@media (prefers-color-scheme: dark){footer{background:linear-gradient(to top,var(--gray-1),var(--gray-2));border-top-color:var(--gray-2);box-shadow:0 2px 8px -4px #0003,inset 0 1px #ffffff0d}}footer>div:first-child{align-self:center;justify-self:start;display:flex;gap:.5rem;flex-shrink:0}footer>div:last-child{justify-self:end;align-self:center;flex:1;min-width:0;display:flex}footer>div:last-child .theme-selector-wrapper{overflow-x:auto;overflow-y:visible;display:flex;flex:1;min-width:0;scroll-timeline:--scrollfade x;padding:3px;margin:-3px;mask:linear-gradient(to right,transparent,black var(--left-fade) calc(100% - var(--right-fade)),transparent);animation:scrollfade linear;animation-timeline:--scrollfade;scrollbar-width:none;-ms-overflow-style:none}footer>div:last-child .theme-selector-wrapper::-webkit-scrollbar{display:none}.canvas{background-color:var(--gray-2);display:grid;height:100%;row-gap:1rem;grid-template-rows:auto 1fr auto;position:absolute;inset:0;filter:blur(0);opacity:1;transform:scale(1)}@media (prefers-reduced-motion: no-preference){.canvas{transition:filter .2s ease-out,opacity .2s ease-out,transform .2s ease-out}@starting-style{.canvas{filter:blur(8px);opacity:.5;transform:scale(.95)}}.canvas[data-exiting]{filter:blur(8px);opacity:0;transform:scale(.95)}}@container (min-width: 600px){.canvas{row-gap:2rem}}.u-form-container{margin:0 1rem;height:100%;display:grid;grid-template-rows:1fr min-content;position:absolute;inset:0}@media (prefers-reduced-motion: no-preference){.u-form-container{transition:filter .2s ease-out,opacity .2s ease-out,transform .2s ease-out}.u-form-container[data-exiting]{filter:blur(8px);opacity:0;transform:scale(.95)}}.u-form{align-items:center;justify-content:center;display:flex;grid-row:1 / -1;grid-column:1;filter:blur(0);opacity:1;transform:scale(1)}@media (prefers-reduced-motion: no-preference){.u-form{transition:filter .2s ease-out,opacity .2s ease-out,transform .2s ease-out;transition-delay:.15s}@starting-style{.u-form{filter:blur(8px);opacity:.5;transform:scale(.95)}}}.u-form>div{border:1px solid var(--gray-5);border-radius:9999px;display:flex;align-items:center;justify-content:end;overflow:hidden;gap:1rem;padding:.25rem .25rem .25rem 1rem;position:relative;width:calc(18ch + 9.375rem)}@media (prefers-reduced-motion: no-preference){.u-form>div{transition:width .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out}}.u-form>div .input-wrapper{display:flex;align-items:center;gap:1rem;transition:filter .2s ease-out,opacity .2s ease-out}.u-form>div .error-message{position:absolute;left:1rem;transition:filter .2s ease-out,opacity .2s ease-out;pointer-events:none;filter:blur(4px);opacity:0}.u-form>div:focus-within{border-color:var(--gray-6)}@media (prefers-color-scheme: dark){.u-form>div:focus-within{border-color:var(--gray-7)}}.u-form input{all:unset;background:transparent;border:none;caret-color:var(--highlight);font-size:1.0625rem;font-weight:600;line-height:1;padding:.5rem 0;width:18ch}.u-form input::placeholder{color:var(--gray-6)}@media (prefers-color-scheme: dark){.u-form input::placeholder{color:var(--gray-8)}}.u-form button{background:var(--gray-5);border:none;display:grid;height:2.25rem;width:2.25rem;border-radius:50%;place-content:center;transition:background .2s ease-out;flex-shrink:0}.u-form button svg{grid-row:1;grid-column:1;transition:filter .2s ease-out,opacity .2s ease-out}.u-form button svg:not(.icon-submit){opacity:0;filter:blur(4px)}.u-form button:disabled{opacity:.5}.u-form[data-form-state=submitting]>div{width:2.875rem}.u-form[data-form-state=submitting]>div .input-wrapper{filter:blur(4px);opacity:0}.u-form[data-form-state=submitting] button:disabled{opacity:1}.u-form[data-form-state=submitting] button svg:not(.icon-loading){opacity:0;filter:blur(4px)}.u-form[data-form-state=submitting] button .icon-loading{opacity:1;filter:blur(0);animation:spin 1s linear infinite}.u-form[data-form-state=submitting] button .icon-loading path{stroke:#fff}.u-form[data-form-state=denied]>div{border-color:var(--error);box-shadow:0 2px 8px color-mix(in srgb,var(--error) 20%,transparent)}.u-form[data-form-state=denied]>div .input-wrapper{filter:blur(4px);opacity:0}.u-form[data-form-state=denied]>div .error-message{filter:blur(0);opacity:1;pointer-events:auto}.u-form[data-form-state=denied] button{background:var(--error)}.u-form[data-form-state=denied] button:disabled{opacity:1}.u-form[data-form-state=denied] button svg:not(.icon-error){opacity:0;filter:blur(4px)}.u-form[data-form-state=denied] button .icon-error{opacity:1;filter:blur(0)}.u-form[data-form-state=denied] button .icon-error path{stroke:#fff}.u-form[data-form-state=approved]>div{width:2.875rem;border-color:var(--highlight);box-shadow:0 2px 8px color-mix(in srgb,var(--highlight) 20%,transparent)}.u-form[data-form-state=approved] button{background:var(--highlight)}.u-form[data-form-state=approved] button:disabled{opacity:1}.u-form[data-form-state=approved] button svg:not(.icon-success){opacity:0;filter:blur(4px)}.u-form[data-form-state=approved] button .icon-success{opacity:1;filter:blur(0)}.u-form[data-form-state=approved] button .icon-success path{stroke:#fff}.app-details{color:var(--gray-11);display:flex;align-items:center;flex-direction:column;font-size:.75rem;padding-bottom:1rem;text-align:center;text-wrap:balance;grid-row:2 / 3;grid-column:1;filter:blur(0);opacity:1;transform:scale(1);transform-origin:top center}@media (prefers-reduced-motion: no-preference){.app-details{transition:filter .3s ease-out,opacity .3s ease-out,transform .3s ease-out}@starting-style{.app-details{filter:blur(8px);opacity:0;transform:scale(.95)}}}.app-details>div{color:var(--gray-8);margin-top:1rem}.app-details>div:last-child{color:var(--gray-6);margin-top:.25rem}.app-details a{color:var(--gray-9);text-decoration-style:dotted}@container (min-width: 600px){.app-details{padding:1.5rem}}@media (prefers-reduced-motion: no-preference){@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--gray-1: #f8f9fa;--gray-2: #f1f3f5;--gray-3: #e9ecef;--gray-4: #dee2e6;--gray-5: #ced4da;--gray-6: #adb5bd;--gray-7: #868e96;--gray-8: #495057;--gray-9: #343a40;--gray-10: #212529;--gray-11: #121416;--gray-12: #000000;--highlight: #30a46c;--error: #e5484d}@media (prefers-color-scheme: dark){:root{--gray-1: #111111;--gray-2: #191919;--gray-3: #222222;--gray-4: #2a2a2a;--gray-5: #313131;--gray-6: #3a3a3a;--gray-7: #484848;--gray-8: #606060;--gray-9: #6e6e6e;--gray-10: #7b7b7b;--gray-11: #b4b4b4;--gray-12: #eeeeee;--highlight: #30a46c;--error: #611623}}*{box-sizing:border-box}body,#root{height:100dvh;overflow:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark;background-color:var(--gray-1);color:var(--gray-12);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#root{container-type:inline-size}button,input{font-family:inherit}::view-transition-old(root),::view-transition-new(root){animation:none}