.img-sample{border-radius:10px;width:150px}.canvas{border:2px solid #3b3b3b;width:150px;height:150px;touch-action:none;border-radius:10px}.nav{display:flex;justify-content:end;align-items:center;gap:10px;font-size:18px}.welcome{font-size:20px;padding:10px}.text-primary{color:var(--text-primary);font-weight:700}.container_show a{text-decoration:none}.font-download-container{border-radius:10px;max-width:1800px;display:flex;flex-direction:column;background-color:#125a87;margin:auto;justify-content:flex-start;align-items:center;height:97vh}.card-congrats{margin-top:20px;background-color:#fff;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;width:90%;max-width:500px;border-radius:30px;padding:20px}.next-steps .icon{font-size:24px;line-height:1;margin-top:2px}.fontname{width:350px;height:50px;font-size:20px;padding:10px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content{background:#fff;padding:10px;border-radius:8px;text-align:center;max-width:500px}.modal-content input{width:100%;padding:8px;margin:10px 0}.modal-buttons{display:flex;flex-direction:column;justify-content:space-around}.preview-loader{text-align:center;font-size:20px;color:#007acc;margin:20px 0}.ui-preview-container{padding:20px;text-align:center;background-color:#f4f4f4;margin:20px auto;border:1px solid #ccc;border-radius:10px;max-width:800px}.demo-text{font-family:CustomFont,sans-serif;font-size:42px;line-height:1.4;margin:20px 0}.btn-preview{font-family:yoj3-regular;font-size:20px;margin-top:20px;padding:.6em 2em;border:none;outline:none;color:#fff;background:#007acc;cursor:pointer;border-radius:10px;transition:background .3s ease-in-out}.btn-preview:hover{background:#005fa3}.btn-cancel{font-size:20px;border:none;outline:none;color:#005fa3;background:transparent;cursor:pointer;border-radius:5px;transition:background .3s ease-in-out;background-color:#fff;border:1px solid #005fa3}.btn-buy{font-size:20px;padding:.6em;border:none;outline:none;color:#fff;background:transparent;cursor:pointer;border-radius:5px;transition:background .3s ease-in-out;background-color:#781ed1;border:1px solid #005fa3}.error-banner{padding:1rem;margin-bottom:1rem}.wrapper_loader{border:1px solid transparent;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:95%;margin:auto;height:100vh;background-color:#000000e6;position:fixed;top:0;z-index:9999}.timer{color:#fff;padding:20px}.wrapper_build{border:1px solid grey;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;border-radius:30px}.wrapper_build img{width:50px;height:50px;text-align:center;border:1px solid grey}.loader{width:120px;height:20px;-webkit-mask:linear-gradient(90deg,#060673 70%,#0000 0) left/20% 100%;background:linear-gradient(#02026a 0,#02026a 0) left -25% top 0 /20% 100% no-repeat #ddd;animation:l7 1s infinite steps(6)}@keyframes l7{to{background-position:right -25% top 0}}.wrapper_download{display:flex;height:500px;width:90%;margin:auto}.wrapper_btns{border:1px solid grey;border-radius:10px;display:flex;flex-direction:column;gap:10px;width:350px;padding:20px;margin:auto}.wrapper_btn{text-align:center;margin:20px;gap:10px;display:flex;justify-content:center;align-items:center}.btn-download a{text-decoration:none;color:#fff!important}.btn-download{font-family:yoj3-regular;font-size:20px;margin-top:20px;padding:.6em 2em;border:none;outline:none;color:#fff;background:#111;cursor:pointer;position:relative;z-index:0;border-radius:10px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.btn-download:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);-webkit-filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing-button-85 20s linear infinite;transition:opacity .3s ease-in-out;border-radius:10px}@keyframes glowing-button-85{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.btn-download:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#222;left:0;top:0;border-radius:10px}.wrapper_brush{border:1px solid lavender;border-radius:5px;padding:10px;width:30%}.brush-button{align-self:center;background-color:#fff;border-radius:15px 225px 255px 15px 15px 255px 225px 15px;border-style:solid;border-width:4px;box-shadow:#0003 15px 28px 25px -18px;box-sizing:border-box;color:#41403e;cursor:pointer;display:inline-block;font-family:yoj3-regular,sans-serif;font-size:1rem;line-height:23px;outline:none;padding:.75rem;text-decoration:none;transition:all 235ms ease-in-out;-webkit-user-select:none;user-select:none}.brush-button:hover{box-shadow:#0000004d 2px 8px 8px -5px;transform:translate3d(0,2px,0)}.counter_row{display:flex;gap:50px;align-items:center}.header{display:flex;justify-content:space-between;padding:10px}.counter{font-family:Courier New,Courier,monospace;font-size:30px}.button-big{background-color:#fbeee0;border:2px solid #422800;border-radius:10px;box-shadow:#422800 4px 4px;color:#422800;cursor:pointer;display:inline-block;font-weight:600;font-size:25px;padding:0 18px;line-height:60px;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;font-family:yoj3-regular}.button-big:hover{background-color:#fff}.button-big:active{box-shadow:#422800 2px 2px;transform:translate(2px,2px)}.button-74{background-color:#fbeee0;border:2px solid #422800;border-radius:10px;box-shadow:#422800 2px 2px;color:#422800;cursor:pointer;display:inline-block;font-weight:600;font-size:25px;padding:0 18px;line-height:20px;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none}.button-74:hover{background-color:#fff}.button-74:active{box-shadow:#422800 2px 2px;transform:translate(2px,2px)}.wrapper_main{padding:10px}.wrapper_studio{padding:20px;border-radius:10px;max-width:1800px;display:flex;flex-direction:column;background-color:#125a87;margin:auto}.glyph-grid{display:flex;gap:10px;flex-wrap:wrap;width:95%;margin:auto;align-items:center;justify-content:center;color:wheat;font-size:20px}.glyph-container{display:flex;flex-direction:column;align-items:flex-start;margin-top:20px;border:1px solid transparent;pointer-events:none}.glyph-container canvas{pointer-events:auto!important}.glyph-container button{pointer-events:auto!important}.letter-label{margin-bottom:.5rem;pointer-events:none!important;font-family:Arial,Helvetica,sans-serif}.buttons{display:flex;gap:.5rem;margin-top:.5rem}.wrapper_preview{width:90%;margin:20px auto auto;font-size:20px;padding:20px}.results{margin-top:1rem;display:flex;gap:.1rem;flex-wrap:wrap}.wrapper_button{width:90%;margin:auto;gap:20px;display:flex;justify-content:center;align-items:center}@media all and (max-height: 700px){.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;justify-content:center;align-items:flex-start;padding:16px;overflow-y:auto;background:#0006}.modal-content{max-height:90vh;overflow-y:auto;background:#fff;border-radius:8px;padding:20px}}