.bb-product dialog.bb-name-refreshed.bb-interface{width:min(1160px,calc(100vw - 48px))!important;height:min(820px,calc(var(--bb-visible-height,100dvh) - 48px))!important;padding:24px!important;border-radius:24px!important;background:#fff!important}
.bb-product .bb-name-refreshed.bb-interface .bb-name-heading{padding:0 0 18px;border-bottom:1px solid #e1ecee;gap:20px}.bb-product .bb-name-refreshed.bb-interface .bb-name-heading h2{font-size:23px!important;color:#19343d;letter-spacing:-.4px}.bb-product .bb-name-refreshed.bb-interface .bb-name-progress{padding-top:18px!important;gap:10px}.bb-product .bb-name-refreshed.bb-interface .bb-name-progress button{border-radius:10px!important;min-height:44px!important;font-size:13px!important}.bb-product .bb-name-refreshed.bb-interface .bb-interface-step-status{margin:12px 0 18px;color:#526e77}.bb-product .bb-name-refreshed.bb-interface .bb-name-layout{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;gap:28px!important}.bb-product .bb-name-refreshed.bb-interface .bb-name-art{background:#edf7f7!important;border:1px solid #dce7e9!important;padding:18px!important;border-radius:18px!important}.bb-product .bb-name-refreshed.bb-interface .bb-preview-bar{color:#19343d;font-weight:500}.bb-product .bb-name-refreshed.bb-interface .bb-name-controls{border:0!important;border-radius:0!important;background:#fff!important;padding:0!important}.bb-name-refreshed .bb-name-price-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 16px;flex-shrink:0;border-bottom:1px solid #e1ecee}.bb-name-price-bar>span{color:#526e77;font-size:13px}.bb-name-price-bar .bb-price{margin:0!important;font-size:28px!important;line-height:1.2;font-weight:700;color:#19343d}.bb-product .bb-name-refreshed.bb-interface .bb-order{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important}.bb-product .bb-name-refreshed.bb-interface .bb-name-pages{padding:18px 6px 18px 0!important}.bb-product .bb-name-refreshed.bb-interface .bb-name-pages h3{font-size:20px!important;margin:0 0 8px!important}.bb-name-step-intro{margin:0 0 16px;color:#526e77;font-size:13px;line-height:1.6}.bb-name-refreshed .bb-name-pages [data-name-step="0"]>label{display:none}.bb-name-refreshed .bb-name-pages [data-name-step="0"]>.bb-muted{margin:12px 0 0;font-size:12px}.bb-name-refreshed .bb-choice-label{margin:14px 0 8px!important;font-size:13px}.bb-name-refreshed .bb-material-options{gap:8px!important}.bb-product .bb-name-refreshed.bb-interface .bb-name-bottom{padding-top:14px!important;gap:10px}.bb-name-refreshed .bb-name-bottom .bb-button{border-radius:12px!important}.bb-name-refreshed .bb-name-options{gap:20px!important}.bb-name-refreshed .bb-name-pages [data-name-step="3"] .bb-note{background:#edf7f7;border:1px solid #dce7e9;border-radius:14px;padding:16px;font-size:14px;line-height:1.7}
@media(max-width:749px){.bb-product dialog.bb-name-refreshed.bb-interface{width:100vw!important;height:var(--bb-visible-height,100dvh)!important;max-height:var(--bb-visible-height,100dvh)!important;padding:12px 14px max(12px,env(safe-area-inset-bottom))!important;border-radius:0!important}.bb-product .bb-name-refreshed.bb-interface .bb-name-heading{padding:0 0 10px;gap:10px}.bb-product .bb-name-refreshed.bb-interface .bb-name-heading h2{font-size:17px!important;letter-spacing:-.2px}.bb-product .bb-name-refreshed.bb-interface .bb-name-progress{padding-top:10px!important;gap:6px}.bb-product .bb-name-refreshed.bb-interface .bb-name-progress button{min-height:36px!important;font-size:11px!important}.bb-product .bb-name-refreshed.bb-interface .bb-interface-step-status{margin:8px 0 10px;font-size:11px}.bb-product .bb-name-refreshed.bb-interface .bb-name-layout{display:flex!important;flex-direction:column!important;gap:12px!important}.bb-product .bb-name-refreshed.bb-interface .bb-name-art{width:100%!important;height:clamp(130px,25dvh,210px)!important;max-height:30%!important;min-height:105px!important;padding:9px!important;border-radius:14px!important}.bb-name-refreshed .bb-name-price-bar{padding:0 0 10px}.bb-name-price-bar>span{font-size:12px}.bb-name-price-bar .bb-price{font-size:23px!important}.bb-product .bb-name-refreshed.bb-interface .bb-name-pages{padding:12px 5px 12px 0!important}.bb-product .bb-name-refreshed.bb-interface .bb-name-pages h3{font-size:18px!important}.bb-name-step-intro{font-size:12px;margin-bottom:12px}.bb-product .bb-name-refreshed.bb-interface .bb-name-bottom{padding-top:10px!important}.bb-product .bb-name-refreshed.bb-interface.bb-keyboard .bb-name-art{height:85px!important;min-height:65px!important;max-height:22%!important}.bb-product .bb-name-refreshed.bb-interface.bb-keyboard .bb-name-price-bar{padding-bottom:6px}.bb-product .bb-name-refreshed.bb-interface.bb-keyboard .bb-name-pages{padding-top:8px!important}.bb-product .bb-name-refreshed.bb-interface.bb-preview-expanded .bb-name-art{flex:1!important;height:auto!important;max-height:none!important;min-height:0!important}}
@media(min-width:750px) and (max-width:1000px){.bb-product .bb-name-refreshed.bb-interface .bb-name-layout{grid-template-columns:minmax(0,1fr) minmax(320px,1fr)!important;gap:20px!important}}
@media(min-width:750px) and (max-height:600px){.bb-product dialog.bb-name-refreshed.bb-interface{padding:14px!important}.bb-product .bb-name-refreshed.bb-interface .bb-name-heading{padding-bottom:8px}.bb-product .bb-name-refreshed.bb-interface .bb-name-progress{padding-top:8px!important}.bb-product .bb-name-refreshed.bb-interface .bb-interface-step-status{margin:6px 0 8px}}
.bb-product .bb-name-refreshed.bb-interface.bb-preview-expanded .bb-name-layout{grid-template-columns:1fr!important}