/* Adapt the reused standalone canvas to an inline, independently sized section. */
.demo-frame .workflow-application{font-family:var(--font-family-primary);position:relative;display:block!important;margin:0!important;padding:0!important;width:100%;min-width:0;min-height:0!important;height:auto!important;overflow:visible!important;background:#fff;color:#535b66}
.demo-frame .workflow-application .site-shell{width:100%;max-width:none;padding:0!important;margin:0;background:#fff}.demo-frame .workflow-application .intro,.demo-frame .workflow-application .under-stage{display:none!important}
.demo-frame .workflow-application .workflow-stage{height:710px;min-height:710px;max-height:none;width:100%;margin:0;border:0;border-radius:0;box-shadow:none;background:#fafafa}
.demo-frame .workflow-application .stage-toolbar{flex-shrink:0;height:52px}.demo-frame .workflow-application .steps,.demo-frame .workflow-application .out-progress{flex-shrink:0}.demo-frame .workflow-application .stage-footer{flex-shrink:0;height:70px}
.demo-frame .workflow-application .panel-copy h2,.demo-frame .workflow-application .out-panel-copy h2{font-family:var(--font-family-secondary)}
.demo-frame .workflow-application .restart{display:flex;align-items:center;gap:6px}.demo-frame .workflow-application .restart span{display:inline;font-size:11px}
.demo-frame .workflow-application .guide-replay{position:absolute;top:auto;right:20px;bottom:82px;height:auto;min-height:0;width:auto;z-index:20;background:#fff;border:1px solid #e5e7eb;color:#c12831;font:400 10px/1.4 var(--font-family-primary);padding:5px 8px}
.demo-frame .workflow-application .guide-layer{z-index:90}.demo-frame .workflow-application .coach-mark{font-family:var(--font-family-primary)}
/* The guide follows the viewport but disappears when its target is off screen. */
.demo-frame .workflow-application .primary-button{border-radius:50rem;background:#ec292a;color:#fff}.demo-frame .workflow-application .primary-button:hover{background:#c61e26}.demo-frame .workflow-application .primary-button:disabled{opacity:.5}
@media(min-width:761px) and (max-width:1100px){.demo-frame .workflow-application .workflow-stage{height:760px;min-height:760px}.demo-frame .workflow-application .workflow-panel,.demo-frame .workflow-application .out-panel{grid-template-columns:24% minmax(0,1fr);padding:22px 20px;gap:18px}.demo-frame .workflow-application .panel-copy h2,.demo-frame .workflow-application .out-panel-copy h2{font-size:24px}}
@media(max-width:760px){.demo-frame .workflow-application .workflow-stage{height:735px;min-height:735px}.demo-frame .workflow-application .workflow-panel,.demo-frame .workflow-application .out-panel{padding:20px 16px}.demo-frame .workflow-application .panel-copy h2,.demo-frame .workflow-application .out-panel-copy h2{font-size:23px}.demo-frame .workflow-application .stage-toolbar{height:45px;padding-inline:14px}.demo-frame .workflow-application .stage-toolbar>div>span:not(.demo-badge){display:none}.demo-frame .workflow-application .stage-footer{height:65px;padding-inline:14px}.demo-frame .workflow-application .primary-button{font-size:12px;padding:11px 15px}.demo-frame .workflow-application .restart span{font-size:10px}.demo-frame .workflow-application .demo-badge{display:none}.demo-frame .workflow-application .guide-replay{right:16px;bottom:76px}}