/* Shared geometry for all five creation experiences. */
body.bp-design-layout{--design-width:1100px;--design-form:420px;--design-gap:24px;--design-gutter:16px}
body.bp-design-layout main{box-sizing:border-box!important;width:calc(100% - var(--design-gutter) * 2)!important;max-width:var(--design-width)!important;margin-inline:auto!important;padding-inline:0!important;min-width:0;container-type:inline-size;container-name:design-page}
body.bp-design-layout main>.hub{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important}
body.bp-design-layout #panel-imagine .studio-head,body.bp-design-layout #panel-imagine>.fine,body.bp-design-layout #panel-imagine .bp-product-guide{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important}
body.bp-design-layout #panel-imagine .workspace.create-premium{box-sizing:border-box;width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important;grid-template-columns:minmax(0,var(--design-form)) minmax(0,1fr)!important;gap:var(--design-gap)!important;justify-content:start!important}
body.bp-design-layout #panel-imagine .workspace.create-premium[data-state="start"]{grid-template-columns:minmax(0,var(--design-form))!important;justify-content:start!important}
body.bp-design-layout .studio-grid,body.bp-design-layout .set-main>.layout{display:grid!important;grid-template-columns:minmax(0,var(--design-form)) minmax(0,1fr)!important;gap:var(--design-gap)!important;min-width:0}
html.bp-design-embedded body.bp-design-layout main{width:100%!important;max-width:none!important;padding-inline:0!important}
body.bp-design-layout .design-panel-frame{box-sizing:border-box;width:100%!important;min-width:0}
body.bp-design-layout .studio-grid>* ,body.bp-design-layout .set-main>.layout>*{min-width:0;max-width:100%}
@container design-page (max-width:760px){
 body.bp-design-layout #panel-imagine .workspace.create-premium,body.bp-design-layout #panel-imagine .workspace.create-premium[data-state="start"],body.bp-design-layout .studio-grid,body.bp-design-layout .set-main>.layout{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 body.bp-design-layout .studio-grid{display:grid!important}
 body.bp-design-layout .set-main>.layout>.preview{grid-row:auto!important}
}