.crest-builder-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;align-items:center;justify-content:center;background-color:#00000080}.crest-builder-modal[open]{display:flex}.crest-builder-modal__dialog{position:relative;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background-color:#fff;border-radius:var(--mahj-radius-md, 8px);box-shadow:var(--mahj-shadow-md, 0 6px 18px rgba(0, 0, 0, .12));padding:2.4rem;margin:1.6rem}.crest-builder-modal__close{position:absolute;top:1.2rem;right:1.2rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--mahj-color-ink, #111111);border-radius:50%;transition:background-color .15s}.crest-builder-modal__close:hover{background-color:var(--mahj-color-bg-alt, #f6f6f6)}.crest-builder-modal__title{font-family:Poppins,sans-serif;font-size:2rem;font-weight:600;color:var(--mahj-color-ink, #111111);margin:0 0 .4rem;text-align:center}.crest-builder-modal__subtitle{font-family:Poppins,sans-serif;font-size:1.3rem;color:var(--mahj-color-ink-muted, #666666);margin:0 0 1.6rem;text-align:center}.crest-builder__steps-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:1.2rem}.crest-builder__step-dot{width:2.8rem;height:2.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;background-color:var(--mahj-color-bg-alt, #f6f6f6);color:var(--mahj-color-ink-muted, #666666);border:2px solid var(--mahj-color-border, #e2e2e2);transition:all .2s;flex-shrink:0}.crest-builder__step-dot.is-active{background-color:var(--mahj-color-plum, #a070b0);color:#fff;border-color:var(--mahj-color-plum, #a070b0)}.crest-builder__step-dot.is-done{background-color:var(--mahj-color-plum, #a070b0);color:#fff;border-color:var(--mahj-color-plum, #a070b0);opacity:.6}.crest-builder__step-line{width:3.2rem;height:2px;background-color:var(--mahj-color-border, #e2e2e2);flex-shrink:0}.crest-builder__step-line.is-done{background-color:var(--mahj-color-plum, #a070b0)}.crest-builder__step[hidden]{display:none!important}.crest-builder__step-title{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;color:var(--mahj-color-ink, #111111);margin:0 0 1.2rem;text-align:center}.crest-builder__designs{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:0}.crest-builder__design-card{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1rem;border:2px solid var(--mahj-color-border, #e2e2e2);border-radius:var(--mahj-radius-md, 8px);background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}.crest-builder__design-card:hover{border-color:var(--mahj-color-plum, #a070b0)}.crest-builder__design-card.is-selected{border-color:var(--mahj-color-plum, #a070b0);box-shadow:0 0 0 1px var(--mahj-color-plum, #a070b0)}.crest-builder__design-img-wrap{width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;background-color:#2a2a2a;border-radius:var(--mahj-radius-sm, 4px);overflow:hidden}.crest-builder__design-img-wrap img{max-width:80%;max-height:80%;object-fit:contain}.crest-builder__design-label{font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:600;color:var(--mahj-color-ink, #111111)}.crest-builder__fields{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2rem}.crest-builder__fields-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.crest-builder__optional{font-weight:400;color:var(--mahj-color-ink-muted, #666666);font-size:1.1rem}.crest-builder__preview-wrap{display:flex;justify-content:center;margin-bottom:1.6rem}.crest-builder__preview-canvas{display:block;max-width:100%;height:auto;border-radius:var(--mahj-radius-sm, 4px);background-color:var(--mahj-color-bg-alt, #f6f6f6)}.crest-builder__preview-details{text-align:center;margin-bottom:2rem}.crest-builder__preview-line{font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:600;color:var(--mahj-color-ink, #111111);margin:0}.crest-builder__preview-line--sub{font-weight:400;font-size:1.3rem;color:var(--mahj-color-ink-soft, #333333);margin-top:.2rem}.crest-builder__nav{display:flex;gap:1.2rem;margin-top:2rem}.crest-builder__btn{flex:1;padding:1.2rem 2rem;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:600;border-radius:var(--mahj-radius-sm, 4px);cursor:pointer;text-align:center;transition:background-color .15s,color .15s;text-transform:uppercase;letter-spacing:.06em;border:none}.crest-builder__btn--primary{background-color:var(--mahj-color-plum, #a070b0);color:#fff}.crest-builder__btn--primary:hover{background-color:#8a5e9a}.crest-builder__btn--primary:disabled{opacity:.5;cursor:not-allowed}.crest-builder__btn--secondary{background-color:transparent;color:var(--mahj-color-ink, #111111);border:1px solid var(--mahj-color-border, #e2e2e2)}.crest-builder__btn--secondary:hover{background-color:var(--mahj-color-bg-alt, #f6f6f6)}.mahj-crest-summary{display:none;flex-direction:column;gap:.6rem;padding:1.2rem 1.4rem;background-color:var(--mahj-color-bg-alt, #f6f6f6);border-radius:var(--mahj-radius-md, 8px);border:1px solid var(--mahj-color-border, #e2e2e2)}.mahj-crest-summary.is-active{display:flex}.mahj-crest-summary__header{display:flex;align-items:center;gap:.6rem}.mahj-crest-summary__check{width:1.8rem;height:1.8rem;color:var(--mahj-color-plum, #a070b0);flex-shrink:0}.mahj-crest-summary__title{font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:600;color:var(--mahj-color-ink, #111111);margin:0}.mahj-crest-summary__detail{font-family:Poppins,sans-serif;font-size:1.2rem;color:var(--mahj-color-ink-soft, #333333);margin:0;padding-left:2.4rem}.mahj-crest-summary__actions{display:flex;gap:1.2rem;padding-left:2.4rem;margin-top:.2rem}.mahj-crest-summary__action{font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:500;color:var(--mahj-color-plum, #a070b0);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline}.mahj-crest-summary__action:hover{color:#8a5e9a}.mahj-crest-trigger{display:flex;align-items:center;gap:.8rem;cursor:pointer;background:none;border:none;padding:0}.mahj-crest-trigger.is-hidden{display:none}.mahj-crest-trigger__icon{width:1.8rem;height:1.8rem;color:var(--mahj-color-plum, #a070b0);flex-shrink:0}.mahj-crest-trigger__label{font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:500;color:var(--mahj-color-ink, #111111)}.mahj-crest-trigger:hover .mahj-crest-trigger__label{color:var(--mahj-color-plum, #a070b0)}@media screen and (max-width:749px){.crest-builder-modal__dialog{max-width:100%;max-height:100vh;height:100%;border-radius:0;margin:0;padding:2.4rem 1.6rem}.crest-builder__designs{gap:1.2rem}.crest-builder__design-card{padding:1.2rem}.crest-builder__fields-row{grid-template-columns:1fr}}.crest-builder__login-notice{display:flex;align-items:flex-start;gap:.8rem;padding:1rem 1.2rem;margin-top:1.4rem;background-color:#fdf2f4;border:1px solid #f4d6dc;border-left:3px solid #c75a6b;border-radius:var(--mahj-radius-sm, 4px);font-size:1.3rem;line-height:1.45;color:#6b3a42}.crest-builder__login-notice-icon{flex-shrink:0;margin-top:.2rem;color:#c75a6b}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mahj-crest-builder.css.map */