@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-750:oklch(from var(--color-gray-950)calc(l + .143)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-2-hover:var(--color-gray-800);--bg-surface-3-hover:var(--color-gray-700);--bg-surface-1-active:var(--color-gray-850);--bg-surface-2-active:var(--color-gray-750);--bg-surface-3-active:var(--color-gray-600);--bg-primary:var(--color-gray-100);--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:oklch(.9 0 0/.08);--btn-subtle-bg-active:oklch(.9 0 0/.12);--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);--text-primary:var(--color-gray-100);--text-secondary:var(--color-gray-300);--text-tertiary:var(--color-gray-400);--text-disabled:var(--color-gray-500);--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-tertiary:var(--color-gray-400);--icon-disabled:var(--color-gray-500);--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-m:1rem;--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;--text-size-7xl:4rem;--font-family-heading:"MNOctic",monospace;--font-family-body:"CommitMono",monospace}a,ol,li,button,select,input,textarea{all:unset;line-height:1}li,div,button,select,input,textarea,span{box-sizing:border-box}html{color-scheme:dark;font-size:16px}body{background:var(--bg-surface-1);color:var(--text-primary);margin:0}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{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)}.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_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_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)}.media-input{border:1px solid var(--border-secondary);border-radius:var(--border-radius-m);background:var(--bg-surface-2);cursor:pointer;margin:0 1rem;transition:border-color .15s;position:relative;overflow:hidden}.media-input:hover{border-color:var(--border-primary)}.media-input:hover .media-input__icon{opacity:1}.media-input:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.media-input__img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;clip-path:1px round var(--border-radius-m);display:block}.media-input__icon{pointer-events:none;opacity:0;border-radius:inherit;z-index:2;background-color:#0006;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:768px){.selector__bar .media-input{width:48px;height:48px;margin:0}.selector__bar .media-input__icon{opacity:1}}.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}.selector{touch-action:manipulation;visibility:hidden;opacity:0;top:2rem;bottom:7rem;left:calc(var(--sidebar-size) + 1rem);z-index:3;border-radius:var(--border-radius-xl);border:1px solid var(--border-secondary);background-color:var(--bg-surface-3);width:600px;font-size:var(--text-size-s);grid-template-columns:1fr 2fr;transition:visibility .15s,opacity .15s;display:grid;position:absolute;overflow:hidden;box-shadow:0 1rem 2rem .5rem #0c0c0d66}.selector_visible{visibility:visible;opacity:1}.selector__actions{display:none}.category-list{border-right:1px solid var(--border-secondary);height:100%;margin:0;padding:0;overflow:auto}.category{cursor:pointer;align-items:center;gap:8px;width:100%;height:64px;padding:8px;transition:background-color .15s;display:flex}.category:hover{background-color:var(--bg-surface-3-hover)}.category:focus-visible{background-color:var(--bg-surface-3-hover)}.category:hover .category__icon-wrapper{color:var(--icon-secondary)}.category:focus-visible .category__icon-wrapper{color:var(--icon-secondary)}.category:hover .category__name{color:var(--text-secondary)}.category:focus-visible .category__name{color:var(--text-secondary)}.category_active{background-color:var(--bg-surface-3-active)}.category_active>.category__name{color:var(--text-primary)}.category_active>.category__icon-wrapper{color:var(--icon-primary)}.category_active:hover{background-color:var(--bg-surface-3-active)}.category_active:focus-visible{background-color:var(--bg-surface-3-active)}.category_active:hover .category__icon-wrapper{color:var(--icon-primary)}.category_active:focus-visible .category__icon-wrapper{color:var(--icon-primary)}.category_active:hover .category__name{color:var(--text-primary)}.category_active:focus-visible .category__name{color:var(--text-primary)}.category__icon-wrapper{width:40px;height:40px;color:var(--icon-secondary);padding:8px;transition:color .15s}.category__icon-wrapper svg [fill]{fill:currentColor;fill-opacity:1}.category__name{color:var(--text-secondary);transition:color .15s}.previews{max-height:100%;overflow:auto}.previews-group{grid-template-columns:repeat(2,1fr);grid-auto-rows:fit-content(0);gap:12px;padding:20px 20px 12px 12px;display:grid}.previews-group[hidden]{display:none}.card{cursor:pointer;min-width:0;height:-moz-fit-content;height:fit-content}.card:hover .card__image{border-color:var(--btn-neutral-border-hover)}.card:focus-visible .card__image{border-color:var(--btn-neutral-border-hover)}.card:hover .card__info{color:var(--text-primary)}.card:focus-visible .card__info{color:var(--text-primary)}.card__image{aspect-ratio:1;object-fit:cover;box-sizing:border-box;border-radius:var(--border-radius-m);border:1px solid var(--btn-neutral-border);max-width:100%;transition:border-color .15s;display:block}.card__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card__info{color:var(--text-secondary);gap:8px;margin-top:8px;display:flex}@media (max-width:768px){.selector{border:none;border-top:1px solid var(--border-tertiary);background-color:var(--bg-surface-1);visibility:visible;opacity:1;border-radius:0;flex-direction:column;gap:8px;width:100%;height:auto;padding:8px 12px;transition:none;display:flex;position:fixed;top:auto;bottom:0;left:0;right:0}.selector__actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.selector__bar{order:2;justify-content:space-between;align-items:center;height:72px;display:flex}.selector__bar .button{width:48px;height:48px;margin:0}.category-list{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;border:none;flex-direction:row;align-items:center;gap:8px;margin:0;scroll-padding-inline:16px;display:flex;overflow:auto hidden}.category-list::-webkit-scrollbar{display:none}.category-list li{scroll-snap-align:start;flex:none}.category{justify-content:center;align-items:center;gap:4px;height:auto;padding:8px}.category__icon-wrapper{width:24px;height:24px;color:var(--icon-tertiary);padding:0}.category__name{display:none}.category_active,.category_active:hover{background-color:#0000}.category_active:focus-visible{background-color:#0000}.previews{order:1;display:block;overflow:hidden}.previews-group{scrollbar-width:none;-ms-overflow-style:none;flex-direction:row;gap:8px;padding:8px 2px 4px;display:flex;overflow:auto hidden}.previews-group::-webkit-scrollbar{display:none}.card{flex:none;width:64px}.card__info{display:none}}.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;overflow:hidden}.menu.menu_visible{visibility:visible;opacity:1}.menu-item{cursor:pointer;justify-content:space-between;align-items:center;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__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--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;height:0;margin:.5rem 0}.presets-menu{top:17rem;left:calc(var(--sidebar-size) + 1rem);width:16rem}.presets-menu .menu-item{min-height:1rem;padding-right:.25rem}.presets-menu .menu-item .button-icon{opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s}.presets-menu .menu-item:hover .button-icon{opacity:1;visibility:visible}.presets-menu .menu-item__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.presets-menu .menu-item__icon{flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.presets-menu__create{padding-left:2px}.presets-menu__create--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.presets-menu__create--disabled .menu-item__icon{color:var(--icon-disabled)}.presets-menu__create--disabled .menu-item__name{color:var(--text-disabled)}.presets-menu__upgrade-text{font-size:var(--text-size-xs);color:var(--text-primary)}.presets-menu__upgrade-link{color:var(--text-primary);cursor:pointer;text-decoration:underline}.presets-menu__upgrade-link:hover{color:var(--text-secondary)}.presets-menu__usage{font-size:var(--text-size-xs);color:var(--text-tertiary)}.presets-menu__footer{height:2rem;color:var(--text-tertiary);font-size:var(--text-size-xs);align-items:center;padding:.5rem .75rem;display:flex}: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_layers{border-right:1px solid var(--sidebar-border-color)}@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 .75rem;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 .75rem 0;overflow:hidden auto}.aside__text-header{color:var(--text-primary);justify-content:space-between;align-items:baseline;padding:0 1rem;display:flex}.aside__text-header h2{height:3rem;font-size:var(--text-size-s);align-items:center;font-weight:400;display:flex}.aside__text-header span{color:var(--text-tertiary)}.aside__actions{flex-direction:row;gap:.5rem;margin:1rem 1rem 0;display:flex}.aside__add-effect-button{width:100%}.aside__footer{margin:1rem 0;padding:0 1rem}.aside__footer-title{color:var(--text-secondary);padding:.5rem 0;font-weight:700}.aside__footer-descr{color:var(--text-tertiary);letter-spacing:-.14px;padding:.5rem 0;line-height:1.35}.aside__footer-nologin .button{width:100%}.aside__footer-nologin .aside__footer-descr{text-align:center;font-size:var(--text-size-xs);padding:.5rem 0 0}.aside__footer-nologin .aside__footer-descr a{cursor:pointer;text-decoration:underline}.aside__footer-info{border-bottom:1px solid var(--border-primary);align-items:center;gap:.5rem;width:100%;margin-bottom:1rem;padding:.75rem 0;display:inline-flex}.aside__footer-upgrade{background-color:var(--color-gray-800);border-radius:var(--border-radius-m);margin:0 1rem;padding:.25rem .75rem .75rem}.aside__footer-upgrade .aside__footer-descr{padding-top:0;padding-bottom:1.5rem}.param-control{-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.param-control__header{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:.25rem;height:2.5rem;display:flex}.param-control__header input:first-of-type{margin-left:auto}.param-control__header--switch{height:3rem}.param-control__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.param-control input[type=number],.param-control input[type=text]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-align:right;border-radius:var(--border-radius-s);width:0;min-width:5ch;max-width:15ch;transition:outline-color var(--transition-50);outline:1px solid #0000;padding:.5rem;transform:translate(.5rem)}.param-control input[type=number]:hover,.param-control input[type=text]:hover{color:var(--text-primary)}.param-control input[type=number]:focus-visible{color:var(--text-primary)}.param-control input[type=text]:focus-visible{color:var(--text-primary)}.param-control input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.param-control input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.slider{--thumb-width:36px;--padding:18px;width:100%;position:relative}.slider__range-wrapper{height:2rem;position:relative}.slider__range{z-index:1;width:calc(100% + 2*var(--padding));margin:0 calc(-1*var(--padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;-webkit-box-shadow:none;cursor:pointer}.slider__range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;-webkit-box-shadow:none;width:var(--thumb-width);height:var(--thumb-width);-webkit-background-clip:padding;-moz-background-clip:padding;border:var(--padding)solid transparent;background:0 0;background-image:linear-gradient(var(--text-primary),var(--text-primary));background-position:bottom;background-repeat:no-repeat;background-size:1px 8px}.slider__range::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;box-shadow:none;width:var(--thumb-width);height:var(--thumb-width);-moz-background-clip:padding;background-clip:padding-box;background:transparent linear-gradient(var(--text-primary),var(--text-primary))no-repeat center 1px;border:var(--padding)solid transparent;background-size:1px 8px}.slider__range:hover::-webkit-slider-thumb{background-size:3px 14px}.slider__range:focus-visible::-webkit-slider-thumb{background-size:3px 14px}.slider__range:hover::-moz-range-thumb{background-position:50% -5px;background-size:3px 14px}.slider__range:focus-visible::-moz-range-thumb{background-position:50% -5px;background-size:3px 14px}.slider__track{z-index:-1;background:linear-gradient(to right,var(--border-primary)var(--progress),var(--border-secondary)var(--progress));transform-origin:bottom;height:2px;transition:transform 10ms ease-out;position:absolute;top:50%;left:0;right:0;transform:scaleY(1)}.slider:has(.slider__range:hover) .slider__track{transform:scaleY(2)}.switch{box-sizing:border-box;cursor:pointer;border-radius:var(--border-radius-s);background:var(--bg-surface-3);align-items:center;width:4rem;height:2rem;display:flex;position:relative}.switch input[type=checkbox]{opacity:0;width:100%;height:100%;position:absolute}.switch input[type=checkbox]:checked~.switch__label_on{opacity:1}.switch input[type=checkbox]:checked~.switch__label_off{opacity:0}.switch input[type=checkbox]:checked~.switch__thumb{background:var(--text-secondary);left:calc(100% - 1.5rem - 1px)}.switch__label{pointer-events:none;-webkit-user-select:none;user-select:none;flex:1;transition:opacity 10ms ease-out}.switch__label_on{text-align:left;color:var(--text-secondary);opacity:0;padding-left:.5rem}.switch__label_off{text-align:right;color:var(--text-tertiary);opacity:1;padding-right:.5rem}.switch__thumb{background:var(--text-tertiary);border-radius:3px;width:1.5rem;height:calc(100% - 2px);transition:left 10ms ease-out,background 10ms ease-out;position:absolute;top:1px;left:1px}.coords{cursor:pointer;aspect-ratio:2;border:1px solid var(--border-primary);border-radius:var(--border-radius-m);justify-content:center;align-items:center;width:100%;margin-bottom:1rem;display:flex;position:relative}.coords__lines{pointer-events:none;width:100%;height:100%;position:absolute}.coords__lines svg{stroke:var(--border-primary);stroke-width:1px}.coords__thumb{background:var(--text-primary);border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.color__wrapper{height:2.5rem;padding-top:.25rem;padding-bottom:.25rem}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--border-radius-s);outline-offset:-.9px;outline:1px solid #0000;width:100%;height:2rem;transition:outline-color 10ms ease-out;position:relative}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}input[type=color]:before{content:"";z-index:-1;border-radius:var(--border-radius-s);background:repeating-conic-gradient(#fafafa 0% 25%,#ebebeb 0% 50%) 50%/2rem 2rem;width:99%;height:99%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=color]:hover{outline-color:var(--border-primary)}input[type=color]:focus-visible{outline-color:var(--border-primary)}@media (max-width:768px){.toolbar__group-video .slider__range::-webkit-slider-thumb{background-size:0}.toolbar__group-video .slider__range::-moz-range-thumb{background-size:0}.toolbar__group-video .slider__range:hover::-webkit-slider-thumb{background-size:0}.toolbar__group-video .slider__range:focus-visible::-webkit-slider-thumb{background-size:0}.toolbar__group-video .slider__range:hover::-moz-range-thumb{background-size:0}.toolbar__group-video .slider__range:focus-visible::-moz-range-thumb{background-size:0}.toolbar__group-video .slider__track{background:linear-gradient(to right,#fff var(--progress),#ffffff80 var(--progress));border-radius:4px;height:8px;transform:translateY(-50%)!important}}.layers{-webkit-user-select:none;user-select:none;flex-grow:1;padding-top:1rem;overflow:auto}.layers__item{-webkit-user-drag:element;cursor:pointer;min-height:2.5rem;color:var(--text-secondary);flex-direction:row;justify-content:space-between;align-items:center;padding:.25rem .5rem .25rem 1rem;line-height:1;display:flex;position:relative}.layers__item:hover{background-color:var(--bg-surface-2-hover)}.layers__item:focus-visible{background-color:var(--bg-surface-2-hover)}.layers__item:hover .layers__icon{stroke:var(--icon-secondary);visibility:visible;opacity:1}.layers__item:focus-visible .layers__icon{stroke:var(--icon-secondary);visibility:visible;opacity:1}.layers__item:hover .layers__icon:hover{stroke:var(--icon-primary)}.layers__item:hover .layers__icon:focus-visible{stroke:var(--icon-primary)}.layers__item:focus-visible .layers__icon:hover{stroke:var(--icon-primary)}.layers__item:focus-visible .layers__icon:focus-visible{stroke:var(--icon-primary)}.layers__item_active{color:var(--text-primary);background-color:var(--bg-surface-2-active)}.layers__item_active:hover{background-color:var(--bg-surface-2-active)}.layers__item_active:focus-visible{background-color:var(--bg-surface-2-active)}.layers__item_dragging{color:var(--text-primary);background-color:var(--bg-surface-2-hover);opacity:.6}.layers__item_disabled{color:var(--text-disabled)}.layers__item_top-line:after,.layers__item_bot-line:before{visibility:visible;opacity:1}.layers__item_no-transition{transition:none}.layers__item:after,.layers__item:before{content:"";visibility:hidden;opacity:0;background-color:var(--icon-primary);width:14.5rem;height:1px;position:absolute;left:50%;transform:translate(-50%)}.layers__item:after{top:-1px}.layers__item:before{bottom:0}.layers__name{white-space:nowrap;text-overflow:ellipsis;min-height:1rem;overflow:hidden}.layers__icon{visibility:hidden;opacity:0;width:2rem;height:2rem;stroke:var(--icon-primary);stroke-width:1.6px;padding:.5rem}.layers__icon_visible-disabled{visibility:visible;opacity:1;stroke:var(--icon-disabled)}.layers__icon_visible-disabled:hover{stroke:var(--icon-disabled)}.layers__icon_visible-disabled:focus-visible{stroke:var(--icon-disabled)}.layers__icon:hover{stroke:var(--icon-primary)}.layers__icon:focus-visible{stroke:var(--icon-primary)}.layers__trail{display:flex}.toolbar{z-index:2;border-radius:var(--border-radius-xl);background-color:var(--bg-surface-3);align-items:center;gap:.75rem;padding:.5rem;font-size:14px;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.toolbar__button{padding:10px}.toolbar__divider{background-color:var(--border-secondary);width:1px;height:32px}@media (max-width:768px){.toolbar__divider{display:none}}.toolbar__zoom{border-radius:var(--border-radius-m);outline:1px solid #0000;align-items:center;padding:.75rem 10px .75rem 0;display:flex;position:relative}.toolbar__zoom:hover{outline-color:var(--border-focus)}.toolbar__zoom:focus-visible{outline-color:var(--border-focus)}.toolbar__zoom input{margin-right:1px}.toolbar input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-align:right;width:4ch;padding-right:.5rem;transform:translate(.5rem)}.toolbar input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.toolbar input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.toolbar__chevron{stroke:var(--icon-primary);stroke-width:1.6px;width:1rem;height:1rem;margin-left:.25rem}.toolbar__group{align-items:center;gap:.75rem;display:flex}.toolbar__group-video{flex:1;width:400px;display:none}@media (max-width:768px){.toolbar__group-video{width:100%;padding:.5rem .75rem;position:fixed;bottom:212px}.toolbar{display:none}}.export-button .button__icon{display:none}@media (max-width:768px){.export-button .button__icon{display:inline}.export-button .button__text{display:none}}.dock-container{--size:4em;--size-hover:8.5em;--size-hover-next:7em;--size-hover-next-next:5em;--fade-size:64px;--fade-size-left:var(--fade-size);--fade-size-right:var(--fade-size);z-index:2;pointer-events:none;width:100%;padding:0 32px;position:absolute;bottom:64px}.dock-container:has(.dock__indicator:hover,.dock:hover) .dock{opacity:1;pointer-events:auto;transform:scale(1)}.dock-container:has(.dock__indicator:hover,.dock:hover) .dock__indicator{opacity:0;pointer-events:none}@media (max-width:768px){.dock-container{display:none}}.dock__indicator{cursor:pointer;opacity:1;pointer-events:auto;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:64px;height:32px;margin:0 auto;transition:opacity .25s;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.dock__indicator-dot{background-color:var(--icon-primary);border-radius:50%;width:6px;height:6px}.dock{opacity:0;pointer-events:none;will-change:transform;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-size-left),#000 calc(100% - var(--fade-size-right)),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-size-left),#000 calc(100% - var(--fade-size-right)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-size-left),#000 calc(100% - var(--fade-size-right)),transparent 100%);padding:32px 16px 16px;transition:opacity .25s,transform .25s;overflow:scroll hidden;transform:scale(.6)translateY(32px);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.dock .dock-list-wrapper{width:-moz-fit-content;width:fit-content;margin:0 auto}.dock .dock-list-wrapper::-webkit-scrollbar{display:none}.dock .dock-list{min-width:max-content;margin-top:0;padding:0;list-style:none;display:flex}.dock .dock-list li:first-child,.dock .dock-list li:last-child{scroll-snap-align:start;scroll-margin:56px}.dock .dock__item{width:var(--size);will-change:width;scroll-snap-align:start;will-change:transform;z-index:0;justify-content:center;align-items:flex-end;padding:8px;transition:width .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.dock .dock__item:active .dock__icon{transition:transform .2s cubic-bezier(.16,1,.3,1);transform:scale(.92)}.dock .dock__item--hover{width:var(--size-hover);z-index:2}.dock .dock__item--hover-next{width:var(--size-hover-next);z-index:1}.dock .dock__item--hover-next-next{width:var(--size-hover-next-next);z-index:0}.dock .dock__item .dock__tooltip{background:var(--bg-surface-3);color:var(--text-primary);white-space:nowrap;opacity:0;pointer-events:none;border-radius:4px;padding:5px 10px;font-size:14px;transition:opacity .1s,transform .3s;position:absolute;top:-32px;transform:translateY(0)}.dock .dock__item--hover .dock__tooltip{opacity:1}.dock button.dock__icon{aspect-ratio:1;width:100%;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:12px;padding:0;overflow:hidden}.dock button.dock__icon img{object-fit:cover;width:100%;height:100%;display:block}.dock a.dock__icon{aspect-ratio:1;width:100%;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:12px;padding:0;text-decoration:none;display:block;overflow:hidden}.dock a.dock__icon img{object-fit:cover;width:100%;height:100%;display:block}.at-start{--fade-size-left:1px}.at-end{--fade-size-right:1px}[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}.user{gap:.5rem;padding:.75rem 1rem .75rem .75rem;display:flex}.user-button{border-radius:50%;flex:0 0 2.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;display:flex}.user-button__avatar{aspect-ratio:1;object-fit:cover;object-position:center;box-sizing:border-box;border-radius:50%;width:2rem;min-width:2rem;display:block}.user-button__label{background:var(--bg-primary);color:var(--bg-surface-2);letter-spacing:2%;pointer-events:none;border-radius:11px;padding:2px 4px;font-size:10px;position:absolute;bottom:0;left:1rem}.user-button__upgrade{border:1px solid var(--border-secondary);width:100%}#upgrade-modal.auth-page{max-height:100%;padding:1rem;overflow-y:auto}#upgrade-modal.auth-page .pricing-hero{padding:1rem 0}.modal-overlay{-webkit-backdrop-filter:blur(170px);backdrop-filter:blur(170px);z-index:1000;background:#111112c7;position:fixed;top:0;bottom:0;left:0;right:0}.modal-overlay.hidden{display:none!important}.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}.footer{text-transform:uppercase;color:var(--text-tertiary);font-size:var(--text-size-s);grid-template:".links"1fr"cta cta"/1fr 1fr;align-content:end;gap:.25rem;height:90svh;padding:1rem;display:grid}.footer .footer-content{grid-area:links;gap:2rem;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-content a:visited{color:var(--text-tertiary)}.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}@media (max-width:768px){.footer{grid-template-columns:1fr;grid-template-areas:"links""cta";height:50svh}.footer .footer-cta{padding:2rem 1.5rem 1.5rem}}.pricing-wrapper{width:100%;padding-bottom:6rem}.pricing-hero{text-align:center;padding:0 0 2rem}.pricing-hero h1{font-size:var(--text-size-3xl);color:var(--text-primary);letter-spacing:2px;margin:0 0 1rem;font-family:MNOctic,monospace;font-weight:700;font-stretch:110%}.pricing-hero p{font-size:var(--text-size-s);color:var(--text-primary);margin:0}.switch-container{font-size:var(--text-size-s);justify-content:center;align-items:center;margin-bottom:2rem;margin-left:2rem;display:flex}.switch-container .switch{border:1px solid var(--border-primary);margin:0 1rem}.switch-container .discount{color:var(--text-warning);margin-left:.75rem}.pricing-cards{flex-wrap:wrap;justify-content:center;width:-moz-fit-content;width:fit-content;margin:0 auto;display:flex}@media (max-width:768px){.pricing-cards{flex-direction:column}}.pricing-card{background:var(--bg-surface-2);flex:1;max-width:286px;padding:16px}.pricing-card:first-child{border:1px solid var(--border-primary);border-right:1px solid var(--border-tertiary);border-radius:var(--border-radius-xl)0 0 var(--border-radius-xl)}.pricing-card:last-child{border-radius:0 var(--border-radius-xl)var(--border-radius-xl)0;border:1px solid var(--border-primary);border-left:none}@media (max-width:768px){.pricing-card:first-child{border:1px solid var(--border-primary);border-bottom:1px solid var(--border-tertiary);border-radius:var(--border-radius-xl)var(--border-radius-xl)0 0}.pricing-card:last-child{border-radius:0 0 var(--border-radius-xl)var(--border-radius-xl);border:1px solid var(--border-primary);border-top:none}}.pricing-card header{text-align:left;margin-bottom:8px}.pricing-card header h2{font-size:var(--text-size-xl);color:var(--text-primary);margin:0 0 8px;font-weight:400}.pricing-card__price{gap:2px;display:flex}.pricing-card__price-currency{font-size:var(--text-size-xl);margin-top:8px}.pricing-card__price-amount{font-size:var(--text-size-5xl)}.pricing-card__price-frequency{color:var(--text-tertiary);font-size:var(--text-size-s);flex-direction:column;justify-content:flex-end;gap:4px;margin:0 0 7px 4px;display:flex}.pricing-card__description{color:var(--text-primary);font-size:var(--text-size-s);margin-bottom:1.5rem;line-height:1.5}.pricing-card__cta{width:100%;height:40px;font-size:var(--text-size-s);margin-bottom:1.5rem}.pricing-card__features{font-size:var(--text-size-s);margin:0;padding:0;list-style:none}.pricing-card__features li{color:var(--text-secondary);align-items:center;padding:8px 0;display:flex}.pricing-card__features li:before{content:"";background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3337 4L6.00033 11.3333L2.66699 8' stroke='%23B2B2B2' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:16px;height:16px;margin-right:12px}.header{z-index:100;justify-content:center;align-items:center;height:40px;padding:1rem 0;display:flex;position:sticky;top:0}.header a{cursor:pointer}.header .logo svg{width:100%;height:auto;max-height:16px}@media (max-width:768px){.header{padding:.5rem 0}.header .logo svg{max-height:12px}}.pricing-page{justify-content:center;align-items:center;min-height:80svh;margin-bottom:4rem;display:flex}[data-mount]{display:contents}.not-mac::-webkit-scrollbar{background-color:#0000;width:8px;height:8px}.not-mac::-webkit-scrollbar-thumb{background-color:#0000;border-radius:10px}.not-mac:hover::-webkit-scrollbar-thumb{background-color:#91919366}.not-mac::-webkit-scrollbar-track{background-color:#0000}.app{-webkit-user-select:none;user-select:none;overflow:hidden}.page{height:100vh;max-width:none;height:100dvh;display:flex}@media (max-width:768px){.page{padding-bottom:212px}}.content{background:var(--bg-surface-1);touch-action:none;flex-grow:1;position:relative}.canvas-container{transform-origin:0 0;will-change:transform;width:0;height:0;position:absolute}.copyright{color:var(--text-tertiary);white-space:nowrap;padding:.5rem 0;font-size:12px;display:none;position:fixed}.copyright[data-state=visible]{display:block}.copyright a{cursor:pointer;color:var(--text-tertiary);text-decoration:none}.copyright a:hover{text-decoration:underline}.copyright a:visited{color:inherit}