.config-preview{font:12px/1.4 system-ui,sans-serif;color:#24354e;background:#fffffff5;border:1px solid #d3dce8;border-radius:9px;box-shadow:0 3px 10px #1c346115;z-index:6;text-align:left}
.config-preview summary{padding:9px 11px;font-weight:750;cursor:pointer;color:#1c3461}
.config-preview .cp-body{padding:0 11px 10px;max-height:260px;overflow:auto}
.config-preview h4{font-size:11px;margin:8px 0;text-transform:uppercase;letter-spacing:.04em}.config-preview h4 span{float:right}
.config-preview p{margin:6px 0}.config-preview .cp-note{font-size:10px;color:#617085}.config-preview .cp-review{font-size:11px;color:#785414;background:#fff6df;padding:6px;border-radius:5px}
.config-preview .cp-price{display:flex;gap:8px;justify-content:space-between;margin:3px 0}.config-preview ol{padding-left:20px;margin:5px 0}.config-preview li{padding:4px 0;border-top:1px solid #edf0f5}.config-preview small{display:block;color:#90650e;font-size:10px}
.config-preview button{border:0;padding:0;background:none;text-align:left;font:inherit;color:#1c3461;cursor:pointer;text-decoration:underline;text-decoration-color:#b9c7da}.config-preview button:disabled{opacity:1;cursor:default;text-decoration:none}
.app.with-process-preview{padding-left:230px;position:relative}
#processPreview{position:absolute;left:10px;top:12px;bottom:12px;width:210px;overflow:auto;box-shadow:none}
#processPreview .cp-body{max-height:none;overflow:visible}
.app.with-process-preview .cost>.lbl,.app.with-process-preview .cost>.total,.app.with-process-preview .cost>#cTotal{display:none}
.config-preview .cp-note{line-height:1.5}.config-preview .cp-body>h4{margin-top:6px}
#cbPreview{margin:10px 0}#cfgPreview{margin-top:14px}
#cbPreview{margin:0 20px 8px;flex:0 0 auto}#cbPreview .cp-body{max-height:100px;display:grid;grid-template-columns:1fr 1fr;gap:2px 18px}#cbPreview .cp-body ol{grid-column:2;grid-row:2/7}#cbPreview .cp-body h4:nth-of-type(2){grid-column:2;grid-row:1}#cbPreview .cp-body>p,#cbPreview .cp-body>.cp-price{grid-column:1}
@media(max-width:760px){#stage>.config-preview{top:52px;left:6px;width:178px;max-height:calc(100% - 94px)}.config-preview .cp-body{max-height:140px}.config-preview summary{font-size:11px;padding:6px}}
@media(max-width:760px){.app.with-process-preview{padding-left:0}#processPreview{top:52px;left:6px;bottom:auto;width:168px;max-height:140px}}
.compact-tool #processPreview{display:none}.compact-tool .app.with-process-preview{padding-left:0}
body:not(.plate-cad) .app.with-process-preview{padding:72px 0 0}
body:not(.plate-cad) #processPreview{left:0;right:0;top:0;bottom:auto;width:auto;height:72px;max-height:none;border:0;border-bottom:1px solid #d1dce3;border-radius:0;background:#f2f8f4}
body:not(.plate-cad) #processPreview summary{display:none}body:not(.plate-cad) #processPreview .cp-body{display:flex;align-items:center;gap:16px;height:70px;padding:7px 16px;max-height:none;overflow:auto}
body:not(.plate-cad) #processPreview .cp-price{flex-direction:column;flex:0 0 auto;gap:3px;border-left:1px solid #d4e2d9;padding-left:14px}body:not(.plate-cad) #processPreview .cp-price b{color:#17674e;font-size:14px}
body:not(.plate-cad) #processPreview h4{white-space:nowrap;letter-spacing:0}body:not(.plate-cad) #processPreview ol,body:not(.plate-cad) #processPreview h4:nth-of-type(2),body:not(.plate-cad) #processPreview .cp-note{display:none}
body:not(.plate-cad) #processPreview p{min-width:180px;font-size:11px}body:not(.plate-cad) #processPreview .cp-review{max-width:300px}
.compact-tool body:not(.plate-cad) .app.with-process-preview{padding:0}