@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-weight:400;src:url(/assets/m-plus-rounded-1c-v15-latin-regular.8ea951d7.eot);src:local(""),url(/assets/m-plus-rounded-1c-v15-latin-regular.8ea951d7.eot?#iefix) format("embedded-opentype"),url(/assets/m-plus-rounded-1c-v15-latin-regular.cd15770a.woff2) format("woff2"),url(/assets/m-plus-rounded-1c-v15-latin-regular.5fd40d20.woff) format("woff"),url(/assets/m-plus-rounded-1c-v15-latin-regular.5df92fb5.ttf) format("truetype"),url(/assets/m-plus-rounded-1c-v15-latin-regular.6be49865.svg#MPLUSRounded1c) format("svg")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-weight:800;src:url(/assets/m-plus-rounded-1c-v15-latin-800.aa7a36aa.eot);src:local(""),url(/assets/m-plus-rounded-1c-v15-latin-800.aa7a36aa.eot?#iefix) format("embedded-opentype"),url(/assets/m-plus-rounded-1c-v15-latin-800.814138a9.woff2) format("woff2"),url(/assets/m-plus-rounded-1c-v15-latin-800.1a9d9f7c.woff) format("woff"),url(/assets/m-plus-rounded-1c-v15-latin-800.c348d62d.ttf) format("truetype"),url(/assets/m-plus-rounded-1c-v15-latin-800.01b2ebfa.svg#MPLUSRounded1c) format("svg")}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400;src:url(/assets/ubuntu-mono-v15-latin-regular.3b4cf932.eot);src:local(""),url(/assets/ubuntu-mono-v15-latin-regular.3b4cf932.eot?#iefix) format("embedded-opentype"),url(/assets/ubuntu-mono-v15-latin-regular.b07e4ebe.woff2) format("woff2"),url(/assets/ubuntu-mono-v15-latin-regular.5a3860d7.woff) format("woff"),url(/assets/ubuntu-mono-v15-latin-regular.252d6e34.ttf) format("truetype"),url(/assets/ubuntu-mono-v15-latin-regular.f7de38c4.svg#UbuntuMono) format("svg")}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@keyframes morph{0%{border-radius:40% 60% 60% 40%/70% 30%}to{border-radius:40% 60%}}@keyframes spin{to{transform:rotate(1turn)}}*,*:before,*:after{box-sizing:border-box}html,body{background:#000011;color:#fff;font-family:"M PLUS Rounded 1c",sans-serif;overflow-x:hidden}.alert{position:fixed;left:50%;top:30%;transform:translate(-50%);color:#001;font-size:1.5rem;pointer-events:none;z-index:100;padding:1em;background:rgba(255,255,255,.8);border-radius:.5em;white-space:nowrap}.footer{background:rgba(255,255,255,.15);min-height:2rem;text-align:center;color:#fff9;font-size:.875rem;line-height:1.2rem;padding:.4rem 0}.footer__heart{padding:0 .125em;color:#06f}.footer a{text-decoration:none;color:#fffc}.footer a:hover{text-decoration:underline}.footer .footer-links{margin-bottom:8px}.footer .footer-links a{display:inline-block;margin:0 10px;padding:4px 12px;background:rgba(255,255,255,.1);border-radius:15px;transition:background .3s}.footer .footer-links a:hover{background:rgba(255,255,255,.2);text-decoration:none}.cookie-banner{display:none;position:fixed;bottom:0;left:0;right:0;background:rgba(0,0,17,.95);backdrop-filter:blur(10px);padding:20px;z-index:1000;border-top:1px solid rgba(255,255,255,.2)}.cookie-banner .cookie-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}.cookie-banner .cookie-content p{margin:0;font-size:.9rem;color:#ffffffe6;flex:1;min-width:300px}.cookie-banner .cookie-content p a{color:#0ff;text-decoration:none}.cookie-banner .cookie-content p a:hover{text-decoration:underline}.cookie-banner .cookie-buttons{display:flex;gap:10px}.cookie-banner .cookie-btn{padding:8px 20px;border-radius:20px;border:none;cursor:pointer;font-weight:700;font-size:.85rem;transition:all .3s}.cookie-banner .cookie-btn--accept{background:linear-gradient(135deg,#0066FF 0%,#00FFFF 100%);color:#fff}.cookie-banner .cookie-btn--accept:hover{transform:scale(1.05)}.cookie-banner .cookie-btn--reject{background:rgba(255,255,255,.15);color:#ffffffe6;border:1px solid rgba(255,255,255,.3)}.cookie-banner .cookie-btn--reject:hover{background:rgba(255,255,255,.25)}.header{margin:0 0 1rem;text-align:center;position:relative;z-index:10}.header__links{margin:.5em auto 0;padding-top:.25em;max-width:26.75rem;border-top:1px solid rgba(255,255,255,.5)}.header__links a{font-size:.75rem;color:#0ff;text-decoration:none;padding:0 .5rem;opacity:.8;transition:opacity .3s ease-out;white-space:nowrap}.header__links a svg{width:1.35em;height:1.35em;display:inline-block;fill:#fff;vertical-align:-.3em;margin-top:-.125rem}.header__links a:hover{opacity:1}@media screen and (min-width: 33rem){.header__links{margin-top:1em;padding-top:.5em}.header__links a{font-size:.875rem}}h1{text-transform:uppercase;font-size:1.5rem;color:#fffc;line-height:1;margin:0 0 .125em;letter-spacing:.01em;text-align:center}@media screen and (min-height: 36.25rem) and (min-width: 25rem){h1{font-size:2rem}}.container{min-height:calc(100vh - 2rem);padding-top:2rem;display:flex;flex-direction:column;align-items:stretch;justify-content:space-evenly;overflow:hidden;position:relative}.container:before,.container:after{content:"";width:70vmax;height:70vmax;position:absolute;background:rgba(255,255,255,.07);left:-20vmin;top:-20vmin;animation:morph 15s linear infinite alternate,spin 20s linear infinite;z-index:1;will-change:border-radius,transform;transform-origin:55% 55%;pointer-events:none}.container:after{width:70vmin;height:70vmin;left:auto;right:-10vmin;top:auto;bottom:0;animation:morph 10s linear infinite alternate,spin 26s linear infinite reverse;transform-origin:20% 20%}.generator{width:60vmin;height:60vmin;border:2px dashed rgba(255,255,255,.4);position:relative;z-index:3;margin-left:auto;margin-right:auto}@media screen and (min-width: 31.875rem){.generator{width:50vmin;height:50vmin}}.generator__shape{width:100%;height:100%;background:#00FFFF;background-image:linear-gradient(45deg,#0066FF 0%,#00FFFF 100%);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:-10vmin 10vmin #ffffff12}.generator__shape--8v{border-radius:10%;background-image:linear-gradient(-225deg,#FFFFFF 0%,rgba(255,255,255,0) 40%,rgba(0,255,255,0) 60%,#0ff 100%),linear-gradient(45deg,#0066FF 0%,#00FFFF 100%)}.generator__handle{display:block;position:absolute;cursor:pointer;width:2.5rem;height:2.5rem}.generator__handle:before{content:"";position:absolute;width:1rem;height:1rem;left:.75rem;top:.75rem;background:#FFFFFF;border:2px solid #000011;transition:box-shadow .2s ease-out;will-change:box-shadow}.generator__handle--second:before{background:#0066FF;border:2px solid #FFFFFF}.generator__handle--third:before{background:#00FFFF;border:2px solid #FFFFFF}.generator__handle--fourth:before{background:#0ff}.generator__handle--8v.active:before,.generator__handle--8v:hover:before{box-shadow:0 0 0 4px #fff;border:2px solid #000011}.generator__handle:not(.generator__handle--8v).active:before,.generator__handle:not(.generator__handle--8v):hover:before{background:#0ff;box-shadow:0 0 0 4px #fff;border:2px solid #000011}.generator #top{top:-1.25rem;left:30%;transform:translate(-50%)}.generator #top.generator__handle--8v{left:10%}.generator #bottom{bottom:-1.25rem;left:30%;transform:translate(-50%)}.generator #bottom.generator__handle--8v{left:10%}.generator #left{left:-1.25rem;top:30%;transform:translateY(-50%)}.generator #left.generator__handle--8v{top:10%}.generator #right{right:-1.25rem;top:30%;transform:translateY(-50%)}.generator #right.generator__handle--8v{top:10%}.generator #topRight{top:-1.25rem;left:90%;transform:translate(-50%)}.generator #bottomRight{bottom:-1.25rem;left:90%;transform:translate(-50%)}.generator #leftBottom{left:-1.25rem;top:90%;transform:translateY(-50%)}.generator #rightBottom{right:-1.25rem;top:90%;transform:translateY(-50%)}.output{width:90%;text-align:left;margin-top:1.5em;font-size:1.125rem;line-height:1.5;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;border:1px dashed rgba(255,255,255,.3);border-radius:4px;padding:12px}.output__label{flex:0 0 auto;margin-bottom:.5em;margin-right:1em;color:#ffffffe6}.output__code{display:block;font-family:Ubuntu Mono,monospace;flex-grow:1;color:#001;background:#ccc;padding:.5em .625em;border-radius:2px;margin-bottom:.5em}.output__button{display:block;border-radius:2px;background:#00FFFF;border:none;color:#ffffffe6;padding:.5em 1em;font-weight:700;width:100%;transition:background .3s ease-out;will-change:background;cursor:pointer}.output__button:hover{background:#0066FF}@media screen and (min-width: 30.875rem){.output{font-size:1.25rem}.output__code{border-radius:2px 0 0 2px;flex-grow:1;margin-bottom:0}.output__button{flex-shrink:1;border-radius:0 2px 2px 0;width:auto;text-transform:uppercase;letter-spacing:.1em}}@media screen and (min-width: 43rem){.output{display:flex;justify-content:stretch;align-items:baseline;max-width:39rem}}.advanced{width:90%;max-width:39rem;text-align:left;margin:.5em auto;position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;color:#ffffffe6;border:1px dashed rgba(255,255,255,.3);border-radius:4px;padding:12px}@media screen and (min-width: 560px){.advanced{font-size:1.25rem}}.advanced__switch{padding:.5em 0;flex-shrink:0;margin-bottom:.5em}.advanced__settings{display:none}.advanced__settings.visible{display:flex;justify-content:space-between;flex-direction:column}@media screen and (min-width: 31.25rem){.advanced__settings.visible{flex-direction:row}}.advanced__check{visibility:hidden;width:0;height:0;display:block;border:none}.advanced .input-group{align-items:center;margin-left:1em;margin-bottom:.5em;justify-content:space-between;display:flex}.advanced .input-group label{display:block;margin-right:.5em}.advanced .input-group input[type=number]{width:4.5rem}.advanced__check:checked+.advanced__trigger span:after{background:#00FFFF;left:1.15em;border-radius:37% 63% 55% 45%/25% 50% 50% 75%}.advanced__trigger{display:block;line-height:1;cursor:pointer}.advanced__trigger span{display:inline-block;width:2em;height:1em;border-radius:.5em;background:rgba(255,255,255,.8);vertical-align:bottom;position:relative}@media screen and (min-width: 43rem){.advanced__trigger span{margin-left:2rem}}.advanced__trigger span:after{content:"";width:.7em;height:.7em;border-radius:50% 56% 29% 70%/50% 73% 38% 50%;background:#000011;position:absolute;left:.15em;top:.15em;transition:left .3s ease-out,background .3s ease-out,border-radius .4s ease-in-out}.input-group input{border-radius:2px;border:none;background:#FFFFFF;font-family:Ubuntu Mono,monospace;color:#001;padding:.5em .625em}@media screen and (min-width: 30.85rem){.input-group{display:flex;align-items:stretch;flex-grow:1;margin-bottom:0}}.image-upload{width:90%;margin:1em auto 0;padding:12px;border:1px dashed rgba(255,255,255,.3);border-radius:4px;background:rgba(0,0,17,.3)}.image-upload__header{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.image-upload__title{color:#ffffffe6;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.image-upload__btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:4px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#ffffffe6;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s ease-out}.image-upload__btn:hover{background:rgba(0,255,255,.3);border-color:#0ff}.image-upload__btn--clear{background:rgba(255,68,68,.2);border-color:#f446}.image-upload__btn--clear:hover{background:rgba(255,68,68,.4);border-color:#f44}.image-upload__controls{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.image-upload__option{display:flex;align-items:center;gap:8px}.image-upload__label{color:#fffc;font-size:.8rem;cursor:pointer}.image-upload__label input[type=checkbox]{cursor:pointer}.image-upload__select{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#ffffffe6;padding:4px 8px;font-size:.8rem;cursor:pointer}.image-upload__select option{background:#000011;color:#fff}@media screen and (min-width: 30.875rem){.image-upload{max-width:39rem}}.animation-box{margin-top:12px;padding:12px;border:1px dashed rgba(255,255,255,.3);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;background:linear-gradient(135deg,rgba(0,102,255,.3) 0%,rgba(0,255,255,.3) 100%);width:100%;box-sizing:border-box;backdrop-filter:blur(10px)}.animation-box .animation-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.animation-box .animation-header .animation-title{color:#ffffffe6;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.animation-box .preset-select{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#ffffffe6;padding:4px 8px;font-size:.75rem;cursor:pointer}.animation-box .preset-select option{background:#000011;color:#fff}.animation-box .animation-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.animation-box .animation-controls .btn{padding:8px 14px;border-radius:2px;border:none;background:#00FFFF;color:#fffffff2;font-weight:700;cursor:pointer;transition:background .3s ease-out;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.animation-box .animation-controls .btn:hover{background:#0066FF}.animation-box .animation-controls .btn.btn--secondary{background:rgba(255,255,255,.15)}.animation-box .animation-controls .btn.btn--secondary:hover{background:rgba(255,255,255,.25)}.animation-box .animation-controls .btn.btn--copy{background:linear-gradient(45deg,#0066FF 0%,#00FFFF 100%);display:flex;align-items:center;gap:6px}.animation-box .animation-settings{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px;padding:10px;background:rgba(0,0,17,.3);border-radius:6px}.animation-box .animation-settings .setting-group{display:flex;align-items:center;gap:8px}.animation-box .animation-settings .setting-group .setting-label{color:#fffc;font-size:.75rem;text-transform:uppercase}.animation-box .animation-settings .setting-group .setting-value{color:#0ff;font-family:Ubuntu Mono,monospace;font-size:.8rem;min-width:30px}.animation-box .animation-settings .setting-group .setting-range{width:100px;height:4px;-webkit-appearance:none;background:rgba(255,255,255,.2);border-radius:2px;cursor:pointer}.animation-box .animation-settings .setting-group .setting-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#00FFFF;border-radius:50%;cursor:pointer}.animation-box .animation-settings .setting-group .setting-select{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#ffffffe6;padding:4px 8px;font-size:.75rem;cursor:pointer}.animation-box .animation-settings .setting-group .setting-select option{background:#000011;color:#fff}.animation-box .frames-list-container{margin-bottom:12px}.animation-box .frames-list-container .frames-list-header{font-size:13px;color:#ffffffb3;margin-bottom:6px;font-family:Ubuntu Mono,monospace}.animation-box .frames-list-container .frames-list{display:flex;flex-wrap:wrap;gap:6px;max-height:80px;overflow-y:auto}.animation-box .frames-list-container .frames-list .frame-item{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:4px 8px;font-size:11px;color:#fffc}.animation-box .frames-list-container .frames-list .frame-item .frame-delete{background:none;border:none;color:#0ff;cursor:pointer;padding:0;font-size:14px;line-height:1;opacity:.7}.animation-box .frames-list-container .frames-list .frame-item .frame-delete:hover{opacity:1}.animation-box .keyframes-output{max-height:200px;overflow:auto;border-radius:2px;background:rgba(0,0,17,.8);border:1px solid rgba(255,255,255,.1)}.animation-box .keyframes-output::-webkit-scrollbar{width:8px;height:8px}.animation-box .keyframes-output::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}.animation-box .keyframes-output::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0066FF 0%,#00FFFF 100%);border-radius:4px}.animation-box .keyframes-output::-webkit-scrollbar-thumb:hover{background:#00FFFF}.animation-box .keyframes-output pre{margin:0;padding:14px}.animation-box .keyframes-output code{color:#0ff;font-family:Ubuntu Mono,monospace;font-size:12px;line-height:1.6}.animation-box .frames-list-container .frames-list::-webkit-scrollbar{width:6px}.animation-box .frames-list-container .frames-list::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.animation-box .frames-list-container .frames-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0066FF 0%,#00FFFF 100%);border-radius:3px}