html{overflow-x:clip}.badge-atelier{--atl-line:rgba(28, 27, 46, 0.06);--atl-ink:var(--c-navy, #1c1b2e);--atl-muted:var(--c-navy-muted, #3d3b54);position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:clamp(1.5rem, 4vw, 3.5rem) 1rem clamp(3rem, 6vw, 5rem);overflow:hidden;color:var(--atl-ink);background:radial-gradient(120% 95% at 50% -10%,#fff7f2 0%,var(--c-bg,#faf9f4) 52%,#f1ece2 100%)}.badge-atelier::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(var(--atl-line) 1px,transparent 1.4px);background-size:26px 26px;-webkit-mask-image:radial-gradient(120% 80% at 50% 18%,#000 35%,transparent 80%);mask-image:radial-gradient(120% 80% at 50% 18%,#000 35%,transparent 80%)}.atelier-glow{position:absolute;top:-10%;left:50%;width:min(960px, 92vw);height:min(960px, 92vw);transform:translateX(-50%);pointer-events:none;background:radial-gradient(circle,rgb(255 188 171 / .42) 0%,rgb(184 237 216 / .32) 40%,transparent 70%);filter:blur(10px);z-index:0}.badge-atelier__inner{position:relative;z-index:1;max-width:1240px;margin:0 auto}.atelier-hero{text-align:center;margin:0 auto clamp(1.5rem, 4vw, 2.75rem);max-width:720px}.atelier-hero__eyebrow{font-family:var(--f-body,monospace);text-transform:uppercase;letter-spacing:3px;font-size:.72rem;color:var(--c-orange,#ff6b4a);margin:0 0 .6rem}.atelier-hero__title{font-family:"Anton",var(--f-ui,sans-serif);font-weight:400;text-transform:uppercase;letter-spacing:1px;line-height:.95;font-size:clamp(2.4rem, 7vw, 4.5rem);margin:0 0 .6rem;color:var(--c-navy,#1c1b2e);text-shadow:0 3px 0 var(--c-peach,#ffbcab)}.atelier-hero__sub{font-family:var(--f-body,monospace);font-size:.95rem;color:var(--c-navy-muted,#3d3b54);margin:0}.badge-editor{display:grid;grid-template-columns:250px minmax(0,1fr) 270px;gap:18px;align-items:start}@media (max-width:1024px){.badge-editor{grid-template-columns:1fr}.be-stage{order:-1}}.be-panel,.be-tools,.be-actions{position:relative;background:var(--c-white);border:2px solid var(--c-navy);border-radius:16px;padding:1.6rem 1.1rem 1.1rem;box-shadow:6px 6px 0 var(--c-navy)}.be-panel__tag{position:absolute;top:-13px;left:16px;margin:0;padding:.2rem .7rem;font-family:var(--f-ui,sans-serif);letter-spacing:1.5px;font-size:.85rem;text-transform:uppercase;color:var(--c-peach,#ffbcab);background:var(--c-navy);border:2px solid var(--c-navy);border-radius:999px;box-shadow:3px 3px 0 var(--c-orange,#ff6b4a)}.be-tools__group{margin-bottom:1.1rem;padding-bottom:1.1rem;border-bottom:1px dashed var(--c-mint-pale)}.be-tools__group:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.be-tools__title{font-family:var(--f-ui,sans-serif);font-size:1rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--c-navy-muted);margin:0 0 .6rem}.be-tools__row,.be-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.be-shapes .be-btn--icon{flex:0 0 auto;width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center}.be-shapes .be-btn--icon svg{width:22px;height:22px;display:block}.be-btn{flex:1 1 auto;background:var(--c-mint-light);border:2px solid var(--c-navy);border-radius:10px;padding:.55rem .7rem;font-weight:600;color:var(--c-navy);cursor:pointer;line-height:1.2;box-shadow:2px 2px 0 var(--c-navy);transition:transform 0.12s ease,box-shadow 0.12s ease,background 0.15s ease}.be-btn:hover{background:var(--c-mint);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--c-navy)}.be-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--c-navy)}.be-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:2px 2px 0 var(--c-navy);transform:none}.be-btn:disabled:hover{background:var(--c-mint-light);transform:none;box-shadow:2px 2px 0 var(--c-navy)}.be-btn--primary{background:var(--c-navy);color:var(--c-peach)}.be-btn--ghost{background:var(--c-white)}.be-btn--cart{width:100%;text-align:center;margin-top:.5rem;background:var(--c-orange);color:var(--c-white);box-shadow:3px 3px 0 var(--c-navy)}.be-btn--cart:hover{background:var(--c-orange-light,#ff8f76)}.be-btn.is-busy{position:relative;color:transparent!important;pointer-events:none;opacity:.9}.be-btn.is-busy::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgb(28 27 46 / .25);border-top-color:var(--c-navy);border-radius:50%;animation:be-spin 0.7s linear infinite}.be-btn--primary.is-busy::after,.be-btn--cart.is-busy::after{border-color:rgb(255 255 255 / .45);border-top-color:#fff}@keyframes be-spin{to{transform:rotate(360deg)}}.be-mini{flex:1 1 auto;min-width:34px;height:34px;border:1.5px solid var(--c-navy);border-radius:8px;background:var(--c-white);color:var(--c-navy);cursor:pointer;font-size:.9rem;transition:background 0.15s ease}.be-mini:hover{background:var(--c-mint-light)}.be-mini.on{background:var(--c-navy);color:var(--c-peach)}.be-mini--danger{border-color:var(--c-orange)}.be-field{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.8rem;color:var(--c-navy);margin-bottom:8px}.be-field--block{flex-direction:column;align-items:stretch}.be-field span{flex:0 0 auto;color:var(--c-navy-muted)}.be-field input[type="text"],.be-field input[type="number"],.be-field select{flex:1 1 auto;min-width:0;border:1.5px solid var(--c-navy);border-radius:8px;padding:.4rem .5rem;font:inherit;background:var(--c-white)}.be-field input[type="range"]{flex:1 1 auto;min-width:0;accent-color:var(--c-orange)}.be-field input[type="color"]{width:42px;height:28px;border:1.5px solid var(--c-navy);border-radius:6px;padding:0;background:none;cursor:pointer}.be-stage{display:flex;flex-direction:column;align-items:center;gap:12px}.be-stage__label{margin:0;font-family:var(--f-ui,sans-serif);text-transform:uppercase;letter-spacing:3px;font-size:1rem;color:var(--c-navy-muted,#3d3b54)}.be-canvas-wrap{position:relative;background:repeating-conic-gradient(#f0f0f0 0% 25%,#ffffff 0% 50%) 50% / 24px 24px;border:3px solid var(--c-navy);border-radius:18px;width:100%;max-width:540px;margin:0 auto;box-sizing:border-box;box-shadow:8px 8px 0 var(--c-navy),0 24px 44px rgb(28 27 46 / .18)}.be-canvas-wrap .canvas-container{width:100%!important;height:auto!important;aspect-ratio:1 / 1;max-width:100%;border-radius:14px;overflow:hidden}.be-canvas-wrap .canvas-container canvas{width:100%!important;height:100%!important;touch-action:none}.be-legend{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0}.be-legend__item{position:relative;display:inline-flex;align-items:center;gap:7px;font-size:.78rem;color:var(--c-navy,#1c1b2e);background:var(--c-white);border:1.5px solid var(--c-navy);border-radius:999px;padding:.28rem .7rem;cursor:help;transition:background 0.15s ease}.be-legend__item:hover,.be-legend__item:focus-visible{background:var(--c-mint-light);outline:none}.be-legend__item::after,.be-legend__item::before{position:absolute;bottom:calc(100% + 9px);left:50%;opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:opacity 0.15s ease,transform 0.15s ease;pointer-events:none;z-index:20}.be-legend__item::after{content:attr(data-tip);width:max-content;max-width:230px;white-space:normal;text-align:left;font-size:.74rem;line-height:1.35;color:var(--c-white);background:var(--c-navy);border-radius:10px;padding:.55rem .7rem;box-shadow:0 10px 24px rgb(28 27 46 / .3)}.be-legend__item::before{content:"";bottom:calc(100% + 3px);border:6px solid #fff0;border-top-color:var(--c-navy)}.be-legend__item:hover::after,.be-legend__item:hover::before,.be-legend__item:focus-visible::after,.be-legend__item:focus-visible::before{opacity:1;visibility:visible;transform:translate(-50%,0)}.be-stage__dot{display:inline-block;width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 1px rgb(28 27 46 / .25)}.be-stage__dot--vis{background:#1e88e5}.be-stage__dot--side{background:#e53935}.be-stage__dot--back{background:#111}.be-actions__btns{display:flex;flex-direction:column;gap:8px;margin:.75rem 0 1rem}.be-order{border-top:1px dashed var(--c-mint-pale);padding-top:1rem}.be-order__price{font-size:.9rem;color:var(--c-navy);margin:.5rem 0;text-align:center}.be-offert{color:var(--c-green,#3daa7a);font-weight:700}.be-offert-hint{display:block;margin-top:4px;font-size:.78rem;color:var(--c-navy-muted)}.be-msg{min-height:1.2em;margin:.75rem 0 0;font-size:.85rem;color:var(--c-navy-muted);text-align:center}.be-msg.is-err{color:var(--c-orange);font-weight:600}.be-mybadges{max-width:1240px;margin:clamp(1.5rem, 4vw, 2.5rem) auto 0;padding:1.6rem 1.5rem 1.5rem}.be-mybadges__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.be-mybadges__head .be-tools__title{margin:0;font-size:1.1rem;letter-spacing:1px}.be-mybadges__head .be-mini{flex:0 0 auto;width:32px;height:32px;min-width:0;font-size:1.05rem;line-height:1}.be-mybadges__empty{font-size:.85rem;color:var(--c-navy-muted);margin:.8rem 0 0}.be-mybadges__grid{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px}.be-mybadge{position:relative}.be-mybadge__load{display:block;width:100%;padding:6px;border:1.5px solid var(--c-navy);border-radius:12px;background:var(--c-mint-light);cursor:pointer;text-align:center;transition:transform 0.12s ease,background 0.15s ease,box-shadow 0.12s ease}.be-mybadge__load:hover{background:var(--c-mint);transform:translateY(-2px);box-shadow:0 8px 18px rgb(8 7 22 / .18)}.be-mybadge.is-current .be-mybadge__load{border-color:var(--c-orange);box-shadow:0 0 0 2px var(--c-orange)}.be-mybadge__load img,.be-mybadge__noimg{display:block;width:100%;aspect-ratio:1 / 1;border-radius:50%;object-fit:cover;background:var(--c-mint-pale,#f3f3f3)}.be-mybadge__name{display:block;margin-top:5px;font-size:.75rem;line-height:1.2;color:var(--c-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.be-mybadge__dup,.be-mybadge__del{position:absolute;top:-6px;width:22px;height:22px;padding:0;border:1.5px solid var(--c-navy);border-radius:50%;background:var(--c-white);cursor:pointer;font-size:.7rem;line-height:1;opacity:0;transition:opacity 0.12s ease}.be-mybadge__del{right:-6px}.be-mybadge__dup{right:22px}.be-mybadge:hover .be-mybadge__dup,.be-mybadge:hover .be-mybadge__del,.be-mybadge__dup:focus,.be-mybadge__del:focus{opacity:1}.be-mybadge__dup:hover{background:var(--c-mint)}.be-mybadge__del:hover{background:var(--c-orange)}.badge-gate{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:clamp(2rem, 6vw, 5rem) 1.25rem;position:relative;z-index:1}.badge-gate__inner{max-width:460px;text-align:center;background:var(--c-white);border:2px solid var(--c-navy);box-shadow:8px 8px 0 var(--c-navy);border-radius:18px;padding:2.75rem 2rem}.badge-gate__eyebrow{font-family:var(--f-body,monospace);text-transform:uppercase;letter-spacing:2px;font-size:.7rem;color:var(--c-orange);margin:0 0 .5rem}.badge-gate__title{font-family:"Anton",var(--f-ui,sans-serif);text-transform:uppercase;letter-spacing:1px;font-size:clamp(1.8rem, 5vw, 2.6rem);margin:0 0 .75rem;color:var(--c-navy)}.badge-gate__sub{color:var(--c-navy-muted);margin:0 0 1.5rem}.badge-gate__btn{display:inline-block;background:var(--c-orange);color:var(--c-white);border:2px solid var(--c-navy);box-shadow:3px 3px 0 var(--c-navy);border-radius:10px;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;cursor:pointer;transition:transform 0.12s ease,box-shadow 0.12s ease}.badge-gate__btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--c-navy)}.be-3d-overlay{position:fixed;inset:0;z-index:99999;background:rgb(15 14 31 / .72);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1rem}.be-3d-overlay[hidden]{display:none}.be-3d-modal{background:var(--c-white);border:2px solid var(--c-navy);border-radius:18px;box-shadow:0 30px 60px rgb(6 5 18 / .6);padding:1.5rem;max-width:420px;width:100%;text-align:center}.be-3d-title{font-family:var(--f-ui,sans-serif);text-transform:uppercase;letter-spacing:1px;margin:0 0 1rem;color:var(--c-navy);font-size:1.3rem}.be-3d-stage{position:relative;perspective:760px;width:300px;height:300px;max-width:72vw;max-height:72vw;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;touch-action:none}.be-3d-badge{position:relative;z-index:1;width:86%;height:86%;border-radius:50%!important;background-size:cover;background-position:center;overflow:hidden;transition:transform 0.1s ease-out;cursor:grab;box-shadow:0 9px 18px rgb(28 27 46 / .28),inset 0 4px 7px rgb(255 255 255 / .5),inset 0 -7px 11px rgb(28 27 46 / .3)}.be-3d-gloss{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgb(255 255 255 / .5) 46%,rgb(255 255 255 / .72) 50%,rgb(255 255 255 / .5) 54%,transparent 75%);transform:translateX(-150%) skewX(-15deg);transition:transform 0.12s ease-out}.be-3d-note{font-size:.85rem;color:var(--c-navy-muted);margin:0 0 1.1rem;line-height:1.4}.be-3d-actions{display:flex;flex-direction:column;gap:8px}