/* Only the workbench; keep both faces in state while editing one at a time. */
body.mall-v1 .dz-main{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(380px,1.25fr);align-items:start}
body.mall-v1 .dz-left,body.mall-v1 .dz-right{width:auto;min-width:0}
body.mall-v1 .dz-canvas-box{position:static}
.fz-face-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.fz-face-tabs [aria-pressed=true]{background:#edc889!important;border-color:#dfb571!important;color:#173951!important}
#fz-flow-status{font-size:13px;color:#526978;flex-basis:100%;min-height:20px}
.fz-position{margin-bottom:12px}.fz-position label{white-space:nowrap}#fz-scale-number{width:68px;padding:7px;border:1px solid #b4c3cd;border-radius:3px;font:inherit}.fz-position [role=group]{display:flex;gap:4px}.fz-position [role=group] button{min-width:36px;padding:7px!important;font-size:18px!important}
body.mall-v1 .dz-faces{display:block}
body.mall-v1 .dz-face{width:100%;max-width:440px;margin:0 auto}
body.mall-v1 .dz-face[hidden]{display:none!important}
body.mall-v1 .dz-btn:disabled{opacity:.5;cursor:wait}
body.mall-v1 .dz-tip2{font-size:12px;margin:10px 0;padding:8px 10px}
body.mall-v1 .dz-size{flex-wrap:wrap}
body.mall-v1 #dzSize{min-width:80px}
body.mall-v1 #fz-result{scroll-margin-top:16px}
@media(max-width:900px){body.mall-v1 .dz-main{display:flex;flex-direction:column}body.mall-v1 .dz-right{order:-1;width:100%}body.mall-v1 .dz-left{width:100%}body.mall-v1 .dz-face{max-width:320px}body.mall-v1 .dz-canvas-box{padding:12px}body.mall-v1 .dz-intro{padding:18px 22px}body.mall-v1 .dz-intro-steps{display:none}}
