.bccg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none}.bccg.is-open{display:block}.bccg[hidden]{display:none}.bccg__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1414148c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bccg__dialog{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:min(1100px,100%);height:min(880px,100%);max-height:100%;background:var(--bcc-paper, #fff);color:var(--bcc-ink, #1a1a1a);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #00000059}@media(min-width:720px){.bccg__dialog{border-radius:var(--bcc-radius, 2px)}}.bccg__x{position:absolute;top:14px;right:14px;z-index:5;width:40px;height:40px;border:1px solid var(--bcc-line, #c9c4ba);background:var(--bcc-paper, #fff);color:var(--bcc-ink, #1a1a1a);font-size:20px;line-height:1;cursor:pointer;border-radius:var(--bcc-radius, 2px)}.bccg__x:hover{border-color:var(--bcc-becco, #6f94d6)}.bccg__view{flex:1;overflow-y:auto;padding:clamp(20px,3vw,40px);display:none}.bccg__view.is-active{display:block}.bccg__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}.bccg__eyebrow{font-family:var(--bcc-mono, monospace);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--bcc-becco-ink, #3f63a3)}.bccg__price{font-family:var(--bcc-mono, monospace);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bcc-muted, #8a857c)}.bccg__title{font-family:var(--bcc-serif, Georgia, serif);font-weight:400;font-size:clamp(30px,4.5vw,46px);line-height:1;margin:4px 0 22px}.bccg__step{border:1px solid var(--bcc-line-2, #e2ded5);background:var(--bcc-paper-2, #f7f5f0);padding:clamp(16px,2.2vw,26px);margin-bottom:14px}.bccg__step-label{font-family:var(--bcc-mono, monospace);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--bcc-becco-ink, #3f63a3)}.bccg__step-title{font-family:var(--bcc-serif, Georgia, serif);font-weight:400;font-size:clamp(18px,2.4vw,24px);margin:8px 0 16px}.bccg__grid{display:grid;gap:12px}.bccg__grid--shapes{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.bccg__grid--styles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.bccg__opt{border:2px solid var(--bcc-line, #c9c4ba);background:var(--bcc-box, #e8e5de);cursor:pointer;padding:18px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:120px;transition:border-color .15s ease,background .15s ease}.bccg__opt:hover{background:var(--bcc-box-2, #ddd9cf)}.bccg__opt.is-selected{border-color:var(--bcc-becco, #6f94d6);background:var(--bcc-paper, #fff)}.bccg__opt-name{font-weight:600;font-size:14px;font-family:var(--bcc-sans, sans-serif)}.bccg__opt-sub{font-family:var(--bcc-mono, monospace);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--bcc-muted, #8a857c)}.bccg__glyph{width:40px;height:40px;border:2px solid var(--bcc-ink, #1a1a1a);opacity:.7}.bccg__glyph--circle{border-radius:50%}.bccg__glyph--rectangle{width:50px;height:36px;border-radius:3px}.bccg__glyph--oval{border-radius:50%/45%;width:50px}.bccg__opt.is-selected .bccg__glyph{border-color:var(--bcc-becco, #6f94d6);opacity:1}.bccg__style-name{font-family:var(--bcc-mono, monospace);font-size:13px;letter-spacing:.12em;text-transform:uppercase}.bccg__style-desc{font-size:12px;line-height:1.4;color:var(--bcc-muted, #8a857c);font-family:var(--bcc-sans, sans-serif)}.bccg__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.bccg__chip{font-family:var(--bcc-mono, monospace);font-size:12px;letter-spacing:.04em;padding:9px 16px;background:var(--bcc-paper, #fff);border:1px solid var(--bcc-line, #c9c4ba);color:var(--bcc-ink, #1a1a1a);cursor:pointer}.bccg__chip:hover{border-color:var(--bcc-becco, #6f94d6)}.bccg__chip.is-selected{border-color:var(--bcc-becco, #6f94d6);background:var(--bcc-becco-tint, #e8eef9);color:var(--bcc-becco-ink, #3f63a3)}.bccg__fields{display:grid;gap:12px}.bccg__field-label{display:block;font-family:var(--bcc-mono, monospace);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--bcc-muted, #8a857c);margin-bottom:6px}.bccg__input,.bccg__textarea{width:100%;font-family:var(--bcc-sans, sans-serif);font-size:15px;color:var(--bcc-ink, #1a1a1a);background:var(--bcc-paper, #fff);border:1px solid var(--bcc-becco, #6f94d6);padding:13px 15px;box-sizing:border-box}.bccg__input:focus,.bccg__textarea:focus{outline:2px solid var(--bcc-becco-tint, #e8eef9);outline-offset:0}.bccg__textarea{resize:vertical;min-height:84px}.bccg__cta{width:100%;margin-top:4px;font-family:var(--bcc-mono, monospace);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--bcc-becco, #6f94d6);border:none;padding:18px;cursor:pointer;transition:opacity .15s ease}.bccg__cta:hover{opacity:.9}.bccg__cta:disabled{opacity:.4;cursor:not-allowed}.bccg__center{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:40px}.bccg__spinner{width:54px;height:54px;border:3px solid var(--bcc-line, #c9c4ba);border-top-color:var(--bcc-becco, #6f94d6);border-radius:50%;animation:bccg-spin 1s linear infinite;margin-bottom:18px}@keyframes bccg-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.bccg__spinner{animation:none}}.bccg__stitch{width:104px;height:104px;margin:0 auto 26px}.bccg__stitch svg{width:100%;height:100%;overflow:visible}.bccg__stitch circle,.bccg__stitch rect{fill:none;stroke-linecap:round}.bccg__stitch-track{stroke:var(--bcc-line, #c9c4ba);stroke-width:3;stroke-dasharray:.5 7.5;opacity:.55}.bccg__stitch-run{stroke:var(--bcc-becco, #6f94d6);stroke-width:3.5;stroke-dasharray:.5 7.5;animation:bccg-stitch 1.15s linear infinite}.bccg__stitch-fill{fill:var(--bcc-becco-tint, #e8eef9);stroke:none;transform-origin:50% 50%;animation:bccg-pulse 1.9s ease-in-out infinite}.bccg__stitch-needle{transform-origin:50% 50%;animation:bccg-orbit 1.15s linear infinite}.bccg__stitch-needle circle{fill:var(--bcc-becco, #6f94d6);stroke:#fff;stroke-width:1.5}@keyframes bccg-stitch{to{stroke-dashoffset:-8}}@keyframes bccg-pulse{0%,to{transform:scale(.8);opacity:.3}50%{transform:scale(1);opacity:.7}}@keyframes bccg-orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.bccg__stitch-run,.bccg__stitch-fill,.bccg__stitch-needle{animation:none}}.bccg__loadmsg{transition:opacity .3s ease}.bccg__big{font-family:var(--bcc-serif, Georgia, serif);font-size:clamp(24px,3.4vw,34px)}.bccg__muted{font-family:var(--bcc-mono, monospace);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--bcc-muted, #8a857c)}.bccg__vars{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:8px 0 20px}.bccg__var{border:2px solid var(--bcc-line, #c9c4ba);background:#fff;cursor:pointer;overflow:hidden;transition:border-color .15s ease,transform .15s ease}.bccg__var:hover{border-color:var(--bcc-becco, #6f94d6);transform:translateY(-2px)}.bccg__var.is-selected{border-color:var(--bcc-becco, #6f94d6);box-shadow:0 0 0 3px var(--bcc-becco-tint, #e8eef9)}.bccg__var-img{aspect-ratio:1;background:#fff;display:flex;align-items:center;justify-content:center}.bccg__var-img img{max-width:100%;max-height:100%;object-fit:contain}.bccg__var-name{font-family:var(--bcc-mono, monospace);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:12px;border-top:1px solid var(--bcc-line-2, #e2ded5)}.bccg__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.bccg__btn{font-family:var(--bcc-mono, monospace);font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:14px 22px;background:transparent;border:1px solid var(--bcc-line, #c9c4ba);color:var(--bcc-ink, #1a1a1a);cursor:pointer}.bccg__btn:hover{border-color:var(--bcc-becco, #6f94d6)}.bccg__btn--primary{background:var(--bcc-becco, #6f94d6);border-color:var(--bcc-becco, #6f94d6);color:#fff;margin-left:auto}.bccg__btn--primary:hover{opacity:.9}.bccg__btn:disabled{opacity:.4;cursor:not-allowed}.bccg__gate{max-width:460px;margin:0 auto;text-align:center}.bccg__gate .bccg__input{text-align:center;margin:18px 0 14px}.bccg__code{font-family:var(--bcc-mono, monospace);font-weight:600;font-size:clamp(30px,6vw,52px);letter-spacing:.1em;color:var(--bcc-becco-ink, #3f63a3);background:var(--bcc-becco-tint, #e8eef9);border:1px dashed var(--bcc-becco, #6f94d6);padding:16px 26px;display:inline-block;margin:10px 0 6px}.bccg__done-img{width:190px;height:190px;background:#fff;border:1px solid var(--bcc-line, #c9c4ba);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.bccg__done-img img{max-width:100%;max-height:100%;object-fit:contain}.bccg__error{color:#b3261e;font-family:var(--bcc-mono, monospace);font-size:12px;margin-top:10px;min-height:16px}.bccg-build{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch;margin:8px 0 14px}.bccg-build .bccg__step{margin-bottom:0;height:100%}.bccg-build .bccg__grid--shapes{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.bccg-build .bccg__grid--styles{grid-template-columns:repeat(2,1fr)}.bccg-build .bccg__opt{min-height:92px;padding:14px 10px;gap:8px}.bccg-build .bccg__glyph{width:30px;height:30px}.bccg-build .bccg__glyph--rectangle{width:38px;height:28px}@media(max-width:900px){.bccg-build{grid-template-columns:1fr;gap:12px}.bccg-build .bccg__grid--styles{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/becco-ai-generator.css.map */