.mbai{padding:0 0 60px}.mbai__hero{background:var(--mb-pink-soft);padding:44px 0 36px;text-align:center;margin-bottom:30px}.mbai__hero h1{font-size:clamp(27px,3.4vw,42px);letter-spacing:-.035em;line-height:1.08;margin:0 0 12px;color:var(--mb-ink)}.mbai__hero h1 em{font-style:normal;color:var(--mb-pink)}.mbai__hero p{color:var(--mb-ink-60);font-size:16.5px;line-height:1.6;max-width:600px;margin:0 auto}.mbai__badge{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--mb-pink-pale);color:var(--mb-pink-deep);border-radius:999px;padding:8px 18px;font-size:14.5px;font-weight:700;margin-top:18px}.mbai__steps{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:38px 0 24px}.mbai__steps div{display:flex;align-items:center;gap:9px;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid var(--mb-line);font-size:14px;font-weight:600;color:var(--mb-ink-60)}.mbai__steps div.is-on{border-color:var(--mb-pink);color:var(--mb-pink);background:var(--mb-pink-soft)}.mbai__steps div.is-done{border-color:#cfe8d8;color:#2f7a55;background:#e9f5ee}.mbai__steps b{width:22px;height:22px;border-radius:50%;background:currentColor;color:#fff;display:grid;place-items:center;font-size:12px;flex:none}.mbai__steps div.is-on b,.mbai__steps div.is-done b{color:#fff}.mbai__card{background:#fff;border:1px solid var(--mb-line);border-radius:var(--mb-card-r);padding:28px;max-width:1080px;margin:0 auto}.mbai__grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.mbai h2{font-size:22px;letter-spacing:-.02em;margin:0 0 6px;color:var(--mb-ink)}.mbai .mbai__sub{color:var(--mb-ink-60);font-size:14.5px;margin:0 0 18px;line-height:1.55}.mbai__row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}[hidden]{display:none!important}.mbai__drop{display:block;border:2px dashed var(--mb-line);border-radius:var(--mb-card-r);background:var(--mb-pink-soft);min-height:250px;cursor:pointer;overflow:hidden;text-align:center;transition:border-color .15s ease,background .15s ease}.mbai__drop:hover,.mbai__drop.is-drag{border-color:var(--mb-pink);background:#fff}.mbai__ph{display:grid;place-items:center;min-height:250px;padding:24px;font-size:15.5px;font-weight:700;color:var(--mb-pink)}.mbai__ph small{display:block;color:var(--mb-ink-60);font-weight:400;font-size:13px;margin-top:6px}.mbai__drop img{width:100%;max-height:340px;object-fit:contain;display:block;background:#fff}.mbai__mini{font-size:13px;color:var(--mb-ink-60);margin:10px 0 0;line-height:1.6}.mbai__link{background:none;border:0;padding:0;font:inherit;font-size:13.5px;color:var(--mb-pink);text-decoration:underline;cursor:pointer}.mbai__err{color:#b3261e;font-size:13.5px;margin:10px 0 0;line-height:1.5}.mbai label.mbai__f{display:block;font-size:13.5px;font-weight:700;margin:0 0 7px;color:var(--mb-ink)}.mbai input[type=text]{width:100%;padding:14px 15px;border:1.5px solid var(--mb-line);border-radius:11px;font:inherit;font-size:15.5px;background:#fff;color:var(--mb-ink)}.mbai input[type=text]:focus{outline:none;border-color:var(--mb-pink);box-shadow:0 0 0 3px #ed217a21}.mbai__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.mbai__chip{border:1.5px solid var(--mb-line);background:#fff;border-radius:999px;padding:8px 15px;font:inherit;font-size:14px;cursor:pointer;color:var(--mb-ink)}.mbai__chip.is-on{border-color:var(--mb-pink);background:var(--mb-pink-soft);color:var(--mb-pink-deep);font-weight:700}.mbai__note{background:var(--mb-cream);border:1px solid var(--mb-line);border-left:4px solid var(--mb-pink);border-radius:11px;padding:14px 16px;font-size:14px;color:var(--mb-ink-60);margin-top:18px;line-height:1.6}.mbai__note b{color:var(--mb-ink)}.mbai__consent{display:flex;gap:11px;align-items:flex-start;margin-top:16px;font-size:13.5px;color:var(--mb-ink-60);line-height:1.55}.mbai__consent input{margin-top:2px;width:17px;height:17px;accent-color:var(--mb-pink);flex:none}.mbai__a5{aspect-ratio:148/210;background:#fff;border:1px solid var(--mb-line);border-radius:6px;box-shadow:0 12px 38px #1e1a1c26;overflow:hidden;margin:0 auto;max-width:340px;display:grid;place-items:center}.mbai__a5 img{width:100%;height:100%;object-fit:cover;display:block}.mbai__cap{text-align:center;font-size:12.5px;color:var(--mb-ink-60);margin-top:10px;letter-spacing:.06em;text-transform:uppercase}.mbai__ba{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:start}.mbai__ba figure{margin:0;min-width:0}.mbai__ba .mbai__a5{max-width:none;box-shadow:0 8px 24px #1e1a1c21}.mbai__ba__ph{aspect-ratio:148/210;border-radius:6px;overflow:hidden;border:1px solid var(--mb-line);background:var(--mb-cream)}.mbai__ba__ph img{width:100%;height:100%;object-fit:cover;display:block}.mbai__ba figcaption{text-align:center;font-size:12px;color:var(--mb-ink-60);margin-top:9px;line-height:1.45}.mbai__ba__ar{align-self:center;color:var(--mb-pink);font-size:22px;line-height:1;padding-bottom:22px}.mbai__stage{background:var(--mb-cream);border:1px solid var(--mb-line);border-radius:var(--mb-card-r);padding:22px;display:grid;place-items:center;min-height:430px}.mbai__load{text-align:center;color:var(--mb-ink-60);font-size:14.5px}.mbai__spin{width:44px;height:44px;border:3px solid var(--mb-line);border-top-color:var(--mb-pink);border-radius:50%;margin:0 auto 16px;animation:mbaispin .9s linear infinite}@keyframes mbaispin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.mbai__spin{animation-duration:3s}}.mbai__bar{height:6px;background:var(--mb-line);border-radius:99px;overflow:hidden;max-width:260px;margin:16px auto 0}.mbai__bar i{display:block;height:100%;background:var(--mb-pink);width:0;transition:width .5s linear}.mbai__tries{font-size:13px;color:var(--mb-ink-60);text-align:center;margin-top:12px}.mbai__gal{margin-top:16px}.mbai__gal-l{font-size:12.5px;color:var(--mb-ink-60);text-align:center;margin:0 0 8px}.mbai__gal-r{display:flex;gap:10px;justify-content:center}.mbai__gal-r button{width:64px;padding:0;border:2px solid var(--mb-line);border-radius:8px;background:#fff;cursor:pointer;overflow:hidden;aspect-ratio:148/210}.mbai__gal-r button img{width:100%;height:100%;object-fit:cover;display:block}.mbai__gal-r button.is-on{border-color:var(--mb-pink);box-shadow:0 0 0 2px #ed217a33}.mbai__line{display:flex;align-items:center;gap:16px;border:1px solid var(--mb-line);border-radius:var(--mb-card-r);padding:16px;background:#fff}.mbai__line img{width:52px;height:74px;object-fit:cover;border-radius:5px;border:1px solid var(--mb-line);flex:none;background:var(--mb-cream)}.mbai__line b{display:block;font-size:15.5px;color:var(--mb-ink)}.mbai__line small{color:var(--mb-ink-60);font-size:13.5px}.mbai__line .mbai__pr{margin-left:auto;font-weight:800;font-size:16px;color:var(--mb-ink)}.mbai__demo{background:#fbf6ec;border:1px solid #EADFC6;border-left:4px solid #B8791F;border-radius:11px;padding:13px 16px;font-size:13.5px;color:#7a5a1e;margin:0 auto 22px;max-width:1080px;line-height:1.6}@media(max-width:820px){.mbai__grid{grid-template-columns:1fr}.mbai__card{padding:20px;border-radius:0;border-left:0;border-right:0}.mbai__hero{padding:30px 0 26px;margin-bottom:20px}.mbai__steps{padding:26px 0 16px}.mbai__row .mb-btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/mb-ai-card.css.map */