/* Isolated preview component; no styling reaches the document being previewed. */
.spf-builder-preview{position:fixed;inset:0;z-index:1000005;display:grid;place-items:center;padding:24px;background:#20242b80;color:#20242b;font:400 14px/1.5 "Geist",system-ui,sans-serif;letter-spacing:.015em}
.spf-builder-preview *{box-sizing:border-box}
.spf-builder-preview [hidden]{display:none!important}
.spf-builder-preview .spfb-preview-dialog{display:flex;flex-direction:column;width:min(1300px,100%);height:min(900px,calc(100dvh - 48px));min-height:0;overflow:hidden;background:#f1f3f5;border:1px solid #bac5d0;border-radius:10px;box-shadow:0 20px 70px #141b2440}
.spf-builder-preview .spfb-preview-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;background:#fff;border-bottom:1px solid #d5dce3;flex-shrink:0}
.spf-builder-preview h2,.spf-builder-preview h3,.spf-builder-preview p{margin:0;color:inherit;font-family:inherit;letter-spacing:inherit}
.spf-builder-preview .spfb-preview-header h2{font-size:17px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.spf-builder-preview .spfb-preview-header p{font-size:12px;color:#667381;margin-bottom:3px}
.spf-builder-preview button,.spf-builder-preview a{display:inline-flex;align-items:center;gap:8px;min-height:38px;margin:0;padding:8px 12px;border:1px solid #d5dce3;border-radius:6px;background:#fff;color:#20242b!important;font:550 13px/1.4 "Geist",system-ui,sans-serif;letter-spacing:.025em;text-transform:none;text-decoration:none!important;cursor:pointer;box-shadow:none}
.spf-builder-preview :is(button,a):hover{background:#e7ecf1;border-color:#b7c6d2}
.spf-builder-preview :is(button,a):focus-visible{outline:2px solid #4a6a85;outline-offset:2px}
.spf-builder-preview button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}
.spf-builder-preview .spfb-preview-layout{display:flex;flex:1;min-height:0;min-width:0}
.spf-builder-preview .spfb-preview-materials{flex:0 0 240px;overflow:auto;border-right:1px solid #d5dce3;padding:10px;background:#fff;scrollbar-width:thin}
.spf-builder-preview .spfb-preview-materials button{display:flex;flex-direction:column;align-items:stretch;gap:3px;text-align:left;width:100%;border:1px solid transparent;padding:12px;margin-bottom:5px}
.spf-builder-preview .spfb-preview-materials button[aria-current=true]{background:#e7ecf1;border-color:#b7c6d2}
.spf-builder-preview .spfb-preview-materials span{font-size:11px;color:#4a6a85}
.spf-builder-preview .spfb-preview-materials strong{font-weight:550;font-size:13px;overflow-wrap:anywhere}
.spf-builder-preview .spfb-preview-body{flex:1;min-height:0;min-width:0;overflow:auto}
.spf-builder-preview iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.spf-builder-preview .spfb-preview-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;padding:10px 20px;border-top:1px solid #d5dce3;background:#fff;font-size:12px;color:#53616e}
.spf-builder-preview .spfb-preview-page{padding:clamp(20px,4vw,50px);background:#fff;min-height:100%;font-size:18px;line-height:1.7;overflow-wrap:anywhere}
.spf-builder-preview .spfb-preview-page h2{font-size:30px;font-weight:600;line-height:1.3;margin-bottom:22px}
.spf-builder-preview .spfb-preview-page h3{font-size:18px;font-weight:550}
.spf-builder-preview .spfb-preview-page p{margin-bottom:18px}
.spf-builder-preview .spfb-preview-page img{max-width:100%;height:auto;display:block;margin:20px auto}
.spf-builder-preview .spfb-preview-phase{font-size:12px;color:#626c78;text-transform:uppercase;letter-spacing:.06em}
.spf-builder-preview .spfb-preview-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:22px 0}
.spf-builder-preview .spfb-preview-boxes section{min-height:160px;border:1px solid #cbd5df;border-radius:5px;background:#e7ecf1;padding:16px}
.spf-builder-preview .spfb-preview-help{font-size:13px;color:#626c78}
@media(max-width:760px){.spf-builder-preview{padding:10px}.spf-builder-preview .spfb-preview-dialog{height:calc(100dvh - 20px)}.spf-builder-preview .spfb-preview-header{padding:12px}.spf-builder-preview .spfb-preview-layout{flex-direction:column}.spf-builder-preview .spfb-preview-materials{flex:0 0 auto;max-height:150px;border-right:0;border-bottom:1px solid #d5dce3}.spf-builder-preview .spfb-preview-materials button{padding:8px}.spf-builder-preview .spfb-preview-footer{padding:10px;flex-wrap:wrap}.spf-builder-preview button{min-height:44px}}

.spf-workflow .spf-workflow-preview-choice{display:flex;gap:10px;align-items:center;border-bottom:1px solid #d5dce3}.spf-workflow .spf-workflow-preview-choice .spf-workflow-choice{flex:1;min-width:0;border-bottom:0}.spf-workflow .spf-workflow-preview-button{flex:0 0 auto;margin:0;padding:8px 11px;border:1px solid #b7c6d2;border-radius:6px;background:#fff;color:#20242b;font:550 12px/1.4 "Geist",system-ui,sans-serif;letter-spacing:.025em}