@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffe6;background-color:#050505;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#00f0ff;text-decoration:inherit;transition:color .3s ease}a:hover{color:#00b8c4}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#050505}h1{font-size:3.2em;line-height:1.1}button{border-radius:9999px;border:1px solid rgba(255,255,255,.1);padding:.6em 1.5em;font-size:1em;font-weight:600;font-family:inherit;background-color:#151515;color:#fff;cursor:pointer;transition:all .3s ease}button:hover{border-color:#00f0ff;box-shadow:0 0 15px #00f0ff4d}button:focus,button:focus-visible{outline:2px solid #00f0ff;outline-offset:2px}.landing-page{min-height:100vh;width:100vw;background:radial-gradient(circle at center,#0a0a0a,#030303);color:#fff;overflow-x:hidden;display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;position:relative}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;width:100%;z-index:100}.logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.nav-pills{display:flex;align-items:center;background:#ffffff0d;border-radius:9999px;padding:5px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-item{padding:8px 16px;font-size:.9rem;color:#a0aec0;cursor:pointer;transition:color .3s}.nav-item:hover{color:#fff}.nav-protection{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:8px 16px;border-radius:9999px;font-size:.9rem;color:#fff;margin-left:10px;cursor:pointer}.nav-account{display:flex;align-items:center;gap:10px}.account-text{font-size:.95rem;color:#fff;cursor:pointer}.landing-main{flex:1;display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:70vh}.ambient-glow{position:absolute;border-radius:50%;filter:blur(100px);z-index:0;opacity:.4}.glow-top-right{top:-10%;right:10%;width:600px;height:600px;background:radial-gradient(circle,rgba(200,230,255,.15) 0%,transparent 70%)}.glow-bottom-left{bottom:-10%;left:10%;width:500px;height:500px;background:radial-gradient(circle,rgba(0,240,255,.15) 0%,transparent 70%)}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:10;max-width:900px;padding:0 20px}.play-button-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.play-button{width:50px;height:50px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-bottom:30px;transition:all .3s ease}.play-button:hover{background:#fff3;transform:scale(1.1)}.unlock-text{background:#ffffff0d;padding:8px 16px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:10px}.unlock-text span{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#cbd5e0}.hero-title{font-size:4.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-1.5px;background:linear-gradient(180deg,#fff,#a0aec0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#a0aec0;max-width:700px;line-height:1.6;margin-bottom:3rem}.hero-cta{display:flex;gap:20px;margin-top:2rem}.cta-open-app{display:flex;align-items:center;gap:10px;background:#ffffff1a;color:#fff;padding:14px 28px;border-radius:9999px;font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.15);transition:all .3s}.cta-open-app:hover{background:#fff3;transform:translateY(-2px)}.cta-discover{background:#fff;color:#000;padding:14px 32px;border-radius:9999px;font-weight:600;border:none;cursor:pointer;transition:all .3s}.cta-discover:hover{background:#e2e8f0;transform:translateY(-2px);box-shadow:0 10px 20px #ffffff1a}.floating-node{position:absolute;display:flex;align-items:center;gap:15px;z-index:5}.node-icon{width:36px;height:36px;border-radius:50%;background:#0a0a0a;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;z-index:2;color:#e2e8f0}.node-text{display:flex;flex-direction:column}.node-label{font-size:.95rem;color:#cbd5e0;font-weight:500}.node-value{font-size:.8rem;color:#64748b;margin-top:4px}.connecting-line{position:absolute;background:linear-gradient(to right,rgba(255,255,255,.2),transparent);height:1px;width:150px;z-index:1}.node-top-left{top:25%;left:15%;flex-direction:row-reverse}.node-top-left .connecting-line{left:100%;top:50%}.node-top-right{top:30%;right:15%}.node-top-right .connecting-line{right:100%;top:50%;background:linear-gradient(to left,rgba(255,255,255,.2),transparent)}.node-bottom-left{bottom:35%;left:12%;flex-direction:row-reverse}.node-bottom-left .connecting-line{left:100%;top:50%;width:200px}.node-bottom-right{bottom:35%;right:12%}.node-bottom-right .connecting-line{right:100%;top:50%;background:linear-gradient(to left,rgba(255,255,255,.2),transparent);width:250px}.landing-footer{display:flex;justify-content:space-between;align-items:center;padding:30px 40px;width:100%;z-index:10}.scroll-indicator{display:flex;align-items:center;gap:15px}.scroll-icon{width:32px;height:32px;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;font-weight:700}.scroll-indicator span{color:#64748b;font-size:.9rem}.footer-logos{display:flex;gap:30px}.partner-logo{color:#64748b;font-weight:600;font-size:1.1rem;transition:color .3s;cursor:default}.partner-logo:hover{color:#fff}@media(max-width:1024px){.floating-node{display:none}.hero-title{font-size:3.5rem}.landing-nav{flex-direction:column;gap:20px}.nav-pills{display:none}.landing-footer{flex-direction:column;gap:30px}}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-cta{flex-direction:column}.cta-open-app,.cta-discover{width:100%;justify-content:center}}.skintool-hero{position:relative;background:linear-gradient(135deg,#ff007f12,#00f0ff12);border:1px solid rgba(255,0,127,.2);border-radius:24px;padding:60px 40px;text-align:center;margin-bottom:50px;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 20px 50px #0006}.skintool-hero:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,0,127,.15) 0%,transparent 70%);border-radius:50%;z-index:-1}.skintool-hero h2{color:#fff;font-size:2.8rem;font-weight:800;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:15px;text-shadow:0 0 30px rgba(255,0,127,.4)}.skintool-hero h2 .highlight-text-pink{background:linear-gradient(90deg,#ff007f,#00f0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.skintool-hero p{color:#cbd5e0;font-size:1.2rem;max-width:700px;margin:0 auto;line-height:1.6;opacity:.9}.glass-panel:hover{border-color:#ff007f33;box-shadow:0 20px 45px #0000004d}.special-upload{border:2px dashed rgba(255,0,127,.3);border-radius:20px;transition:all .3s ease}.special-upload:hover{border-color:#ff007f;box-shadow:0 0 20px #ff007f33;background:#ff007f0d}.custom-input{background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:1.05rem;padding:14px 18px;width:100%;color:#fff;transition:all .3s ease}.custom-input:focus{border-color:#ff007f;box-shadow:0 0 15px #ff007f33;outline:none}.upload-section-glass{background:#ffffff08;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.05)}@media(max-width:600px){.skintool-hero h2{font-size:2rem}}.glass-panel{background:#0f0f0f66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:30px;margin-bottom:30px;transition:all .3s ease;box-shadow:0 15px 35px #0003}.glass-panel:hover{border-color:#00f0ff33;box-shadow:0 20px 45px #0000004d}.merger-hero{position:relative;background:linear-gradient(135deg,#00f0ff12,#8a2be212);border:1px solid rgba(0,240,255,.2);border-radius:24px;padding:60px 40px;text-align:center;margin-bottom:50px;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 20px 50px #0006}.merger-hero:before{content:"";position:absolute;top:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(0,240,255,.15) 0%,transparent 70%);border-radius:50%;z-index:-1}.merger-hero h2{color:#fff;font-size:2.8rem;font-weight:800;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:15px;text-shadow:0 0 30px rgba(0,240,255,.4)}.merger-hero h2 .highlight-text{background:linear-gradient(90deg,#00f0ff,#8a2be2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.merger-hero p{color:#cbd5e0;font-size:1.2rem;max-width:700px;margin:0 auto;line-height:1.6;opacity:.9}.merger-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed rgba(0,240,255,.3);background:#0000004d;border-radius:24px;padding:70px 40px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;width:100%;margin:20px 0}.merger-upload-zone:hover{background:#00f0ff14;border-color:#00f0ff;box-shadow:0 0 40px #00f0ff33;transform:translateY(-5px)}.merger-upload-zone .upload-icon-container{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#00f0ff4d,#8a2be24d);display:flex;align-items:center;justify-content:center;margin:0 auto 25px;color:#00f0ff;transition:transform .5s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 10px 20px #0000004d}.merger-upload-zone:hover .upload-icon-container{transform:scale(1.15) rotate(10deg)}.merger-upload-zone .upload-text{display:block;font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:12px}.merger-upload-zone .upload-hint{display:block;font-size:1rem;color:#a0aec0}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;background:#ffffff08;border-radius:20px;padding:25px;margin-bottom:30px;border:1px solid rgba(255,255,255,.05)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border-right:1px solid rgba(255,255,255,.05)}.stat-item:last-child{border-right:none}.stat-value{font-size:1.8rem;font-weight:800;color:#00f0ff;text-shadow:0 0 15px rgba(0,240,255,.3)}.stat-label{font-size:.9rem;color:#718096;text-transform:uppercase;letter-spacing:2px;font-weight:600}.skins-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:25px;margin-top:25px}.skin-card-modern{background:#14141999;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:25px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;overflow:hidden}.skin-card-modern:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,240,255,.03) 0%,transparent 100%);opacity:0;transition:opacity .3s}.skin-card-modern:hover{transform:translateY(-8px);background:#19191ecc;border-color:#00f0ff66;box-shadow:0 15px 35px #0006}.skin-card-modern:hover:before{opacity:1}.skin-preview-modern{width:100px;height:100px;background:#0006;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;padding:10px;box-shadow:inset 0 2px 10px #00000080;border:1px solid rgba(255,255,255,.05)}.skin-preview-modern img{max-width:100%;max-height:100%;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.skin-info-modern{text-align:center;width:100%;z-index:1}.skin-name-modern{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skin-badge-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:15px}.skin-badge{padding:5px 12px;border-radius:12px;font-size:.8rem;font-weight:700;background:#00f0ff1a;color:#00f0ff;border:1px solid rgba(0,240,255,.2)}.skin-origin{padding:6px 12px;border-radius:10px;font-size:.85rem;font-weight:500;background:#8a2be21a;color:#b794f4;border:1px solid rgba(138,43,226,.2);width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:10px;background:#e53e3e33;color:#fc8181;border:1px solid rgba(229,62,62,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.4;transition:all .3s;z-index:10}.skin-card-modern:hover .remove-btn{opacity:1}.remove-btn:hover{background:#e53e3e;color:#fff;opacity:1!important;transform:scale(1.1)}.btn-glowing{background:linear-gradient(135deg,#00f0ff,#08f);color:#000;border:none;font-weight:800;padding:18px 40px;font-size:1.2rem;box-shadow:0 0 30px #00f0ff4d}.merger-actions{display:flex;gap:25px;margin-top:50px;justify-content:center;flex-wrap:wrap}@media(max-width:600px){.summary-stats{grid-template-columns:1fr}.stat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.merger-hero h2{font-size:2rem}}.skinfort-hero{position:relative;background:linear-gradient(135deg,#8a2be21a,#ff6b0014,#00f0ff12);border:1px solid rgba(138,43,226,.25);border-radius:24px;padding:60px 40px;text-align:center;margin-bottom:50px;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 20px 50px #0006}.skinfort-hero:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(138,43,226,.15) 0%,transparent 70%);border-radius:50%;z-index:-1}.skinfort-hero:after{content:"";position:absolute;bottom:-80px;left:-80px;width:250px;height:250px;background:radial-gradient(circle,rgba(255,107,0,.12) 0%,transparent 70%);border-radius:50%;z-index:-1}.skinfort-hero h2{color:#fff;font-size:2.8rem;font-weight:800;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:15px;text-shadow:0 0 30px rgba(138,43,226,.4)}.skinfort-hero h2 .highlight-text-purple{background:linear-gradient(90deg,#8b5cf6,#f97316,#00f0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.skinfort-hero p{color:#cbd5e0;font-size:1.2rem;max-width:750px;margin:0 auto;line-height:1.6;opacity:.9}.skinfort-glass-panel{background:#0f0f0f66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:30px;margin-bottom:30px;transition:all .3s ease;box-shadow:0 15px 35px #0003}.skinfort-glass-panel:hover{border-color:#8a2be240;box-shadow:0 20px 45px #0000004d}.model-selector-section{margin-top:20px}.model-selector-section h3{color:#c4b5fd;font-size:1.25rem;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:10px}.model-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:24px}.model-preset-card{position:relative;background:#1e1e2899;border:2px solid rgba(255,255,255,.06);border-radius:16px;padding:20px 14px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.model-preset-card:before{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,#8a2be20d,#ff6b0008);opacity:0;transition:opacity .3s ease}.model-preset-card:hover{border-color:#8a2be259;transform:translateY(-3px);box-shadow:0 12px 30px #8a2be226}.model-preset-card:hover:before{opacity:1}.model-preset-card.selected{border-color:#8b5cf6;background:#8a2be21f;box-shadow:0 0 25px #8a2be233,inset 0 0 30px #8a2be20d}.model-preset-card.selected:after{content:"✓";position:absolute;top:8px;right:10px;background:#8b5cf6;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 8px #8a2be266}.model-preset-icon{font-size:2.2rem;margin-bottom:10px;display:block;position:relative;z-index:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.model-preset-name{color:#e2e8f0;font-size:.95rem;font-weight:700;margin-bottom:6px;position:relative;z-index:1}.model-preset-desc{color:#94a3b8;font-size:.75rem;line-height:1.4;position:relative;z-index:1}.model-preset-badge{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:3px 8px;border-radius:20px;font-size:.65rem;font-weight:600;position:relative;z-index:1}.model-preset-badge.has-anim{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.25)}.model-preset-badge.no-anim{background:#64748b26;color:#94a3b8;border:1px solid rgba(100,116,139,.2)}.model-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:#64748b;font-size:.9rem;font-weight:600}.model-divider:before,.model-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.custom-upload-section{background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:16px;padding:20px;transition:all .3s ease}.custom-upload-section .file-upload-area.selected{border-color:#10b98180!important;background:#10b9810f!important;box-shadow:0 0 15px #10b9811a}.custom-upload-section .file-upload-area.selected .upload-icon{color:#34d399}.custom-upload-section .file-upload-area.selected .upload-text{color:#34d399;font-weight:600}.custom-upload-section .file-upload-area.selected .file-info{color:#6ee7b7}.custom-upload-section:hover{border-color:#8a2be24d;background:#8a2be208}.custom-upload-section.active{border-color:#f97316;border-style:solid;background:#f973160d}.custom-upload-header{display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:.9rem;font-weight:600;margin-bottom:16px;cursor:pointer;transition:color .3s ease}.custom-upload-header:hover{color:#c4b5fd}.custom-upload-header svg{transition:transform .3s ease}.custom-upload-header.expanded svg{transform:rotate(180deg)}.preset-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;color:#c4b5fd;font-size:.9rem;background:#8a2be214;border-radius:12px;margin-top:12px}.preset-loading .spinner{width:18px;height:18px;border:2px solid rgba(138,43,226,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.selected-model-info{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#8a2be214;border:1px solid rgba(138,43,226,.2);border-radius:14px;margin-top:16px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.selected-model-info .info-icon{font-size:1.5rem}.selected-model-info .info-text{flex:1}.selected-model-info .info-name{color:#e2e8f0;font-weight:700;font-size:1rem}.selected-model-info .info-detail{color:#94a3b8;font-size:.8rem;margin-top:2px}.selected-model-info .info-badges{display:flex;gap:8px}.skinfort-special-upload{border:2px dashed rgba(138,43,226,.3);border-radius:20px;transition:all .3s ease}.skinfort-special-upload:hover{border-color:#8b5cf6;box-shadow:0 0 20px #8a2be233;background:#8a2be20d}.skinfort-upload-section-glass{background:#ffffff08;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.05)}@media(max-width:768px){.model-preset-grid{grid-template-columns:repeat(2,1fr);gap:10px}.model-preset-card{padding:16px 10px}.model-preset-icon{font-size:1.8rem}}@media(max-width:600px){.skinfort-hero h2{font-size:2rem}.model-preset-grid{grid-template-columns:repeat(2,1fr)}}.editor-hero{position:relative;background:linear-gradient(135deg,#10b9811a,#06b6d414);border:1px solid rgba(16,185,129,.25);border-radius:24px;padding:60px 40px;text-align:center;margin-bottom:50px;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 20px 50px #0006}.editor-hero:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(16,185,129,.15) 0%,transparent 70%);border-radius:50%;z-index:-1}.editor-hero:after{content:"";position:absolute;bottom:-80px;left:-80px;width:250px;height:250px;background:radial-gradient(circle,rgba(6,182,212,.12) 0%,transparent 70%);border-radius:50%;z-index:-1}.editor-hero h2{color:#fff;font-size:2.8rem;font-weight:800;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:15px;text-shadow:0 0 30px rgba(16,185,129,.4)}.editor-hero h2 .highlight-text-emerald{background:linear-gradient(90deg,#10b981,#06b6d4,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.editor-hero p{color:#cbd5e0;font-size:1.2rem;max-width:750px;margin:0 auto;line-height:1.6;opacity:.9}.editor-glass-panel{background:#0f0f0f99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:30px;margin-bottom:30px;transition:all .3s ease;box-shadow:0 15px 35px #0003}.editor-glass-panel:hover{border-color:#10b98140;box-shadow:0 20px 45px #0000004d}.editor-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed rgba(16,185,129,.3);background:#0000004d;border-radius:24px;padding:70px 40px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;width:100%;margin:20px 0}.editor-upload-zone:hover{background:#10b98114;border-color:#10b981;box-shadow:0 0 40px #10b98133;transform:translateY(-5px)}.editor-upload-zone .upload-icon-container{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#10b9814d,#06b6d44d);display:flex;align-items:center;justify-content:center;margin:0 auto 25px;color:#10b981;transition:transform .5s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 10px 20px #0000004d}.editor-upload-zone:hover .upload-icon-container{transform:scale(1.15) rotate(10deg)}.editor-upload-zone .upload-text{display:block;font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:12px}.editor-upload-zone .upload-hint{display:block;font-size:1rem;color:#a0aec0}.editor-split-view{display:flex;gap:30px;align-items:flex-start}@media(max-width:992px){.editor-split-view{flex-direction:column}}.editor-preview-panel{flex:1;background:#14141999;border-radius:16px;padding:25px;border:1px solid rgba(255,255,255,.08);position:sticky;top:20px}.editor-form-panel{flex:2;display:flex;flex-direction:column;gap:20px}.skin-grid-editor{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:20px}.skin-card-editor{background:#1e1e2899;border:2px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.skin-card-editor:hover{transform:translateY(-5px);border-color:#10b98166;box-shadow:0 12px 30px #10b98133}.skin-card-editor.active{border-color:#10b981;background:#10b9811a;box-shadow:0 0 25px #10b98133,inset 0 0 20px #10b9810d}.skin-card-editor .skin-preview-img{width:80px;height:80px;object-fit:contain;margin:0 auto 15px;background:#0006;border-radius:12px;padding:8px;image-rendering:pixelated;border:1px solid rgba(255,255,255,.05)}.skin-card-editor h4{color:#fff;font-size:1.1rem;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skin-card-editor p{color:#a0aec0;font-size:.85rem;margin:0}.badge-editor{position:absolute;top:10px;right:10px;background:#10b98133;color:#34d399;font-size:.7rem;font-weight:700;padding:4px 8px;border-radius:8px;border:1px solid rgba(16,185,129,.3)}.editor-actions{display:flex;justify-content:center;gap:20px;margin-top:40px}.btn-emerald{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;border:none;font-weight:800;padding:16px 40px;font-size:1.2rem;box-shadow:0 0 30px #10b9814d;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease}.btn-emerald:hover{transform:translateY(-2px);box-shadow:0 0 40px #10b98180}.btn-emerald:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-group-editor{margin-bottom:20px}.form-group-editor label{display:block;margin-bottom:8px;color:#c4b5fd;font-weight:600;font-size:.95rem}.form-group-editor input[type=text],.form-group-editor select{width:100%;padding:12px 16px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1rem;transition:all .3s}.form-group-editor input[type=text]:focus,.form-group-editor select:focus{border-color:#10b981;background:#0009;outline:none;box-shadow:0 0 0 3px #10b98133}.mini-upload-box{border:1px dashed rgba(255,255,255,.2);border-radius:10px;padding:15px;text-align:center;background:#0003;cursor:pointer;transition:all .3s;position:relative}.mini-upload-box:hover{border-color:#10b981;background:#10b9810d}.mini-upload-box.has-file{border-color:#10b98180;background:#10b9811a}.mini-upload-box input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top right,#0a0f1a,#030303);min-height:100vh;color:#e2e8f0;line-height:1.6;display:flex;margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;align-items:center}header{text-align:center;margin-bottom:50px;color:#fff;width:100%}header h1{font-size:3rem;font-weight:800;margin-bottom:15px;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#00f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,240,255,.2)}header p{font-size:1.25rem;color:#a0aec0;font-weight:300}.header-features{display:flex;justify-content:center;gap:20px;margin-top:30px;flex-wrap:wrap;width:100%}.feature-item{display:flex;align-items:center;gap:10px;background:#ffffff08;padding:10px 20px;border-radius:9999px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);color:#f8fafc;transition:all .3s ease}.feature-item:hover{background:#ffffff0d;border-color:#00f0ff4d;transform:translateY(-2px);box-shadow:0 10px 20px #00f0ff1a}.feature-icon{font-size:18px;color:#00f0ff}.feature-item span:last-child{font-size:14px;font-weight:500}main{background:#0f0f0f99;border-radius:24px;box-shadow:0 30px 60px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);width:100%;margin-bottom:40px;overflow:hidden}.form-container{padding:50px;width:100%}.form-section{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08);transition:all .3s ease;width:100%}.form-section:hover{border-bottom-color:#00f0ff4d}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h2{font-size:1.5rem;font-weight:600;margin-bottom:25px;color:#00f0ff;display:flex;align-items:center;gap:10px}.inline-icon{color:#00f0ff}.form-group{margin-bottom:25px;width:100%}.form-group label{display:block;font-weight:500;margin-bottom:10px;color:#e2e8f0;font-size:.95rem}.form-group input[type=text],.custom-select,.resolution-select{width:100%;padding:14px 20px;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:16px;transition:all .3s ease;font-family:inherit;background:#0006;color:#f8fafc}.form-group input[type=text]:focus,.custom-select:focus,.resolution-select:focus{outline:none;border-color:#00f0ff;box-shadow:0 0 0 4px #00f0ff1a;background:#0a0a0a99}.form-group input[type=text]::placeholder{color:#64748b}.file-upload-wrapper{position:relative;width:100%;margin-bottom:25px}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.file-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;border:1px dashed rgba(255,255,255,.2);border-radius:16px;background:#ffffff05;transition:all .3s ease;cursor:pointer;position:relative;z-index:1;width:100%}.file-upload-area:hover,.file-upload-area:has(.file-input:focus){border-color:#00f0ff;background:#00f0ff0d;transform:translateY(-2px);box-shadow:0 10px 25px #00f0ff0d}.file-upload-area.selected{border-color:#10b981;border-style:solid;background:#10b9810d}.upload-icon{font-size:28px;color:#64748b;transition:color .3s}.file-upload-area:hover .upload-icon{color:#00f0ff}.upload-text{font-weight:500;color:#e2e8f0;text-align:center}.file-info{font-size:13px;color:#64748b;text-align:center}.file-upload-area.special-upload{border:1px solid rgba(0,240,255,.3);background:linear-gradient(135deg,#00f0ff0d,#0080ff0d);padding:40px}.file-upload-area.special-upload:hover{border-color:#00f0ff;transform:translateY(-4px);box-shadow:0 15px 35px #00f0ff26;background:linear-gradient(135deg,#00f0ff1a,#0080ff1a)}.file-upload-area.special-upload .upload-icon{color:#00f0ff;filter:drop-shadow(0 0 10px rgba(0,240,255,.5));transform:scale(1.1)}.file-upload-area.special-upload:hover .upload-icon{transform:scale(1.2) translateY(-5px)}.select-wrapper{position:relative;width:100%}.custom-select{appearance:none;cursor:pointer}.select-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);pointer-events:none;color:#64748b;font-size:12px;transition:transform .3s ease}.custom-select:focus+.select-arrow{transform:translateY(-50%) rotate(180deg);color:#00f0ff}.resolution-note{color:#64748b;font-size:13px;margin-top:8px}.skin-parts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-top:15px;width:100%}.part-checkbox{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;background:#0000004d}.part-checkbox:hover{border-color:#00f0ff66;background:#ffffff0d}.part-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#00f0ff;cursor:pointer}.part-icon{font-size:20px;color:#64748b;transition:all .3s ease}.part-checkbox input[type=checkbox]:checked+.part-icon{transform:scale(1.1);color:#00f0ff;filter:drop-shadow(0 0 5px rgba(0,240,255,.5))}.part-checkbox input[type=checkbox]:checked~span{color:#fff;font-weight:500}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0000004d;transition:all .3s ease;color:#e2e8f0;width:100%}.checkbox-label:hover{border-color:#00f0ff66;background:#ffffff0d}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:#00f0ff;cursor:pointer}.preview-container{text-align:center;margin-top:30px;padding:30px;background:#000;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 20px #000c;width:100%}.preview-container h3{margin-bottom:20px;color:#e2e8f0;font-weight:500}#skinPreview{max-width:100%;height:auto;border-radius:8px;box-shadow:0 10px 30px #00000080;background:repeating-conic-gradient(#1a1a1a 0% 25%,#222 0% 50%) 50% / 20px 20px}.form-actions{display:flex;gap:20px;justify-content:center;margin-top:50px;padding-top:40px;border-top:1px solid rgba(255,255,255,.08);width:100%}.btn{padding:16px 32px;border:none;border-radius:9999px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#00f0ff,#0080ff);color:#000;box-shadow:0 10px 20px #00f0ff33}.btn-primary:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 15px 30px #00f0ff66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;background:#333;color:#888;box-shadow:none}.btn-secondary{background:#ffffff0d;color:#f8fafc;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-3px);border-color:#fff3}.btn-download{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 10px 20px #10b98133;border-radius:9999px;padding:16px 36px;font-weight:700}.btn-download:hover{transform:translateY(-3px);box-shadow:0 15px 30px #10b98166}.result-container{background:#0a0a0acc;padding:40px;border-radius:24px;border:1px solid rgba(16,185,129,.3);box-shadow:0 20px 40px #00000080,inset 0 0 20px #10b9810d;margin-bottom:40px;width:100%}.result-container h2{text-align:center;color:#10b981;margin-bottom:30px;font-size:2rem;font-weight:700}.download-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:900px;margin:0 auto}.download-item{text-align:center;padding:30px;background:#00000080;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.download-item h3{margin-bottom:20px;color:#f8fafc;font-weight:600}.instructions{text-align:left;color:#cbd5e0}.instructions ol{padding-left:20px}.instructions li{margin-bottom:12px}.multi-skin-section{padding:40px;background:#0f0f0f99;border-radius:24px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;margin-bottom:40px}.multi-skin-section h2{text-align:center;margin-bottom:30px;color:#f8fafc;font-size:1.5rem}.skin-list{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.skin-item{background:#0006;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.skin-item:hover{border-color:#00f0ff33;background:#0009}.skin-info{display:flex;align-items:center;gap:15px}.skin-preview-thumb{width:64px;height:64px;border-radius:8px;background:#000;object-fit:contain;border:1px solid rgba(255,255,255,.1)}.icon-preview{max-width:64px;max-height:64px;margin-top:10px;border-radius:4px;display:none}.file-upload-area.selected .icon-preview{display:block}.skin-details h4{margin:0 0 5px;color:#f8fafc;font-size:1.1rem}.skin-details p{margin:0;font-size:13px;color:#64748b}.btn-remove-skin{background:#ef44441a;color:#ef4444;padding:10px 16px;border-radius:9999px;border:1px solid rgba(239,68,68,.2);font-size:14px}.btn-remove-skin:hover{background:#ef444433;transform:translateY(-2px)}.skin-item-actions{display:flex;align-items:center;gap:8px}.btn-edit-skin{background:#f59e0b1a;color:#f59e0b;padding:10px 16px;border-radius:9999px;border:1px solid rgba(245,158,11,.2);font-size:14px;transition:all .3s ease}.btn-edit-skin:hover{background:#f59e0b33;transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b33}.btn-edit-skin.active{background:#f59e0b40;border-color:#f59e0b;box-shadow:0 0 15px #f59e0b4d}.skin-item-editing{border-color:#f59e0b66!important;background:#f59e0b0d!important;box-shadow:0 0 20px #f59e0b1a}.editing-badge{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:2px 10px;border-radius:20px;font-size:.7rem;font-weight:700;background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3);animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.editing-banner{display:flex;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#f59e0b1a,#f9731614);border:1px solid rgba(245,158,11,.3);border-radius:16px;margin-top:20px;color:#fbbf24;font-weight:600;font-size:1rem;animation:slideIn .3s ease}.editing-banner strong{color:#fff}.editing-banner-icon{font-size:1.3rem}.btn-cancel-edit{margin-left:auto;background:#ef44441a;color:#ef4444;padding:6px 16px;border-radius:9999px;border:1px solid rgba(239,68,68,.2);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel-edit:hover{background:#ef444433;transform:translateY(-1px)}.btn-save-edit{background:linear-gradient(135deg,#f59e0b,#f97316);color:#000;box-shadow:0 10px 25px #f59e0b40;border:none;font-weight:800}.btn-save-edit:hover{transform:translateY(-3px);box-shadow:0 15px 35px #f59e0b66}.btn-add-skin{width:100%}.uuid-display{background:#00f0ff0d;border:1px solid rgba(0,240,255,.15);padding:24px;border-radius:16px;margin-bottom:24px}.uuid-info h4{color:#00f0ff;margin-top:0;margin-bottom:15px}.uuid-item strong{color:#cbd5e0;display:block;margin-bottom:8px}.uuid-code{color:#f8fafc;background:#000;padding:12px;border-radius:8px;margin-bottom:10px;font-family:Courier New,monospace;font-size:13px;border-left:3px solid #00f0ff}.usage-guide{background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);border-radius:24px;padding:50px 30px;width:100%;margin-top:20px}.guide-container h3{text-align:center;font-size:2rem;font-weight:700;margin-bottom:40px;color:#f8fafc}.guide-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.guide-section{background:#ffffff05;padding:30px;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.guide-section h4{font-size:1.25rem;font-weight:600;margin-bottom:20px;color:#00f0ff}.guide-section li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#cbd5e0}.guide-section li:last-child{border-bottom:none}.guide-section li:before{content:"→";color:#00f0ff;margin-right:10px}.loading:after{background:linear-gradient(90deg,transparent,rgba(0,240,255,.3),transparent)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#0a0a0a;border-radius:24px;max-width:700px;width:100%;max-height:90vh;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px #000c}.modal-header{background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05);padding:25px 30px;display:flex;justify-content:space-between;align-items:center}.modal-close{background:#ffffff0d;color:#fff;border:none;border-radius:25%;cursor:pointer;transition:all .3s}.modal-close:hover{background:#ef444433;color:#ef4444}.skin-cropper-modal{background:#0a0a0a;border:1px solid rgba(255,255,255,.08)}.skin-cropper-header h2{color:#f8fafc}@media(max-width:768px){.container{padding:20px}header h1{font-size:2.2rem}.form-container{padding:30px 20px}.btn{width:100%}.form-actions{flex-direction:column}.download-section{grid-template-columns:1fr}}@media(min-width:1024px){.skin-parts{grid-template-columns:repeat(4,1fr)}}.upload-section-glass{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px}.section-title-small{color:#f8fafc}.custom-file-label{background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.custom-file-label:hover{border-color:#00f0ff}.btn-toggle-3d.active,.btn-play-toggle{background:#00f0ff;color:#000}.btn-play-toggle:hover{background:#00b8c4}.license-button{position:fixed;bottom:20px;right:20px;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,240,255,.3);color:#f8fafc;border-radius:9999px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #00f0ff1a;transition:all .3s ease;z-index:999}.license-button:hover{background:#00f0ff26;color:#00f0ff;transform:translateY(-3px);box-shadow:0 8px 25px #00f0ff4d;border-color:#00f0ff}.modal-body{padding:30px;overflow-y:auto;max-height:calc(90vh - 120px);color:#e2e8f0}.modal-body section{margin-bottom:25px;background:#ffffff05;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.modal-body h3{color:#00f0ff;font-size:1.2rem;margin-bottom:12px;border-left:4px solid #00f0ff;padding-left:12px;display:flex;align-items:center;gap:8px}.modal-body p{line-height:1.8;color:#cbd5e0;margin-bottom:12px}.modal-body ul{list-style:none;padding-left:0}.modal-body li{padding:8px 0 8px 24px;position:relative;line-height:1.6;color:#cbd5e0}.modal-body li:before{content:"";position:absolute;left:8px;top:15px;width:6px;height:6px;border-radius:50%;background:#0080ff}.modal-body strong{color:#00f0ff}.modal-footer{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05);text-align:center}.modal-footer small{color:#64748b;line-height:1.6}.modal-actions{padding:0 30px 25px;display:flex;justify-content:flex-end;gap:10px;margin-top:-50px}