:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#191919;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}a{font-weight:500;color:#1800f3;text-decoration:inherit}a:hover{color:#5340ff}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.LogoLink{display:inline-flex;align-items:center;justify-content:center}.InlineLogo{width:1.3rem;height:1.3rem}.LookaName{color:#1800f3;font-weight:700}.InputField{display:inline-flex;flex-direction:column;align-items:center;gap:.4rem;width:325px;max-width:100%}.InputField>label{font-size:1.4rem}.InputField>select{padding:.8em 1em;border-radius:1rem;font-size:1rem}@media screen and (max-width: 650px){ul{padding-left:1.4rem}.InputField>label{font-size:1.3rem;font-weight:700}.InputField>select{padding:.5em .6em;border-radius:1rem;font-size:1.1rem}}@media (prefers-color-scheme: light){a:hover{color:#1800f3}}.CenterLayout{display:flex;align-items:center;justify-content:center;min-height:90vh}.CreateLogoCard{width:90vw;max-width:500px;border-radius:30px;background-color:#fff;color:#000;padding:2rem;box-shadow:10.7px 10.9px 4px -1px #7fb6ff17,38.3px 38.9px 13.4px -1px #7fb6ff21,125px 127px 60px -1px #7fb6ff38;position:relative}.CreateLogoCard__Header{font-size:1.5rem}.CreateLogoCard__Footer{display:flex;align-items:flex-end;justify-content:center;margin-top:2rem;margin-bottom:-1rem;opacity:.8}.CreateLogoCard__Footer:hover{opacity:1}.CreateLogoCard__features{text-align:left;display:inline-block}.CreateLogoForm{display:flex;flex-direction:column;align-items:center;gap:1em}.LogoOutput{padding:1rem;margin-top:1rem;border-radius:1rem;background-color:#efefef;border:1px solid #888888}.LogoOutput>svg{width:200px;height:200px;max-width:100%;max-height:100%}.LoadingSpinner{color:#fff;width:2rem;height:2rem}.Button{display:flex;gap:.5em;position:relative}.Button .LoadingSpinner{position:absolute;right:.6rem;top:50%;transform:translateY(-50%)}.Button--loading{padding-right:2.8rem}.Message{padding:.5rem .7rem;background-color:#efefef;border-radius:.2rem}.Message--error{background-color:#ffe8e8;border:1px solid rgb(255,184,184)}