.bp-showcase-studio{--o4-ink:#252b30;color:var(--o4-ink);background:#f5f6f7;margin:48px 0;padding:clamp(28px,5vw,72px);scroll-margin-top:120px}.bp-showcase-studio .o4-showcase-heading{align-items:center;margin-bottom:32px}.bp .bp-showcase-studio h2{letter-spacing:-.035em;margin:0 0 14px;font-family:Arial,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.15}.bp-showcase-studio .bp-studio-description{color:#59636c;margin:0;font-size:15px;line-height:1.6}.bp-showcase-studio .o4-button{white-space:nowrap;background:0 0;border:0;border-bottom:1px solid #7b858e;border-radius:0;gap:14px;padding:10px 0;color:#252b30!important}.bp-showcase-studio .bp-studio-tabs{background:#fff;border:1px solid #dce0e3;border-bottom:0;border-radius:8px 8px 0 0;gap:8px;margin:0;padding:12px 18px}.bp-showcase-studio .bp-studio-tabs button{background:#f1f3f4;border:0;border-radius:4px;gap:10px;min-height:40px;padding:8px 14px;font-size:13px;color:#45515b!important}.bp-showcase-studio .bp-studio-tabs button[aria-pressed=true]{background:#26333d;color:#fff!important}.bp-showcase-studio .bp-studio-tabs span{border-left:1px solid #8b969e;padding-left:10px}.bp-showcase-studio .o4-viewer{background:#fff;border:1px solid #dce0e3;border-radius:0;height:clamp(360px,62vh,720px)}.bp-showcase-studio .o4-viewer-size{color:#59636c;background:#fff;border:1px solid #dce0e3;border-top:0;border-radius:0 0 8px 8px;gap:20px;margin:0;padding:10px 18px}.bp-showcase-studio .o4-viewer-resizer{color:#59636c;background:0 0;border:0;flex:1;justify-content:flex-start;min-height:32px;font-size:12px}.bp-showcase-studio .o4-viewer-size button,.bp-showcase-studio .bp-studio-open{color:#45515b;background:0 0;border:0;align-items:center;gap:7px;min-height:32px;padding:6px 0;font:12px Arial,sans-serif;text-decoration:none;display:inline-flex}.bp-showcase-studio .o4-tabs:empty{display:none}.bp-showcase-studio .bp-studio-canvas>p{color:#59636c;max-width:65ch;font-size:13px}.bp-showcase-studio :focus-visible{outline-offset:4px;outline:2px solid #397a9e}.bp-overview-videos{width:100%;min-width:0}.bp-overview-videos figure{margin:24px 0!important}.bp-overview-videos figcaption{color:inherit;margin-bottom:10px;font-size:13px}.bp-overview-videos video{aspect-ratio:auto;object-fit:contain;height:auto;display:block;border-radius:0!important}@media (max-width:640px){.bp-showcase-studio{margin:28px 0;padding:32px 18px;scroll-margin-top:90px}.bp-showcase-studio .o4-showcase-heading{align-items:flex-start;gap:18px}.bp-showcase-studio .o4-viewer{height:420px}.bp-showcase-studio .o4-viewer-size{gap:12px;padding:8px 10px}.bp-showcase-studio .o4-viewer-resizer span{display:none}.bp-showcase-studio .bp-studio-tabs{padding:10px}.bp-showcase-studio .bp-studio-description{font-size:14px}}.bp.bp .bp-showcase-studio{color:#29444d;background:#fff;margin:40px 0;padding:clamp(28px,3vw,56px)}.bp-showcase-studio .o4-showcase-heading{border-bottom:1px solid #d6dfe2;align-items:flex-end;margin-bottom:28px;padding-bottom:32px}.bp.bp .bp-showcase-studio h2{letter-spacing:-.035em;color:#29444d;margin:24px 0 0;font:700 clamp(36px,3.5vw,58px)/1.1 Arial,sans-serif}.bp-showcase-studio .bp-studio-kicker{color:#29444d;letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:18px;margin:0;font:600 12px/1.5 Arial,sans-serif;display:flex}.bp-studio-kicker:before{content:"";background:#bdd600;width:50px;height:3px;display:block}.bp-showcase-studio .bp-studio-identity{border-left:1px solid #d6dfe2;margin:0 0 4px;padding-left:36px;font:400 clamp(18px,1.6vw,28px)/1.4 Arial,sans-serif}.bp.bp .bp-showcase-studio .o4-viewer{background:#f8f8f8;border:1px solid #e0e4e6;border-radius:0;height:clamp(360px,46vw,790px)}.bp-studio-controls{border-top:1px solid #d6dfe2;justify-content:space-between;align-items:center;gap:20px;margin-top:26px;padding:22px 0 0;font:14px/1.4 Arial,sans-serif;display:flex}.bp-studio-hints{gap:28px;display:flex}.bp-studio-hints span{align-items:center;gap:14px;display:flex}.bp-studio-hints span+span{border-left:1px solid #d6dfe2;padding-left:28px}.bp-studio-controls button{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:8px 0;display:flex}.bp-showcase-studio .o4-viewer:fullscreen{background:#f8f8f8;width:100vw;height:100vh!important}@media (max-width:640px){.bp.bp .bp-showcase-studio{padding:28px 20px}.bp-showcase-studio .o4-showcase-heading{gap:22px;padding-bottom:24px}.bp-showcase-studio .bp-studio-identity{border-left:0;padding-left:0}.bp-showcase-studio .bp-studio-kicker{gap:12px;font-size:10px}.bp-studio-kicker:before{width:28px}.bp.bp .bp-showcase-studio .o4-viewer{height:420px}.bp-studio-controls{flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:12px;font-size:12px}.bp-studio-hints{gap:14px}.bp-studio-hints span{gap:7px}.bp-studio-hints span+span{padding-left:14px}}
