*,::before,::after{box-sizing:border-box;background-repeat:no-repeat}::before,::after{text-decoration:inherit;vertical-align:inherit}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li)::before{content:"​";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,select){margin:0}:where(button,[type=button i],[type=reset i],[type=submit i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:white;border:solid;color:black;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy=true i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0, 0, 0, 0);position:absolute}@font-face{font-family:"Roboto";font-style:normal;font-weight:100;font-display:swap;src:url("/fonts/Roboto-Thin.woff2") format("woff2")}@font-face{font-family:"Roboto";font-style:italic;font-weight:100;font-display:swap;src:url("/fonts/Roboto-ThinItalic.woff2") format("woff2")}@font-face{font-family:"Roboto";font-style:normal;font-weight:300;font-display:swap;src:url("/fonts/Roboto-Light.woff2") format("woff2")}@font-face{font-family:"Roboto";font-style:italic;font-weight:300;font-display:swap;src:url("/fonts/Roboto-LightItalic.woff2") format("woff2")}@font-face{font-family:"Roboto";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/Roboto-Regular.woff2") format("woff2")}@font-face{font-family:"Roboto";font-style:italic;font-weight:400;font-display:swap;src:url("/fonts/Roboto-Italic.woff2") format("woff2")}@font-face{font-family:"Roboto";font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/Roboto-Medium.woff2") format("woff2")}@font-face{font-family:"Roboto";font-style:italic;font-weight:500;font-display:swap;src:url("/fonts/Roboto-MediumItalic.woff2") format("woff2")}@font-face{font-family:"Roboto";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/Roboto-Bold.woff2") format("woff2")}@font-face{font-family:"Roboto";font-style:italic;font-weight:700;font-display:swap;src:url("/fonts/Roboto-BoldItalic.woff2") format("woff2")}@font-face{font-family:"Roboto";font-style:normal;font-weight:900;font-display:swap;src:url("/fonts/Roboto-Black.woff2") format("woff2")}@font-face{font-family:"Roboto";font-style:italic;font-weight:900;font-display:swap;src:url("/fonts/Roboto-BlackItalic.woff2") format("woff2")}h1,h2,h3,h4,p,ul,ol{margin:0;padding:0;font-size:inherit;line-height:inherit}h1,h2,h3,h4,h5,h6{font-weight:bold}ul,ol{list-style-type:none}figure,figcaption{margin:0;padding:0}button,input,textarea{font-family:inherit;font-size:inherit}picture,img{-webkit-user-select:none;-moz-user-select:none;user-select:none}picture>img{width:100%}a{color:var(--color-link);text-decoration:none}a:focus,a:visited,a:active{color:var(--color-link)}:where(nav li)::before{content:initial}hr{border:none;margin:0}ul.landings{display:grid;grid-template-columns:repeat(auto-fill, 330px);grid-auto-rows:250px;gap:1.5rem}ul.landings>.landing{display:flex;flex-direction:column;border:2px solid var(--color-border);border-radius:1rem;background-color:var(--color-landing-backdrop);box-shadow:1px 2px 20px -2px var(--color-landing-shadow);position:relative;overflow:hidden;cursor:pointer;contain:paint}ul.landings>.landing .landing__inner{display:flex;flex-direction:column;transition:filter .2s ease-out 0s;flex-grow:1}ul.landings>.landing .landing__link{display:flex;flex-direction:column;flex-grow:1}ul.landings>.landing .landing__link::after{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background-color:var(--color-border);content:"Сгенерировать";font-size:2rem;font-weight:bold;opacity:0;visibility:hidden;color:var(--color-text);transition:opacity .2s ease-out 0s,visibility .2s ease-out 0s}ul.landings>.landing .landing__ribbon{position:absolute;z-index:1;transform:rotate(45deg);top:1.25rem;right:-1.5rem;padding:.15rem 2.5rem;opacity:.85;overflow:hidden;font-size:.75rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--color-text)}ul.landings>.landing .landing__ribbon_orange{background-color:#ff7000}ul.landings>.landing .landing__ribbon_blue{background-color:#131eec;color:var(--color-background)}ul.landings>.landing .landing__ribbon-inner{font-weight:500;text-overflow:ellipsis;position:relative}ul.landings>.landing .landing__badge{position:absolute;z-index:1;padding:.25rem .5rem;border-radius:.25rem;background-color:var(--color-border);opacity:.75;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:opacity .2s ease-out 0s}ul.landings>.landing .landing__badge-inner{font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;color:var(--color-text)}ul.landings>.landing .landing__title{top:1rem;left:1rem;max-width:250px;font-size:.9rem}ul.landings>.landing .landing__description{bottom:1rem;left:1rem;max-width:200px;font-size:.75rem}ul.landings>.landing .landing__iframe{flex:1;border:none}ul.landings>.landing:hover{border-color:var(--color-action)}ul.landings>.landing:hover .landing__inner{filter:blur(3px)}ul.landings>.landing:hover .landing__link::after{opacity:.9;visibility:visible}ul.landings>.landing:hover .landing__badge{max-width:calc(100% - 2rem);opacity:.85}ul.landings>.landing:hover .landing__badge-inner{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.construct{display:grid;grid-template-columns:1fr 500px;grid-template-rows:auto;gap:3rem;min-height:400px;max-height:1200px;height:auto;flex-grow:1}.construct__preview-wrapper{padding:.5rem;border:1px dashed var(--color-border);border-radius:.25rem;width:100%;height:100%;position:relative}.construct__preview{border:none;width:100%;height:100%}.construct__fullscreen{display:grid;place-items:center;position:absolute;left:1.5rem;top:1.5rem;width:2rem;height:2rem;background-color:var(--color-background);border-radius:.5rem;padding:.25rem;opacity:.2;transition:opacity .2s ease-out 0s}.construct__fullscreen:hover,.construct__fullscreen:active,.construct__fullscreen:focus{opacity:1}.construct__fullscreen-inner{width:100%;height:100%}.construct__settings{display:flex;flex-direction:column;gap:1rem}.construct__settings .settings__title{font-size:1.25rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.construct__settings .settings__features{display:flex;flex-direction:column;gap:.5rem}.construct__settings .settings__features>ul{display:flex;gap:.5rem}.construct__settings .settings__feature{padding:.25rem 1rem;border-radius:.625rem;background-color:var(--color-border);-webkit-user-select:none;-moz-user-select:none;user-select:none}.construct__settings .settings__subtitle{font-weight:normal}.construct__settings .settings__form{display:contents}.construct__settings .settings__setting{display:flex;flex-direction:column;gap:.25rem}.construct__settings .settings__setting>span:first-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--color-landing-shadow)}.construct__settings .settings__params{display:grid;grid-template-columns:auto minmax(0, 1fr);grid-template-rows:auto;gap:.5rem .75rem;margin-bottom:.5rem}.construct__settings .settings__params .settings__param{display:contents}.construct__settings .settings__params .settings__param-name{display:flex;align-items:center;gap:.25rem}.construct__settings .settings__params .settings__param-name::before{content:"•";font-size:2em;line-height:1}.construct__settings .settings__image{display:flex;align-items:center;gap:.25rem}.construct__settings .settings__image-path{margin-right:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.construct__settings .settings__image-buttons{display:contents}.construct__settings .settings__image input[type=file]{position:absolute;width:0;height:0;opacity:0;visibility:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.construct__settings .settings__param{display:flex;align-items:center;gap:.5rem}.construct__settings .settings__param_hidden{display:none}.construct__settings #custom_url{margin-bottom:.5rem}.construct__settings #custom_url .settings__param-value{flex:1;min-height:2rem}.construct__settings .settings__submit{margin-top:auto}section.auth{display:grid;place-items:center;flex-grow:1}section.auth form{display:flex;flex-direction:column;padding:2rem;gap:1rem;border:.125rem solid var(--color-border);border-radius:.5rem;min-width:350px}section.auth form .auth__title{font-size:1.25rem;text-align:center}section.auth form .auth__field{padding:.5rem;border:.0625rem solid var(--color-border);border-radius:.25rem}section.auth form .auth__button{align-self:center;padding:.5rem 1rem;border-radius:.5rem;background-color:var(--color-action);border:1px solid var(--color-text);color:var(--color-background);cursor:pointer;transition:background-color .2s ease-out 0s}section.auth form .auth__button:hover{background-color:hsl(from var(--color-action) h s 80%)}:root{--page-max-width: 1400px;--page-padding: calc(max((100% - var(--page-max-width)) / 2, 32px))}html{font-size:16px}body{display:flex;flex-direction:column;gap:2rem;--font-family: Roboto, sans-serif;--color-background: #fff;--color-text: #333;--color-border: #e0e0e0;--color-action: #ff7000;--color-link: #001eff;--color-landing-backdrop: #f0f0f0;--color-landing-shadow: #55555580;background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family);line-height:1.25;min-height:100vh;padding:2rem var(--page-padding)}@media(prefers-color-scheme: dark){body[data-darkmode=allow]{--color-background: #222;--color-text: #ccc;--color-border: #4d4d4d;--color-action: #ff7000;--color-link: #37beff;--color-landing-backdrop: #333;--color-landing-shadow: #99999980}}body[data-darkmode=force]{--color-background: #222;--color-text: #ccc;--color-border: #4d4d4d;--color-action: #ff7000;--color-link: #37beff;--color-landing-backdrop: #333;--color-landing-shadow: #99999980}body>header{display:flex;justify-content:space-between;align-items:center;gap:2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}body>header .header__left{display:flex;flex-direction:column;gap:1rem}body>header .header__left>h1{font-size:2rem}body>header .header__left>p{font-size:1.25rem;font-weight:500}body>header .header__link{display:flex;align-items:center;gap:.125rem;font-size:.85rem;--color-link: var(--color-text);padding:.5rem;padding-right:0}body>header .header__link>span{font-size:1rem}body>footer{display:flex;align-items:center;gap:1rem;padding-top:2rem;margin-top:auto}body>footer::before,body>footer::after{content:"";display:inline-block;flex-grow:1;width:100%;height:.0625rem;background-color:var(--color-border)}body>footer .footer__version{font-size:.875rem;line-height:1;opacity:.75;white-space:nowrap}body>footer .footer__link{color:var(--color-text);text-underline-offset:.125rem}body>footer .footer__link:hover,body>footer .footer__link:active{text-decoration:underline}