@font-face{font-family:MNOctic;font-style:normal;font-weight:1 999;font-stretch:100% 200%;font-display:swap;src:url(/fonts/MNOctic.woff2)format("woff2")}@font-face{font-family:CommitMono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/CommitMono.woff2)format("woff2")}:root{--color-gray-950:#111112;--color-gray-900:oklch(from var(--color-gray-950)calc(l + .0266)c h);--color-gray-850:oklch(from var(--color-gray-950)calc(l + .057)c h);--color-gray-800:oklch(from var(--color-gray-950)calc(l + .0905)c h);--color-gray-700:oklch(from var(--color-gray-950)calc(l + .1934)c h);--color-gray-600:oklch(from var(--color-gray-950)calc(l + .2605)c h);--color-gray-500:oklch(from var(--color-gray-950)calc(l + .3775)c h);--color-gray-400:oklch(from var(--color-gray-950)calc(l + .5374)c h);--color-gray-300:oklch(from var(--color-gray-950)calc(l + .6919)c h);--color-gray-200:oklch(from var(--color-gray-950)calc(l + .7438)c h);--color-gray-100:oklch(from var(--color-gray-950)calc(l + .7921)c h);--color-red-400:#f87171;--color-red-600:#dc2626;--color-yellow-400:#facc15;--bg-surface-1:var(--color-gray-950);--bg-surface-2:var(--color-gray-900);--bg-surface-3:var(--color-gray-800);--bg-surface-1-hover:var(--color-gray-900);--bg-surface-3-hover:var(--color-gray-700);--bg-surface-1-active:var(--color-gray-850);--btn-primary-bg:var(--color-gray-100);--btn-primary-bg-hover:var(--color-gray-200);--btn-primary-bg-active:var(--color-gray-300);--btn-primary-text:var(--color-gray-950);--btn-primary-border:var(--color-gray-100);--btn-primary-border-hover:var(--color-gray-200);--btn-neutral-bg:var(--color-gray-800);--btn-neutral-bg-hover:var(--color-gray-700);--btn-neutral-bg-active:var(--color-gray-600);--btn-neutral-text:var(--color-gray-100);--btn-neutral-border:var(--color-gray-600);--btn-neutral-border-hover:var(--color-gray-500);--btn-subtle-bg:transparent;--btn-subtle-bg-hover:#dedede14;--btn-subtle-bg-active:#dedede1f;--btn-subtle-text:var(--color-gray-100);--btn-subtle-border:transparent;--btn-subtle-border-hover:transparent;--btn-disabled-bg:var(--color-gray-800);--btn-disabled-text:var(--color-gray-600);--btn-disabled-border:var(--color-gray-700)}@supports (color:color(display-p3 0 0 0)){:root{--btn-subtle-bg-hover:color(display-p3 .869816 .869817 .869816/.08);--btn-subtle-bg-active:color(display-p3 .869816 .869817 .869816/.12)}}@supports (color:lab(0% 0 0)){:root{--btn-subtle-bg-hover:lab(88.4% 0 0/.08);--btn-subtle-bg-active:lab(88.4% 0 0/.12)}}:root{--text-primary:var(--color-gray-100);--text-secondary:var(--color-gray-300);--text-tertiary:var(--color-gray-400);--text-warning:var(--color-yellow-400);--text-error:var(--color-red-400);--icon-primary:var(--color-gray-100);--icon-secondary:var(--color-gray-300);--icon-on-primary:var(--color-gray-950);--icon-error:var(--color-red-400);--border-primary:var(--color-gray-600);--border-secondary:var(--color-gray-700);--border-tertiary:var(--color-gray-800);--border-focus:var(--color-gray-400);--border-error:var(--color-red-600);--border-radius-xs:2px;--border-radius-s:4px;--border-radius-m:8px;--border-radius-l:12px;--border-radius-xl:16px;--text-size-xs:.75rem;--text-size-s:.875rem;--text-size-l:1.125rem;--text-size-xl:1.25rem;--text-size-2xl:1.5rem;--text-size-3xl:1.875rem;--text-size-4xl:2.25rem;--text-size-5xl:3rem;--font-family-heading:"MNOctic",monospace;--font-family-body:"CommitMono",monospace}a,ol,li,button,select,input,textarea{all:unset;box-sizing:border-box;line-height:1}li,div,button,select,input,textarea,span,*,:before,:after{box-sizing:border-box}html{color-scheme:dark;font-size:16px}body{background:var(--bg-surface-1);color:var(--text-primary);margin:0;overflow-x:hidden}html,body{overscroll-behavior-x:contain;height:100%}body,button,textarea,input,select,code,h1,h2,h3,h4,h5,h6{font-family:var(--font-family-body)}h1,h2,h3,h4,h5,h6,p{margin:0}.icon{--icon-color:var(--icon-primary);--svg-stroke-color:var(--icon-color);stroke:var(--svg-stroke-color);stroke-width:1.6px;height:var(--icon-diameter);width:var(--icon-diameter)}.icon_size_16{--icon-diameter:var(--text-size-s)}.icon_size_20{--icon-diameter:var(--text-size-l)}.button{font-size:var(--text-size-s);background:var(--btn-neutral-bg);color:var(--btn-neutral-text);border:1px solid var(--btn-neutral-border);border-radius:var(--border-radius-m);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;line-height:1;display:inline-flex;position:relative}.button:focus{outline:none}.button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.button__spinner{pointer-events:none;justify-content:center;align-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.button__spinner:after{content:"";border:2px solid var(--icon-primary);border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.button.is-loading{pointer-events:none;opacity:.6;background-color:var(--btn-neutral-bg-active)!important}.button.is-loading .button__text,.button.is-loading .button__icon{opacity:0}.button.is-loading .button__spinner{display:flex}@keyframes spin{to{transform:rotate(360deg)}}.button:disabled{cursor:not-allowed;pointer-events:none;background:var(--btn-disabled-bg);color:var(--btn-disabled-text);border:1px solid var(--btn-disabled-border)}.button_size_small{height:2rem}.button_size_medium{height:2.5rem}.button_size_large{height:3rem}.button_variant_primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:1px solid var(--btn-primary-border);text-transform:uppercase;letter-spacing:.025rem;font-weight:500}.button_variant_primary:hover{background:var(--btn-primary-bg-hover);border:1px solid var(--btn-primary-border-hover)}.button_variant_primary:active{background:var(--btn-primary-bg-active)}.button_variant_neutral{background:var(--btn-neutral-bg);color:var(--btn-neutral-text);border:1px solid var(--btn-neutral-border)}.button_variant_neutral:hover{background:var(--btn-neutral-bg-hover);border:1px solid var(--btn-neutral-border-hover)}.button_variant_neutral:active{background:var(--btn-neutral-bg-active)}.button_variant_subtle{background:var(--btn-subtle-bg);color:var(--btn-subtle-text);border:1px solid var(--btn-subtle-border)}.button_variant_subtle:hover{background:var(--btn-subtle-bg-hover);border:1px solid var(--btn-subtle-border-hover)}.button_variant_subtle:active{background:var(--btn-subtle-bg-active)}.button-icon{border-radius:var(--border-radius-s);cursor:pointer;-webkit-user-select:none;user-select:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;background-color:#0000;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;transition:background-color .15s,color .15s,border-color .15s;display:flex}.button-icon:focus{outline:none}.button-icon:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.button-icon_size_small{width:2rem;height:2rem}.button-icon_size_small svg{width:1rem;height:1rem}.button-icon_size_medium{width:2.5rem;height:2.5rem}.button-icon_size_medium svg{width:1.25rem;height:1.25rem}.button-icon_size_large{border-radius:var(--border-radius-m);width:3rem;height:3rem}.button-icon_size_large svg{width:1.5rem;height:1.5rem}.button-icon_size_extra-small{border-radius:var(--border-radius-s);width:2rem;height:2rem;position:relative;background:0 0!important;border:1px solid #0000!important}.button-icon_size_extra-small svg{z-index:1;width:1rem;height:1rem;position:relative}.button-icon_size_extra-small:before{content:"";background:inherit;border:inherit;border-radius:inherit;clip-path:inset(.25rem round var(--border-radius-s));z-index:0;transition:background-color .15s,border-color .15s;position:absolute;top:0;bottom:0;left:0;right:0}.button-icon_size_extra-small:hover,.button-icon_size_extra-small:active{background:0 0!important;border-color:#0000!important}.button-icon_size_extra-small:hover:before{background:var(--btn-subtle-bg-hover);border-color:var(--btn-subtle-border-hover)}.button-icon_size_extra-small:active:before{background:var(--btn-subtle-bg-active)}.button-icon_variant_primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-border)}.button-icon_variant_primary:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover)}.button-icon_variant_primary:active{background:var(--btn-primary-bg-active)}.button-icon_variant_subtle{background:var(--btn-subtle-bg);color:var(--btn-subtle-text);border-color:var(--btn-subtle-border)}.button-icon_variant_subtle:hover{background:var(--btn-subtle-bg-hover);border-color:var(--btn-subtle-border-hover)}.button-icon_variant_subtle:active{background:var(--btn-subtle-bg-active)}.button-icon:disabled{cursor:not-allowed;pointer-events:none;background:var(--btn-disabled-bg);color:var(--btn-disabled-text);border-color:var(--btn-disabled-border)}.button-icon_variant_subtle:disabled{color:var(--btn-disabled-text);background:0 0;border-color:#0000}.media-input{background:var(--border-primary);cursor:pointer;border-radius:var(--border-radius-m);transition:border-color .15s;position:relative}.media-input:hover{border-color:var(--border-primary)}.media-input:hover .media-input__buttons{opacity:1}.media-input:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.media-input__label{background-color:var(--border-primary);text-transform:uppercase;border-radius:var(--border-radius-m)var(--border-radius-m)0 0;justify-content:center;align-items:center;height:1.5rem;padding:2px .5rem 0;display:flex}.media-input__label h2{font-size:var(--text-size-xs);letter-spacing:.05em;font-weight:500}.media-input__img{aspect-ratio:1;object-fit:cover;border-radius:var(--border-radius-m);border:2px solid var(--border-primary);background-color:var(--bg-surface-1);width:100%;height:auto;display:block}.media-input__buttons{opacity:0;z-index:2;border-radius:calc(var(--border-radius-m) - 2px);background-color:#0006;transition:opacity .15s;position:absolute;top:2px;bottom:2px;left:2px;right:2px}.media-input__button{cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.media-input__button--upload{background-color:#0000;flex-direction:column;gap:8px;position:absolute;top:0;bottom:0;left:0;right:0}.media-input__button--upload .media-input__button-content{color:#fff;flex-direction:column;align-items:center;gap:8px;display:flex}.media-input__button--action{background-color:var(--btn-primary-bg);z-index:3;border-radius:50%;width:32px;height:32px}.media-input__button--action:hover{background-color:var(--btn-primary-bg-hover)}.media-input__button--action:focus-visible{background-color:var(--btn-primary-bg-hover)}.media-input__button--action:active{background-color:var(--btn-primary-bg-active)}.media-input__button--action svg{pointer-events:none;width:16px;height:16px;color:var(--btn-primary-text)}.media-input__actions{z-index:3;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}@media (max-width:768px){.selector__bar .media-input{flex:0 0 48px;width:48px;height:48px;margin:0}.selector__bar .media-input__buttons{opacity:0}.selector__bar .media-input__label,.selector__bar .media-input .media-input__button--upload .media-input__button-label,.selector__bar .media-input .media-input__actions{display:none}}.custom-tooltip{z-index:9999;background:var(--bg-surface-2);color:var(--text-primary);border-radius:var(--border-radius-s);border:1px solid var(--border-secondary);font-size:var(--text-size-xs);font-family:var(--font-family-body);pointer-events:none;white-space:nowrap;opacity:0;visibility:hidden;max-width:240px;padding:6px 8px;line-height:1.4;transition:opacity .15s,visibility .15s;position:fixed;box-shadow:0 1px 4px #0000001a,0 1px 4px #00000026}.custom-tooltip.visible{opacity:1;visibility:visible;transition-delay:.3s}.custom-tooltip__hint{color:var(--text-tertiary);margin-left:8px}.notifier{z-index:10000;pointer-events:none;position:fixed;top:32px;left:50%;transform:translate(-50%)}.notifier__toast{transform:translateX(-50%)translateY(var(--y,0))scale(.98);opacity:0;pointer-events:auto;border-radius:var(--border-radius-m);font-size:var(--text-size-s);text-align:center;width:max-content;min-width:240px;max-width:calc(100vw - 32px);color:var(--text-primary);-webkit-backdrop-filter:blur(8px)saturate(160%);background:#282828b3;align-items:center;gap:8px;padding:12px 16px;line-height:1.4;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s;display:flex;position:absolute;left:50%;box-shadow:0 4px 12px #00000040,0 0 1px #ffffff1a}.notifier__toast--visible{opacity:1;transform:translateX(-50%)translateY(var(--y,0))scale(1)}.notifier__toast--hiding{opacity:0;transform:translateX(-50%)translateY(var(--y,0))scale(.96)}.notifier__icon{border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-right:8px;display:flex}.notifier__icon svg{width:12px;height:12px;color:var(--icon-on-primary)}.footer{text-transform:uppercase;color:var(--text-tertiary);font-size:var(--text-size-s);border-top:1px solid var(--border-tertiary);grid-template:"links links"1fr"cta cta"/1fr 1fr;align-content:end;gap:.25rem;min-height:90svh;padding:2rem 1rem 1rem;display:grid}.footer .footer-content{grid-area:links;gap:1rem;margin-bottom:3rem;margin-left:calc(50% - 168px);display:flex}.footer .footer-content *{flex:1 1 0}.footer .footer-content a{cursor:pointer}.footer .footer-content a:hover{color:var(--text-primary);text-decoration:underline}.footer .footer-cta{font-family:var(--font-family-heading);font-size:clamp(var(--text-size-xl),5vw,var(--text-size-4xl));grid-area:cta;padding:2.5rem 2rem 2rem;font-weight:700;font-stretch:160%}.footer h4{color:var(--text-secondary);font-size:var(--text-size-s);padding-bottom:.5rem;font-weight:400}.footer ul{flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}.footer .footer-effects-dropdown summary{cursor:pointer;color:var(--text-tertiary);list-style:none;position:relative}.footer .footer-effects-dropdown summary::-webkit-details-marker{display:none}.footer .footer-effects-dropdown summary:after{content:" +";color:var(--text-tertiary)}.footer .footer-effects-dropdown summary:hover,.footer .footer-effects-dropdown summary:hover:after{color:var(--text-primary)}.footer .footer-effects-dropdown[open] summary:after{content:" -"}.footer .footer-effects-dropdown .footer-effects-list{margin-top:.5rem;margin-left:1rem;padding-left:0}@media (max-width:768px){.footer{grid-template-columns:1fr;grid-template-areas:"links""cta";min-height:50svh}.footer .footer-content{margin-left:0;flex-direction:column;gap:2rem;margin-left:max(0px,50% - 190px)}.footer .footer-content>div{flex:none;align-items:flex-start;gap:1rem;display:flex}.footer .footer-content>div h4{flex-shrink:0;min-width:4rem;padding-bottom:0}.footer .footer-content>div ul{flex:1;align-self:flex-start}.footer .footer-cta{padding:2rem 1.5rem 1.5rem}}.header{z-index:100;justify-content:center;align-items:center;height:48px;display:flex;position:sticky;top:0}.header__logo{cursor:pointer;align-items:center;height:15px;display:flex}.header__logo-image{object-fit:contain;width:auto;height:100%}@media (max-width:768px){.header__logo{height:14px}}:root{--sidebar-size:16rem;--sidebar-bg-color:var(--bg-surface-2);--sidebar-border-color:var(--border-tertiary)}#open-controls{display:none}@media (max-width:768px){#open-controls{display:block}}.aside{width:var(--sidebar-size);z-index:1;background-color:var(--sidebar-bg-color);touch-action:manipulation;font-size:var(--text-size-s);flex-direction:column;display:flex}.aside_logo{flex-shrink:0;justify-content:left;align-items:center;height:3rem;display:flex}.aside_logo-image{object-fit:contain;width:222px;height:auto}.aside_layers{border-right:1px solid var(--sidebar-border-color);padding:0 1rem}@media (max-width:768px){.aside_layers{display:none}}.aside_controls{border-left:1px solid var(--sidebar-border-color)}@media (max-width:768px){.aside_controls{background:var(--sidebar-bg-color);z-index:1000;border-left:none;border-top-left-radius:1rem;border-top-right-radius:1rem;width:100%;max-height:50%;transition:bottom .3s;position:fixed;bottom:-100%;left:0;right:0;overflow:hidden;box-shadow:0 -4px 16px #0003}.aside_controls--visible{bottom:0}}.aside_controls__handle-wrapper{display:none}@media (max-width:768px){.aside_controls__handle-wrapper{touch-action:none;justify-content:center;align-items:center;width:100%;height:3rem;display:flex}}.aside_controls__handle{background:var(--border-tertiary);border-radius:2px;width:40px;height:4px}.aside_controls__header{justify-content:space-between;align-items:center;height:3rem;padding:0 1rem;display:flex}.aside_controls__title{font-size:var(--text-size-s);color:var(--text-primary);font-weight:400}.aside_controls__trail{display:flex}.aside_controls__button{border-radius:var(--border-radius-s);width:2rem;height:2rem;stroke:var(--icon-secondary);stroke-width:1.6px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem;transition:background-color .15s,stroke .15s;position:relative}.aside_controls__button:hover{background-color:var(--btn-neutral-bg-hover);stroke:var(--icon-primary)}.aside_controls__button:focus-visible{background-color:var(--btn-neutral-bg-hover);stroke:var(--icon-primary)}.aside_controls__params{-webkit-overflow-scrolling:touch;flex-grow:1;padding:.5rem 1rem;overflow:hidden auto}.aside__actions{flex-direction:row;gap:.5rem;margin-top:1rem;display:flex}.aside__add-effect-button{width:100%}.aside__footer-register{margin:1rem 0}.aside__footer-register-button{width:100%}.aside__footer-register-caption{text-align:center;color:var(--text-tertiary);font-size:var(--text-size-xs);letter-spacing:-.14px;padding:.5rem 0 0;line-height:1.35}.aside__footer-register a{cursor:pointer;text-decoration:underline}.aside__footer-menu{margin:1rem 0}.aside__footer-menu-button{text-transform:uppercase;color:var(--text-secondary);justify-content:flex-start;width:100%}.aside__footer-menu-button-icon{width:20px;height:20px;color:var(--icon-secondary)}.aside__footer-upgrade{background-color:var(--color-gray-800);border-radius:var(--border-radius-m);margin:1rem 0;padding:.25rem .75rem .75rem}.aside__footer-upgrade-title{color:var(--text-secondary);padding:.5rem 0;font-weight:700}.aside__footer-upgrade-text{color:var(--text-tertiary);letter-spacing:-.14px;padding:0 0 1.5rem;line-height:1.35}.aside__footer-upgrade-button{width:100%}.aside__footer-user{gap:.5rem;margin:1rem 0;display:flex}.aside__footer-user-button{justify-content:center;align-items:center;width:100%;height:3rem;padding:.25rem .5rem;display:flex}.aside__footer-user-button__avatar{aspect-ratio:1;object-fit:cover;object-position:center;box-sizing:border-box;background-color:red;border-radius:50%;width:1.5rem;min-width:1.5rem;display:block}.aside__footer-user-button__text{flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;min-width:0;display:flex}.aside__footer-user-button__label{font-size:var(--text-size-xs);color:var(--text-tertiary);letter-spacing:2%;pointer-events:none;text-transform:uppercase}.aside__footer-user-button__name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.4;overflow:hidden}.aside__footer #create-button,[data-auth=loading] .user-only,[data-auth=loading] .anon-only,[data-plan=checking] .pro-only,[data-plan=checking] .free-only,[data-auth=anon] .user-only,[data-auth=user] .anon-only,[data-plan=free] .pro-only,[data-plan=pro] .free-only{display:none}.auth-page__popup-wrapper{max-height:100%;overflow-y:auto}.auth-page__popup{border:1px solid var(--border-primary);border-radius:var(--border-radius-l);background:var(--bg-surface-2);flex-direction:column;gap:1rem;width:22rem;max-width:100%;min-height:-moz-fit-content;min-height:fit-content;max-height:100%;padding:2rem 1.5rem;display:flex;overflow-y:auto}.auth-page__header-text{width:100%;height:2rem;font-size:var(--text-size-s);color:var(--text-primary);justify-content:center;align-items:center;font-weight:600;display:flex}.auth-page__header-text-default{text-align:center;width:100%;height:2rem;font-size:var(--text-size-s);color:var(--text-secondary);font-weight:600}.auth-page__email{color:var(--text-primary)}.auth-page__ggl-btn{text-transform:none;justify-content:center;align-items:center;gap:.5rem;width:100%;height:3rem;display:flex}.auth-page__ggl-btn .button__icon{flex-shrink:0;width:20px;height:20px}.auth-page__divider{height:30px;font-size:var(--text-size-xs);color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;display:flex}.auth-page__line{background-color:var(--border-tertiary);flex:1;width:2px;height:1px}.auth-page__tos{text-align:center;width:100%;line-height:1.5;font-size:var(--text-size-xs);color:var(--text-tertiary);margin-top:1rem;display:inline-block}.auth-page__tos a{color:var(--text-primary)}.auth-page__tos a:hover{cursor:pointer;text-decoration:underline}.auth-page__tos a.disabled{pointer-events:none;cursor:default;text-decoration:none}.auth-page__code-wrapper{gap:.5rem;margin-top:3rem;display:flex}.auth-page input[type=tel]{border:1px solid var(--border-primary);border-radius:var(--border-radius-m);background:var(--bg-surface-1);height:3rem;color:var(--text-primary);text-align:center;font-size:var(--text-size-xl);flex:1;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.auth-page input[type=tel].show-validation:invalid{outline-color:var(--border-error);border-color:var(--border-error)}.auth-page input[type=tel]:hover{outline-color:var(--border-focus);border-color:var(--border-focus)}.auth-page input[type=tel]:focus-visible{outline-color:var(--border-focus);border-color:var(--border-focus)}.auth-page input[type=tel]:focus-visible{outline:2px solid var(--border-focus);outline-offset:-1px}.auth-form{width:100%;margin:0 auto}.auth-form .input-group{margin-top:1rem;position:relative}.auth-form .input-group:first-child{margin-top:0}.auth-form .error-wrapper{color:var(--text-error);align-items:center;gap:.5rem;padding:.5rem 0;display:none}.auth-form .error-wrapper svg{flex:none}.auth-form .error-wrapper svg g{stroke:var(--icon-error)}.auth-form .error-wrapper_code{justify-content:center;margin:1rem 0 3rem;padding:0}.auth-form input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border:1px solid var(--border-primary);border-radius:var(--border-radius-m);width:100%;height:3rem;color:var(--text-primary);background:var(--bg-surface-1);padding-left:1rem;padding-right:1rem}.auth-form input.show-validation:invalid{outline-color:var(--border-error);border-color:var(--border-error)}.auth-form input:hover{outline-color:var(--border-focus);border-color:var(--border-focus)}.auth-form input:focus-visible{outline-color:var(--border-focus);border-color:var(--border-focus)}.auth-form input:focus-visible{outline:2px solid var(--border-focus);outline-offset:-1px}.auth-form input:not([type=tel]):not(:placeholder-shown){padding-top:1.375rem;padding-bottom:.5rem}.auth-form input:not([type=tel]):focus-visible{padding-top:1.375rem;padding-bottom:.5rem}.auth-form input:not([type=tel]):not(:placeholder-shown)~label{color:var(--text-secondary);font-size:.75rem;top:.5rem;left:1rem;transform:translateY(0)}.auth-form input:not([type=tel]):focus-visible~label{color:var(--text-secondary);font-size:.75rem;top:.5rem;left:1rem;transform:translateY(0)}.auth-form label{pointer-events:none;color:var(--text-tertiary);transition:all .3s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.auth-form button{width:100%;height:3rem;box-shadow:inset 0 0 0 1px var(--border-secondary);margin-top:1rem}#upgrade-modal.auth-page{max-height:100%;padding:1rem;overflow-y:auto}#upgrade-modal.auth-page .pricing-hero{padding:1rem 0}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000;position:fixed;top:0;bottom:0;left:0;right:0}.modal-overlay.hidden{display:none!important}.modal-overlay.modal-overlay-transparent{opacity:.8}.modal{z-index:1010;justify-content:center;align-items:center;width:max-content;max-width:100%;max-height:100%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal.hidden{display:none!important}.modal__close-button{z-index:1020;position:absolute;top:1rem;right:1rem}.mobile-header{background:var(--bg-surface-1);z-index:1000;justify-content:space-between;align-items:center;height:3rem;padding:0 .75rem;display:none;position:fixed;top:0;left:0;right:0}@media (max-width:767px){.mobile-header{grid-template-columns:1fr 1fr 1fr;display:grid}}.mobile-header__left{justify-content:left;align-items:center;display:flex}.mobile-header__history{justify-content:center;align-items:center;display:flex}.mobile-header__actions{justify-content:right;align-items:center;display:flex}.mobile-header__login{border-radius:1rem}.mobile-header #mobile-undo-button svg,.mobile-header #mobile-redo-button svg,.mobile-header #help-button svg,.mobile-header #presets-button svg,.mobile-header #user-button svg{width:20px;height:20px}.mobile-header [data-mount=help-button] #help-button{justify-content:center;width:2rem;height:2rem;padding:0}.mobile-header [data-mount=help-button] #help-button .aside__footer-menu-button-label{display:none}.mobile-header [data-mount=presets-button] #presets-button{color:var(--text-secondary);background:0 0;border:none;width:2rem;height:2rem}.mobile-header [data-mount=presets-button] #presets-button:hover{background:var(--bg-surface-2);color:var(--text-primary)}.mobile-header [data-mount=presets-button] #presets-button:active{background:var(--bg-surface-3)}.mobile-header [data-mount=user-button] #user-button{border-radius:50%;width:2rem;height:2rem;padding:0}.mobile-header [data-mount=user-button] #user-button .aside__footer-user-button__text{display:none}@media (max-width:767px){.page{padding-top:58px}}.menu{z-index:4;visibility:hidden;opacity:0;box-sizing:border-box;border:1px solid var(--border-secondary);border-radius:var(--border-radius-m);background-color:var(--bg-surface-3);width:13rem;margin:0;padding:.5rem 0;font-size:14px;list-style:none;transition:visibility .1s,opacity .1s;display:block;position:absolute}.menu.menu_visible{visibility:visible;opacity:1}.menu-submenu{z-index:1001;margin-left:.5rem;position:absolute;top:-.5rem;left:100%}.menu-item{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;width:100%;height:2rem;padding:0 .75rem;transition:background-color .1s;display:flex}.menu-item:hover,.menu-item:focus{background-color:var(--bg-surface-3-hover)}.menu-item__link{width:100%;height:100%;color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.menu-item__link:visited{color:inherit;text-decoration:none}.menu-item__name{width:100%;height:100%;color:inherit;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.menu-item__name:visited{color:inherit;text-decoration:none}.menu-item__shrtct{color:var(--text-tertiary);padding-right:.75rem}.menu-item__icon{display:flex}.menu-item__arrow{color:var(--text-tertiary);align-items:center;margin-left:auto;padding-left:.5rem;display:flex}.menu-item--title{border-bottom:1px solid var(--border-secondary);color:var(--text-primary);cursor:default;pointer-events:none;font-weight:500}.menu-item--title:hover,.menu-item--title:focus{background:0 0}.menu-item--empty{color:var(--text-tertiary);cursor:default;pointer-events:none}.menu-item--empty:hover,.menu-item--empty:focus{background:0 0}.menu-item--separator{border-bottom:1px solid var(--border-secondary);pointer-events:none;margin:.5rem 0;height:0!important}.menu-item--submenu{position:relative}.menu-item--submenu:hover>.menu-submenu{visibility:visible;opacity:1}:root{--explore-column-gap:.25rem;--explore-nav-height:3.625rem}.explore-page{height:100vh;overflow:hidden}.explore-page #explore-button{display:none}.explore-page #create-button{display:inline-flex}.explore-page .mobile-header__history{visibility:hidden}.explore-layout{gap:var(--explore-column-gap);grid-template-columns:16rem 1fr;height:100vh;display:grid}@media (max-width:768px){.explore-layout{height:calc(100vh - var(--explore-nav-height));grid-template-rows:auto 1fr;grid-template-columns:1fr;margin-top:3rem}}.explore-sidebar{font-size:var(--text-size-s);background-color:var(--bg-surface-1);flex-direction:column;justify-content:space-between;padding:0 1rem;display:flex;overflow-y:auto}.explore-sidebar .aside_logo{align-items:center;height:3rem;display:flex}.explore-sidebar .aside_logo a{align-items:center;height:100%;line-height:0;display:inline-flex}.explore-sidebar .aside_logo-image{object-fit:contain;width:222px;height:auto}@media (max-width:768px){.explore-sidebar{z-index:10;width:100%;height:58px;padding:0 .5rem;position:fixed;bottom:0}.explore-sidebar .aside__footer,.explore-sidebar .aside_logo{display:none}}.explore-content{height:100vh;padding:1rem 1rem 2rem 0;overflow-y:auto}@media (max-width:768px){.explore-content{height:calc(100dvh - var(--explore-nav-height));padding:0 .5rem calc(.5rem + var(--explore-nav-height))}}.explore-grid{align-items:flex-start;gap:var(--explore-column-gap);justify-content:stretch;max-width:1648px;margin:0 auto;display:flex}.explore-grid__col{gap:var(--explore-column-gap);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.explore-card{cursor:pointer;aspect-ratio:var(--aspect-ratio,1/1);border-radius:var(--border-radius-xs);page-break-inside:avoid;break-inside:avoid;box-sizing:border-box;width:100%;max-width:100%;margin:0;position:relative;overflow:hidden}.explore-card__image{object-fit:cover;width:100%;height:100%;display:block}.explore-card__overlay{opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#0003 40%,#00000080 100%);justify-content:space-between;align-items:center;padding:2rem .75rem .75rem;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.explore-card__actions{gap:.5rem;display:flex}.explore-card:hover .explore-card__overlay,.explore-card:focus-within .explore-card__overlay{opacity:1;pointer-events:auto}.explore-card__name{color:var(--text-primary);font-family:var(--font-family-body);font-size:var(--text-size-s)}.explore-card__action-button{border-radius:50%;width:2rem;height:2rem}.explore-nav{flex-direction:column;justify-content:center;display:flex}@media (max-width:768px){.explore-nav{flex:1}}.explore-nav__section{text-transform:uppercase;font-family:var(--font-family-body);font-size:var(--text-size-s);padding:unset;margin:unset;flex-direction:column;font-weight:400;display:flex}@media (max-width:768px){.explore-nav__section{flex-direction:row;gap:.5rem}}.explore-nav__item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius-s);height:2.5rem;color:var(--text-secondary);align-items:center;gap:.5rem;padding:.25rem .75rem;display:flex}.explore-nav__item-icon{width:20px;height:20px}.explore-nav__item.active{background-color:var(--bg-surface-1-active);color:var(--text-primary)}.explore-nav__item.active:hover{background-color:var(--bg-surface-1-active)}.explore-nav__item:hover{background-color:var(--bg-surface-1-hover)}@media (max-width:768px){.explore-nav__item{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:0}.explore-nav__item-icon,.explore-nav__item svg{width:1.5rem;height:1.5rem}.explore-nav__item .explore-nav__item-label{letter-spacing:.05em;font-size:10px}.explore-nav__item.active{background-color:#0000}}
