.bb-art-builder{--bb-builder-ink: #2f2019;--bb-builder-rust: #a84f32;--bb-builder-teal: #0d6f73;--bb-builder-paper: #f7efe1;color:var(--bb-builder-ink);padding-block:clamp(2rem,5vw,4.5rem)}.bb-art-builder__intro,.bb-art-builder__shell{max-width:1120px;margin-inline:auto}.bb-art-builder__intro{text-align:center;margin-bottom:2rem}.bb-art-builder__intro p{max-width:760px;margin-inline:auto}.bb-art-builder__progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none}.bb-art-builder__progress li{border-bottom:4px solid rgba(47,32,25,.2);padding:.5rem .25rem;font-size:1.2rem;text-align:center}.bb-art-builder__progress li[aria-current=step]{border-color:var(--bb-builder-rust);font-weight:700}.bb-art-builder__step{border:1px solid rgba(47,32,25,.22);border-radius:1rem;background:var(--bb-builder-paper);padding:clamp(1.25rem,3vw,2.5rem)}.bb-art-builder__step[hidden]{display:none}.bb-art-builder__options,.bb-art-builder__grid,.bb-art-builder__preview-grid,.bb-art-builder__review-grid{display:grid;gap:1rem}.bb-art-builder__options{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.bb-art-builder__option,.bb-art-builder__check{display:flex;align-items:flex-start;gap:.75rem;min-height:44px}.bb-art-builder__option{border:1px solid rgba(47,32,25,.3);border-radius:.75rem;padding:1rem;cursor:pointer}.bb-art-builder__option:has(input:checked){border-color:var(--bb-builder-teal);outline:2px solid var(--bb-builder-teal)}.bb-art-builder__dropzone{display:grid;place-items:center;min-height:220px;border:2px dashed var(--bb-builder-teal);border-radius:1rem;padding:1.5rem;text-align:center;background:#fffaf1}.bb-art-builder__dropzone.is-dragging{background:#e4f2ef}.bb-art-builder__dropzone input{max-width:100%}.bb-art-builder__file-actions,.bb-art-builder__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.bb-art-builder__actions{justify-content:space-between}.bb-art-builder button,.bb-art-builder .button,.bb-art-builder input,.bb-art-builder select,.bb-art-builder textarea{min-height:44px}.bb-art-builder button:focus-visible,.bb-art-builder .button:focus-visible,.bb-art-builder input:focus-visible,.bb-art-builder select:focus-visible,.bb-art-builder textarea:focus-visible{outline:3px solid var(--bb-builder-teal);outline-offset:3px}.bb-art-builder__preview-grid,.bb-art-builder__review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-art-builder__canvas-frame{overflow:hidden;border:1px solid rgba(47,32,25,.3);border-radius:.75rem;background:#fff;aspect-ratio:4 / 3}.bb-art-builder canvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:none}.bb-art-builder__controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-top:1.5rem}.bb-art-builder__control label,.bb-art-builder__field label{display:block;font-weight:700;margin-bottom:.35rem}.bb-art-builder__control input,.bb-art-builder__field input,.bb-art-builder__field select,.bb-art-builder__field textarea{width:100%}.bb-art-builder__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-art-builder__field--full{grid-column:1 / -1}.bb-art-builder__notice,.bb-art-builder__error,.bb-art-builder__gate{border-left:4px solid var(--bb-builder-rust);padding:1rem;background:#fff8eb}.bb-art-builder__error{color:#842c1f}.bb-art-builder__error:empty{display:none}.bb-art-builder__gate{margin-top:1.5rem}.bb-art-builder__review-list{margin:0}.bb-art-builder__review-list div{padding-block:.65rem;border-bottom:1px solid rgba(47,32,25,.15)}.bb-art-builder__review-list dt{font-weight:700}.bb-art-builder__review-list dd{margin:.2rem 0 0;white-space:pre-wrap}.bb-art-builder__submit[disabled]{cursor:not-allowed;opacity:.55}@media screen and (max-width:749px){.bb-art-builder__progress{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-art-builder__preview-grid,.bb-art-builder__review-grid,.bb-art-builder__grid{grid-template-columns:1fr}.bb-art-builder__field--full{grid-column:auto}.bb-art-builder__actions .button{width:100%}}@media(prefers-reduced-motion:reduce){.bb-art-builder *,.bb-art-builder *:before,.bb-art-builder *:after{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/bb-art-builder.css.map */