@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,600;1,900&display=swap");@import url("https://rsms.me/inter/inter.css");html{font-family:Inter,sans-serif}@supports (font-variation-settings:normal){html{font-family:Inter var,sans-serif}}*{box-sizing:border-box}#custom-container,body,html{width:100%;height:100%;margin:0;padding:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{background:#f0f0f0;font-family:Inter,sans-serif}@keyframes fade-in{0%{opacity:0}to{opacity:1}}canvas{opacity:0;touch-action:none;animation:fade-in 1s ease .3s forwards}header{display:flex;justify-content:space-between;width:100%;padding:40px;align-items:center;position:fixed}header p{font-weight:700;font-size:.8rem;transition:all 1.2s ease-out}header p.hidden{opacity:0}section{position:absolute;top:0;left:0;display:flex;justify-content:center;flex-direction:column;align-items:center;height:100%;width:100%}.section--container{margin-top:5vh;margin-left:5vw}.section--container.hidden{visibility:hidden;opacity:0;pointer-events:none}.section--container h1{font-weight:900;font-size:13rem;letter-spacing:-6px;font-style:italic;width:30%;line-height:10rem;font-family:Nunito Sans,sans-serif}.support--content{position:relative;top:-25%;left:300px}.support--content p{width:350px;margin-bottom:48px;line-height:1.5rem}.bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-100}button{background-color:#726DE8;border:none;border-radius:4px;color:white;font-weight:bolder;pointer-events:all;cursor:pointer;transition:all .4s ease-in-out;box-shadow:none;text-transform:uppercase;display:flex;align-items:center;gap:15px;padding:15px 30px}button:hover{box-shadow:inset 250px 0 0 0 black;transform:scale(1.1)}.add-button{border:none!important;border-radius:10px!important;color:white!important;font-weight:bolder!important;padding:15px 30px!important;text-transform:uppercase!important;box-shadow:none!important;transition:all .4s ease-in-out!important}.add-button:hover{box-shadow:inset 250px 0 0 0 black!important;transform:scale(1.1)!important}.add-option{border:none!important;width:100%!important;padding:15px 30px!important;text-align:center!important;cursor:pointer!important;transition:all .4s ease-in-out!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;color:white!important;font-size:.9rem!important;font-weight:bolder!important;text-transform:uppercase!important;border-radius:10px!important;box-shadow:none!important}.add-option:hover{box-shadow:inset 250px 0 0 0 black!important;transform:scale(1.05)!important}.add-option:first-child{border-radius:10px 10px 0 0!important}.add-option:last-child{border-radius:0 0 10px 10px!important}.modal-cancel-btn{padding:15px 30px!important;border:1px solid #ddd!important;background:#f5f5f5!important;border-radius:10px!important;cursor:pointer!important;font-weight:bolder!important;text-transform:uppercase!important;transition:all .4s ease-in-out!important;color:#333!important}.modal-cancel-btn:hover{background:#e0e0e0!important;transform:scale(1.05)!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important}.modal-action-btn{padding:15px 30px!important;border:none!important;color:white!important;border-radius:10px!important;cursor:pointer!important;font-weight:bolder!important;text-transform:uppercase!important;box-shadow:none!important;transition:all .4s ease-in-out!important}.modal-action-btn:hover{box-shadow:inset 250px 0 0 0 black!important;transform:scale(1.05)!important}.customizer{display:flex;justify-content:flex-end;flex-direction:column;align-items:center;height:100%;width:100%;margin-bottom:15px}@media (max-width:768px){.customizer{margin-bottom:25px}}.customizer span{font-size:.8rem;font-weight:700;cursor:pointer}.customizer span svg{width:24px;padding-right:5px}.share{bottom:45px;border-radius:10px;right:40px}.share,.zoom{position:absolute}.zoom{right:20px;top:50%;color:#00000056;font-size:.6rem;border:1px solid #00000000;padding:10px 20px;border-radius:5px;font-weight:600;cursor:pointer;transition:border,color 1s ease}.zoom:hover{color:black}.picker{position:absolute!important;bottom:4em;left:50%;transform:translateX(-50%);width:120px!important;height:120px!important}.color-options{display:flex;gap:10px;margin-bottom:20px}.circle{width:30px;height:30px;border-radius:50%;border:2px solid white;transition:transform .6s cubic-bezier(.85,0,.15,1);cursor:pointer;position:relative}.circle:hover{transform:scale(1.2);cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3)}.circle:active{transform:scale(.95)}.custom-color-circle{background:transparent!important;border:2px solid white;position:relative}.custom-color-circle:hover{border-color:#4CAF50;background:rgba(76,175,80,.1)!important}.custom-color-circle:after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#666;font-size:18px;font-weight:700;line-height:1}.custom-color-circle:hover:after{color:#4CAF50}.decals{position:absolute;left:50px;bottom:40px}@media screen and (max-width:600px){.decals{left:20px;bottom:135px}}.decals p{font-family:Inter var;font-size:.7rem;padding-bottom:15px}.decals img{width:24px;filter:saturate(0) invert(1) brightness(5.5);transition:all .2s ease-in-out}.decals img:hover{filter:none;transform:scale(1.2);cursor:pointer}.decals--position{position:absolute;left:20px;top:50%;color:#00000056;font-size:.6rem;border:1px solid #00000000;padding:10px;border-radius:50px;font-weight:600;cursor:pointer;transition:border 1s ease}.decals--position:hover{color:black;border:1px solid #00000056}.upload{margin-top:-5px;cursor:pointer}.upload:hover{color:white}.decals--container{display:flex;gap:20px}.initial-decal{cursor:pointer;transition:transform .3s ease;position:relative}.initial-decal:hover{transform:scale(1.1)}.decal-hint{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:white;padding:4px 8px;border-radius:4px;font-size:.7rem;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none}.initial-decal:hover .decal-hint{opacity:1}.decal.active{border:2px solid #fff;border-radius:4px;padding:2px}.add-section{position:relative;margin-top:20px}.add-options{position:absolute;bottom:100%;left:0;background:white;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:8px 0;margin-bottom:8px;min-width:180px;z-index:1000;animation:slideUp .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-element{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-element:hover{outline:2px solid #4CAF50;outline-offset:2px}.custom-elements-list{margin-top:20px;background:rgba(255,255,255,.1);border-radius:10px;padding:15px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.custom-elements-list h4{margin:0;color:white;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.custom-elements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:20px}.toggle-custom-elements-btn{background:var(--accent-color,#007bff);color:white;border:none;padding:6px 12px;border-radius:10px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.toggle-custom-elements-btn:hover{transform:scale(1.05);opacity:.9}.custom-element-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.custom-element-item:last-child{border-bottom:none}.element-info{display:flex;align-items:center;gap:8px}.element-type{font-size:1.2rem}.element-content{color:white;font-size:.8rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.element-controls{display:flex;gap:5px;align-items:center}.rotation-controls,.scale-controls{display:flex;flex-direction:row;align-items:center;gap:8px;background:rgba(255,255,255,.1);padding:6px 8px;border-radius:12px}.control-label{font-size:.7rem;font-weight:600;color:white;text-align:center;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.control-buttons{display:flex;gap:3px;align-items:center;justify-content:center}.scale-value{color:white;font-size:.7rem;font-weight:600;min-width:30px;text-align:center}.control-btn{background:rgba(255,255,255,.2);border:none;border-radius:50%;color:white;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:700;padding:0;transition:all .2s ease;box-shadow:none}.control-btn:hover{background:rgba(255,255,255,.4);transform:scale(1.1);box-shadow:none}.scale-btn{background:rgba(76,175,80,.8)}.scale-btn:hover{background:rgba(76,175,80,1)}.rotate-btn{background:rgba(33,150,243,.8)}.rotate-btn:hover{background:rgba(33,150,243,1)}.remove-btn{background:rgba(255,0,0,.8);width:24px;height:24px;font-size:14px}.remove-btn:hover{background:rgba(255,0,0,1)}@media screen and (max-width:600px){.add-options{left:5px;right:0;bottom:100%}.add-button{padding:8px 16px;font-size:.8rem}.custom-elements-list{margin-top:15px;padding:12px}.element-content{max-width:80px}}.exit{position:absolute;top:40px;right:40px;background-color:black;box-shadow:none}.exit:hover{box-shadow:inset -250px 0 0 0 black}@media screen and (max-width:600px){.section--container{margin-left:15vw}.section--container h1{font-size:8rem;letter-spacing:-6px;line-height:6rem}.color-options{margin-bottom:20px;flex-direction:column;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.support--content{top:-10%;left:0}}.skeleton-container{width:100%;height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);overflow:hidden;position:relative}.skeleton-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.1) 0,transparent 50%);animation:float 6s ease-in-out infinite}.skeleton-header{display:flex;justify-content:space-between;width:100%;padding:40px;align-items:center;position:fixed;z-index:10}.skeleton-logo{width:40px;height:40px;border-radius:8px;animation:shimmer 2s infinite,pulse 2s infinite;animation-delay:0s,.5s}.skeleton-logo,.skeleton-shopping-icon{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%}.skeleton-shopping-icon{width:48px;height:48px;border-radius:50%;animation:shimmer 2s infinite,pulse 2s infinite;animation-delay:.2s,.7s}.skeleton-main{position:absolute;top:0;left:0;display:flex;justify-content:center;flex-direction:column;align-items:center;height:100%;width:100%}.skeleton-content{margin-top:5vh;margin-left:5vw}.skeleton-title{width:400px;height:120px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:8px;margin-bottom:40px;animation:shimmer 2s infinite,slideIn .8s ease-out;animation-delay:.4s,0s}.skeleton-description{position:relative;top:-25%;left:300px}.skeleton-line{width:350px;height:20px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:4px;margin-bottom:16px;animation:shimmer 2s infinite,slideIn .8s ease-out;animation-delay:.6s,.2s}.skeleton-line.short{width:280px;animation-delay:.8s,.4s}.skeleton-button{width:200px;height:50px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 2s infinite,slideIn .8s ease-out;animation-delay:1s,.6s}.skeleton-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center}.skeleton-shirt-outline{width:300px;height:350px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:20px;position:relative;animation:shimmer 2s infinite,slideIn 1s ease-out,float 3s ease-in-out infinite;animation-delay:1.2s,.8s,2s}.skeleton-shirt-outline:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:250px;background:linear-gradient(90deg,#f0f0f0 25%,#ffffff 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:15px;animation:shimmer 2s infinite reverse}.skeleton-canvas-controls{display:flex;gap:20px;margin-top:30px}.skeleton-control{width:60px;height:60px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:50%;animation:shimmer 2s infinite,pulse 2s infinite;animation-delay:1.8s,2.3s;transition:transform .3s ease}.skeleton-control:hover{transform:scale(1.1)}.skeleton-customizer{position:absolute;bottom:40px;left:50px;display:flex;flex-direction:column;gap:30px}.skeleton-color-picker{display:flex;gap:10px}.skeleton-color-circle{width:30px;height:30px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:50%;animation:shimmer 2s infinite,pulse 2s infinite;animation-delay:1.4s,1.9s;transition:transform .3s ease}.skeleton-color-circle:hover{transform:scale(1.1)}.skeleton-decal-picker{display:flex;gap:20px}.skeleton-decal{width:24px;height:24px;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 2s infinite,pulse 2s infinite;animation-delay:1.6s,2.1s;transition:transform .3s ease}.skeleton-decal:hover{transform:scale(1.1)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:600px){.skeleton-content{margin-left:15vw}.skeleton-title{width:280px;height:80px}.skeleton-description{top:-10%;left:0}.skeleton-color-picker{flex-direction:column;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.skeleton-canvas{width:300px;height:400px}.skeleton-shirt-outline{width:250px;height:300px}.decals{left:20px;bottom:134px}.share{right:20px;bottom:130px}.custom-elements-list{margin-top:15px;padding:10px;margin-left:5px;margin-right:5px}.custom-elements-header{margin-bottom:12px;gap:15px}.custom-elements-list h4{font-size:.75rem;margin-bottom:0}.toggle-custom-elements-btn{padding:5px 10px;font-size:.7rem}.custom-element-item{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 0}.element-info{width:100%;justify-content:flex-start}.element-content{max-width:120px;font-size:.8rem}.element-controls{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:8px;width:100%}.scale-controls{grid-column:1}.rotation-controls,.scale-controls{grid-row:1;padding:6px 8px;gap:4px;flex-direction:column}.rotation-controls{grid-column:2}.control-label{font-size:.7rem;font-weight:600;color:#ccc;text-align:center;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.control-buttons{display:flex;gap:3px;align-items:center;justify-content:center}.remove-btn{grid-column:1/-1;grid-row:2;width:100%;height:32px;font-size:15px;justify-self:center;max-width:120px}.control-btn{width:22px;height:22px;font-size:13px}}