.creator-section{padding:6rem 1rem;position:relative;z-index:5}.creator-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-top:3rem;align-items:flex-start;transform:translateZ(0);contain:paint}@media(min-width:992px){.creator-grid{grid-template-columns:1fr 1fr}}.creator-form{padding:2rem;background:#ffffffe6;border:1px solid var(--glass-border);border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--glass-shadow);transform:translateZ(0);contain:paint}@media(max-width:768px){.creator-form{padding:1.25rem}.form-section{padding:1rem!important}}.custom-photos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;will-change:transform;contain:layout;transform:translateZ(0)}@media(min-width:480px){.custom-photos-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.custom-photos-grid{grid-template-columns:repeat(4,1fr)}}.form-main-title{font-size:1.8rem;margin-bottom:2rem;color:var(--gold);font-weight:800;letter-spacing:2px;text-shadow:0 0 20px rgba(212,175,55,.3)}.form-section{position:relative;background:#ffffff80;border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:1.5rem;margin-bottom:2rem;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:1;overflow:hidden;animation:slideUpFade .6s ease-out forwards;opacity:0;transform:translateY(20px)}.form-section:nth-child(1){animation-delay:.1s;border-color:#0ff3}.form-section:nth-child(2){animation-delay:.2s;border-color:#f0f3}.form-section:nth-child(3){animation-delay:.3s;border-color:#ff640033}.form-section:nth-child(4){animation-delay:.4s;border-color:#00ff6433}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}.form-section{border-color:#d4af3726!important;background:#ffffffe6!important;box-shadow:0 4px 15px #d4af370d}.step-indicator{background:linear-gradient(135deg,#d4af37,#f1d592)!important;color:#fff!important;box-shadow:0 4px 10px #d4af3733!important;border:none!important}.form-section.theme-cyan,.form-section.theme-magenta,.form-section.theme-orange,.form-section.theme-emerald{--theme: #d4af37;--theme-bg: transparent}.form-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:var(--text-primary);margin-bottom:2rem;padding-bottom:.8rem;position:relative;font-weight:800;letter-spacing:1.5px;text-shadow:0 0 10px var(--theme)}.form-section-title:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:60px;background:var(--theme);transition:width .4s ease;box-shadow:0 0 10px var(--theme)}.form-section:hover .form-section-title:after{width:100%;background:linear-gradient(90deg,var(--theme),transparent)}.step-indicator{position:absolute;top:-15px;right:-15px;width:60px;height:60px;background:#fff;border:3px solid var(--theme);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.8rem;font-weight:900;color:var(--theme);box-shadow:0 0 20px var(--theme),inset 0 0 10px var(--theme);text-shadow:0 0 10px var(--theme);transition:all .3s ease;z-index:10}.form-section:hover .step-indicator{transform:scale(1.1) rotate(10deg);box-shadow:0 0 30px var(--theme),inset 0 0 20px var(--theme)}.form-group{margin-bottom:1.2rem;display:flex;flex-direction:column}.form-group.half{width:48%}.form-row{display:flex;justify-content:space-between}.form-group label{font-size:.85rem;color:var(--text-secondary);margin-bottom:.4rem;letter-spacing:1px;font-weight:600}.form-group input,.form-group textarea,.form-group select{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:.8rem 1rem;color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all .6s ease;box-shadow:inset 0 2px 5px #0000000d}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:#0003;background:#f8f9fa}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--theme);background:#fff;box-shadow:0 0 0 4px #0000000d,0 0 15px rgba(var(--theme-rgb),.3);transform:translateY(-2px)}.stats-title{display:none}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.form-row{flex-direction:column;gap:1rem}.form-group.half{width:100%}.stats-grid{grid-template-columns:1fr}}.stat-input-group{display:flex;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:8px;overflow:hidden}.stat-label-input{width:60%;background:transparent;border:none;border-right:1px solid rgba(255,255,255,.2);padding:.8rem .5rem;color:#ccc;font-size:.8rem}.stat-val-input{width:40%;background:transparent;border:none;padding:.8rem .5rem;color:#fff;font-size:1rem;text-align:center;font-weight:700}.stat-input-group input:focus{outline:none;background:#ffffff0d}.bg-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem;max-height:250px;overflow-y:auto;padding-right:5px}.bg-picker-grid::-webkit-scrollbar{width:5px}.bg-picker-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}.bg-thumb{aspect-ratio:2/3;display:flex;justify-content:center;align-items:center;position:relative;background-size:cover;background-position:center;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:all .6s ease;box-shadow:0 4px 10px #0000001a;opacity:.7;filter:grayscale(30%)}.bg-thumb:hover{transform:scale(1.08) translateY(-4px);opacity:1;filter:grayscale(0%);box-shadow:0 10px 20px #0003;border-color:var(--theme)}.bg-thumb.active{border-color:var(--theme);transform:scale(1.12) translateY(-5px);opacity:1;filter:grayscale(0%);box-shadow:0 15px 30px #0000004d,0 0 20px rgba(var(--theme-rgb),.4);z-index:2}.bg-thumb-active-dot{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:20px;height:6px;background:var(--theme);border-radius:10px;box-shadow:0 0 10px var(--theme);animation:pulseTheme 2s infinite}@keyframes pulseTheme{0%{box-shadow:0 0 10px var(--theme),0 0 20px var(--theme)}50%{box-shadow:0 0 20px var(--theme),0 0 40px var(--theme)}to{box-shadow:0 0 10px var(--theme),0 0 20px var(--theme)}}.creator-preview{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;position:sticky;top:100px}@media(max-width:991px){.creator-preview{position:static;margin-top:40px}.live-card-wrapper{max-width:200px!important}}.live-card-wrapper{position:relative;width:100%;max-width:260px;aspect-ratio:60 / 85;border-radius:16px;perspective:1000px;box-shadow:0 30px 60px #0006,0 0 100px rgba(var(--theme-color-rgb),.2)}.live-card{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;overflow:hidden;background-color:#111;border:2px solid rgba(255,255,255,.1)}.live-card img.card-image-main{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;filter:brightness(1.1) contrast(1.1)}.live-card img.card-bg-blur{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;filter:blur(12px) brightness(.5);transform:scale(1.1)}.card-overlay-top{position:absolute;top:0;left:0;right:0;height:100%;z-index:3;box-shadow:inset 0 80px 100px -20px #000000b3;pointer-events:none}.card-overlay-bottom{position:absolute;bottom:0;left:0;right:0;height:100%;z-index:3;box-shadow:inset 0 -130px 150px -20px #000000e6;pointer-events:none}.card-id-badge{position:absolute;top:3%;left:50%;transform:translate(-50%);width:11%;aspect-ratio:1;background:#000;border:2px solid var(--theme-color);border-radius:50%;color:var(--theme-color);display:flex;justify-content:center;align-items:center;font-family:inherit;font-weight:900;font-size:clamp(10px,3.5vw,16px);z-index:15;box-shadow:0 0 10px #00000080;transition:all .5s ease}.card-id-badge.pos-tl{left:4%;transform:none}.card-hex{position:absolute;width:25%;aspect-ratio:1;z-index:10;transition:all .5s ease;background:var(--stat-shape-color, #222)!important;display:flex;align-items:center;justify-content:center}.card-hex.shape-hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(135deg,#281e00e6,#503c00f2);border:none}.card-hex.shape-hexagon:after{content:"";position:absolute;inset:1px;background:transparent;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);box-shadow:inset 0 0 15px #ffd700cc,inset 0 0 5px #fff;pointer-events:none}.card-hex.shape-hexagon .card-stat-val{color:#fed330;text-shadow:0 0 8px rgba(254,211,48,.8)}.card-hex.shape-hexagon .card-stat-lbl{color:#f7ca18;font-size:clamp(5px,2.5vw,9.5px)!important;max-width:95%}.card-hex.shape-circle{border-radius:50%;background:radial-gradient(circle at center,#280050e6,#0a0014f2);border:2px solid #a100ff;box-shadow:0 0 15px #a100ffcc,inset 0 0 20px #00d2ff99}.card-hex.shape-circle:before{content:"";position:absolute;inset:-5px;border:2px dashed rgba(0,210,255,.8);border-radius:50%}.card-hex.shape-circle .card-stat-val{color:#e056fd;text-shadow:0 0 10px #e056fd,0 0 20px #a100ff}.card-hex.shape-circle .card-stat-lbl{color:#7efff5}.card-hex.shape-shield{clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);background:linear-gradient(to bottom,#780000e6,#280000f2);border:none}.card-hex.shape-shield:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;box-shadow:inset 0 20px 20px #ff3c3c66,inset 0 -15px 25px #000000e6;border-top:3px solid #eb2f06}.card-hex.shape-shield .card-stat-val{color:#fcc;text-shadow:0 0 10px #eb2f06,0 0 20px #ff0000}.card-hex.shape-shield .card-stat-lbl{color:#fc5c65;font-weight:700}.card-hex.shape-diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:linear-gradient(135deg,#00461ee6,#00140af2);border:none}.card-hex.shape-diamond:after{content:"";position:absolute;inset:1px;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);box-shadow:inset 0 0 25px #26de8199}.card-hex.shape-diamond .card-stat-val{color:#26de81;text-shadow:0 0 12px rgba(38,222,129,.9);font-style:italic}.card-hex.shape-diamond .card-stat-lbl{color:#a8e6cf}.card-hex.shape-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:linear-gradient(135deg,#ffffc8e6,#c89600f2);border:none}.card-hex.shape-star .card-stat-val{color:#fff;text-shadow:0 0 15px rgba(255,200,0,1),0 0 5px #000}.card-hex.shape-star .card-stat-lbl{color:#fff;text-shadow:0 0 5px #000;font-weight:900}.card-hex.shape-tear{border-radius:0 50% 50%;transform:scale(.85) rotate(45deg);background:linear-gradient(135deg,#0096ffe6,#003296f2);box-shadow:inset -5px -5px 20px #00000080,inset 5px 5px 20px #fff6;border:2px solid #00f0ff}.card-hex.shape-tear .card-stat-val{color:#c8ffff;text-shadow:0 0 8px #00a8ff}.card-hex.shape-tear .card-stat-lbl{color:#00f0ff}.card-hex.shape-octagon{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);background:linear-gradient(to bottom right,#505050e6,#141414f2);border:none}.card-hex.shape-octagon:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 3px #555,inset 0 0 20px #000}.card-hex.shape-octagon .card-stat-val{color:#ff5e57;text-shadow:0 0 8px #ff3f34,0 2px 2px #000}.card-hex.shape-octagon .card-stat-lbl{color:#d2dae2;font-size:clamp(5px,2.5vw,9.5px)!important;max-width:95%}.card-hex.shape-scroll{border-radius:10px;background:#eccc68;background-image:linear-gradient(white 2px,transparent 2px),linear-gradient(90deg,white 2px,transparent 2px),linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;border:3px solid #b71540;box-shadow:inset 0 0 30px #8b4513cc,2px 5px 10px #00000080}.card-hex.shape-scroll .card-stat-val{color:#2f3542;text-shadow:none}.card-hex.shape-scroll .card-stat-lbl{color:#57606f;font-weight:900}.card-hex.shape-gem{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(to bottom,#c8ffffcc,#0064c8e6);border:none}.card-hex.shape-gem:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 50%,rgba(255,255,255,.1) 100%)}.card-hex.shape-gem .card-stat-val{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #00d2ff}.card-hex.shape-gem .card-stat-lbl{color:#dff9fb;text-shadow:0 2px 2px rgba(0,0,0,.5)}.card-hex.shape-diamond .card-hex-inner,.card-hex.shape-star .card-hex-inner{transform:scale(.65)}.card-hex.shape-hexagon .card-hex-inner,.card-hex.shape-shield .card-hex-inner,.card-hex.shape-gem .card-hex-inner{transform:scale(.85)}.card-hex.shape-tear .card-hex-inner{transform:rotate(-45deg)}.layout-corners .card-hex.pos-tl{top:2%;left:2%}.layout-corners .card-hex.pos-tr{top:2%;right:2%}.layout-corners .card-hex.pos-bl{bottom:2%;left:2%}.layout-corners .card-hex.pos-br{bottom:2%;right:2%}.layout-left{position:absolute;top:16%;left:3%;display:flex;flex-direction:column;gap:4%;z-index:10;width:20%;height:80%;justify-content:flex-start}.layout-left .card-hex{position:relative;inset:auto!important;width:100%}.layout-right{position:absolute;top:16%;right:3%;display:flex;flex-direction:column;gap:4%;z-index:10;width:20%;height:80%;justify-content:flex-start}.layout-right .card-hex{position:relative;inset:auto!important;width:100%}.layout-bottom{position:absolute;bottom:6%;left:2%;right:2%;display:flex;flex-direction:row;gap:3%;z-index:10;justify-content:center}.layout-bottom .card-hex{position:relative;inset:auto!important;width:20%}.card-hex-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;width:100%;height:100%;padding:0 12%;box-sizing:border-box}.card-stat-val{font-weight:900;font-size:clamp(12px,4vw,20px);line-height:1;text-shadow:0 1px 3px #000;color:var(--stat-val-color, #fff)!important}.card-stat-lbl{font-size:clamp(5px,2.5vw,9px)!important;color:var(--stat-lbl-color, #ccc)!important;margin-top:1px;font-family:Roboto,sans-serif;letter-spacing:.2px;max-width:95%;text-align:center;line-height:.95;word-break:break-word}.live-card-wrapper .card-hex{background:#0006!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.25)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;isolation:auto!important;filter:drop-shadow(0 0 5px var(--theme-color))!important}.live-card-wrapper .card-hex:before,.live-card-wrapper .card-hex:after{display:none!important}.live-card-wrapper .card-hex-inner{position:relative;z-index:10}.live-card-wrapper .card-stat-val{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.9),0 -1px 3px rgba(0,0,0,.9)!important}.live-card-wrapper .card-stat-lbl{color:#d1d8e0!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}.card-header-info{position:absolute;top:5%;left:20%;right:20%;text-align:center;z-index:10;display:flex;flex-direction:column;justify-content:flex-start}.card-footer-info{position:absolute;bottom:8%;left:20%;right:20%;text-align:center;z-index:10;display:flex;flex-direction:column;justify-content:flex-end}.has-layout-bottom .card-footer-info{bottom:30%;left:10%;right:10%}.has-layout-left .card-footer-info{left:28%;right:5%}.has-layout-right .card-footer-info{left:5%;right:28%}.card-group-name{font-size:clamp(8px,2.5vw,12px);color:#ffffffb3;letter-spacing:2px;text-transform:uppercase;margin-bottom:2px;font-weight:700;font-family:Roboto,sans-serif}.card-hero-name{font-size:clamp(14px,5.5vw,26px);margin:0;text-shadow:0 2px 4px #000;text-transform:uppercase;line-height:1.1}.card-hero-desc{font-size:clamp(9px,2.2vw,13px);color:#fff;margin-top:4px;padding:0 16%;line-height:1.4;text-shadow:none!important;font-weight:500;font-style:normal!important;letter-spacing:0px;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes btnShine{0%{left:-100%}20%{left:200%}to{left:200%}}.kvarteto-export-node .live-card-wrapper{width:260px!important;max-width:260px!important;box-shadow:none!important}.kvarteto-export-node .card-id-badge{font-size:16px!important}.kvarteto-export-node .card-stat-val{font-size:20px!important}.kvarteto-export-node .card-stat-lbl{font-size:9px!important}.kvarteto-export-node .card-hex.shape-hexagon .card-stat-lbl,.kvarteto-export-node .card-hex.shape-octagon .card-stat-lbl{font-size:9.5px!important}.kvarteto-export-node .card-group-name{font-size:12px!important}.kvarteto-export-node .card-hero-name{font-size:26px!important}.kvarteto-export-node .card-hero-desc{font-size:13px!important}@media(hover:hover){.slot-action-overlay{opacity:0}}@media(hover:none){.slot-action-overlay{opacity:1}}