:root{--primary-color:#09f;--primary-color-x-light:#cbe5ff;--primary-color-dark:#0082d9;--ai-color:#b100ff;--error-color:red;--neutral-color:#4e4e4e;--demo-metadata-color:#ff00d829;--box-shadow-default:#0000003d 0px 3px 8px;--background-color-transition-default:background-color .1s linear;--light-grey:#ccc;--border-color:var(--light-grey);--disabled-color:var(--light-grey)}html{--padding-html:2rem;padding:var(--padding-html);width:calc(100vw - 2*var(--padding-html));height:calc(100vh - 2*var(--padding-html));font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:18px}body{width:100%;height:100%;margin:0;padding:0}main{flex-direction:column;justify-content:space-between;max-width:40rem;height:100%;margin:0 auto;font-size:1rem;display:flex}h1{text-align:center}p{line-height:3ch}label{color:gray;margin-bottom:.5rem;font-size:1rem;display:block}.input-area{width:60%;min-width:15rem;margin:0 auto}textarea{border:1px solid var(--border-color);resize:none;box-sizing:border-box;border-radius:.25rem;width:100%;height:6rem;padding:.5rem;font-family:inherit;font-size:1rem}.img-wrapper{justify-content:center;margin-bottom:3rem;display:flex}button{background-color:var(--primary-color);color:#fff;cursor:pointer;transition:var(--background-color-transition-default);border:none;border-radius:.25rem;padding:.5rem 1rem;font-size:1rem;&:disabled{background-color:var(--disabled-color);cursor:not-allowed}&:hover{background-color:var(--primary-color-dark)}}.button-wrapper{flex-direction:column;align-items:flex-end;margin:.4rem 0;display:flex}.demo-metadata{box-sizing:border-box;background:var(--demo-metadata-color);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;width:100%;padding:.6rem;font-size:smaller;position:fixed;bottom:0;left:0}.input-wrapper{position:relative}p.demo-explanation{text-align:left;max-width:40rem;margin:0 auto;padding:1rem 0;line-height:normal}.warning{color:#664d03;background-color:#fff3cd;border:1px solid #ffecb5;border-left:4px solid #ff9800;border-radius:.25rem;margin:.5rem 0;padding:.35rem .6rem;font-size:smaller;line-height:1.4}
/*# sourceMappingURL=index.cfe653eb.css.map */