:root{--blue:#164f87;background:#f4f5f7}
body>header{height:76px;background:#fff;padding:14px 28px;gap:20px}
header .title{font-size:15px;font-weight:500}header .title small{letter-spacing:0;font-size:11px}
header .steps{display:none}header #review{display:none}
.design-flow-bar{display:flex;align-items:center;gap:24px;background:white;border-bottom:1px solid #e1e5eb;padding:0 28px;min-height:66px}
.design-flow-progress{display:flex;align-items:center;justify-content:space-between;flex:1;gap:16px;max-width:1000px}
.design-flow-progress button{border:0;background:none;border-radius:0;padding:22px 5px;font-size:13px;color:#9299a2;border-bottom:2px solid transparent}
.design-flow-progress button.active{color:#164f87;border-bottom-color:#164f87;font-weight:600}
#flowNext{margin-left:auto;min-width:210px;border-radius:5px;padding:13px 20px;font-weight:500}
body>main{height:calc(100vh - 142px);background:#f4f5f7}
.workspace{background:#f4f5f7}.canvasArea{background:#f4f5f7}.canvasCaption{font-size:13px}.toolbar,.pages{background:#fff}
.prototypeNote{display:none}.library,.inspector{background:#fff}.library h2,.inspector h2{font-size:16px}
.flow-options{width:660px;max-width:calc(100vw - 32px);border:1px solid #e0e5eb;border-radius:10px;padding:28px;color:#303b47}
.flow-options::backdrop{background:#18253460}.flow-options h2{font-size:20px;font-weight:600}.flow-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}.flow-choices button{text-align:left;padding:24px 20px}.flow-choices strong{display:block;font-size:16px;margin-bottom:12px}.flow-choices span{font-size:13px;line-height:1.8;color:#7a8490}
@media(max-width:900px){body>main{height:auto}.design-flow-bar{padding:10px 14px;flex-wrap:wrap;gap:10px}.design-flow-progress{width:100%;gap:4px}.design-flow-progress button{font-size:11px;padding:12px 2px}#flowNext{min-width:0}body>header{height:auto}.flow-choices{grid-template-columns:1fr}}