.bl-project-demo{width:100%;min-width:0;margin-top:22px}.bl-project-demo .bl-demo-bounded{flex-direction:column;height:min(740px,100dvh - 125px);min-height:0;scroll-margin-top:105px;display:flex;overflow:hidden;container-type:inline-size}.bl-demo-workspace{flex:1;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);min-width:0;min-height:0;display:grid}.bl-demo-preview{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.bl-demo-panel{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#789386 #18261e;border-left:1px solid #39473e;min-width:0;min-height:0;overflow-y:auto}.bl-demo-panel:focus-visible{outline:2px solid var(--bl-green);outline-offset:-3px}@container (max-width:640px){.bl-demo-workspace{grid-template-rows:minmax(0,43%) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.bl-demo-panel{border-top:1px solid #39473e;border-left:0}}.bl-demo-toggle{text-align:left;width:100%;min-height:68px;color:var(--bl-ink);border:1px solid var(--bl-line);background:color-mix(in srgb,var(--bl-green)6%,transparent);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;line-height:1.5;display:flex;font-size:14px!important;font-weight:600!important}.bl-demo-toggle:hover{border-color:var(--bl-green)}.bl-demo-toggle[aria-expanded=true]{border-radius:8px 8px 0 0}.bl-demo-kicker{color:var(--bl-green);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:600;display:block}.bl-demo-symbol{flex-shrink:0;font-size:24px;font-weight:400}.bl-demo-message{border:1px solid var(--bl-line);border-top:0;padding:24px;font-size:14px}.bl-project-demo :is(button,input,select):focus-visible{outline:2px solid var(--bl-green);outline-offset:3px}.bl-project-demo>[hidden]{display:none}.bl-project-demo button:disabled{cursor:default}.bl-part-sources{flex-wrap:wrap;gap:8px 24px;margin-top:12px;display:flex}@media (max-width:480px){.bl-demo-toggle{gap:12px;padding:14px}}