.step-preview-backdrop{position:fixed;inset:0;background:#0a25408c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.step-preview-modal{width:100%;max-width:1100px;height:min(86vh,820px);background:#fff;border-radius:8px;box-shadow:0 20px 60px #00000059;display:flex;flex-direction:column;overflow:hidden}.step-preview-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgba(0,0,0,.08);background:#f7f9fb;gap:1rem}.step-preview-title{display:flex;align-items:center;gap:.6rem;min-width:0}.step-preview-icon{color:#04acec;display:inline-flex}.step-preview-filename{font-size:.9rem;font-weight:600;color:#0a2540;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-preview-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.step-preview-download{display:inline-block;color:#7cc444;text-decoration:none;font-size:.78rem;font-weight:600;padding:4px 12px;border:1px solid #7CC444;border-radius:3px;background:#7cc4440f;white-space:nowrap;transition:all .15s}.step-preview-download:hover{color:#fff;background:#7cc444}.step-preview-close{cursor:pointer;width:30px;height:30px;border-radius:4px;border:1px solid rgba(0,0,0,.12);background:#fff;color:#0a2540;font-size:1.3rem;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.step-preview-close:hover{background:#f0f3f7;border-color:#04acec;color:#04acec}.step-preview-body{position:relative;flex:1;min-height:0;background:#eef2f6}.step-preview-canvas-host{position:absolute;inset:0}.step-preview-canvas-host canvas{display:block;width:100%!important;height:100%!important}.step-preview-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:#f5f7fae6;color:#0a2540;font-size:.9rem;text-align:center;padding:1.5rem;pointer-events:none}.step-preview-overlay-error{background:#fff5f5f2;color:#742a2a;pointer-events:auto}.step-preview-subtle{font-size:.75rem;color:#6b7a99}.step-preview-overlay-error .step-preview-subtle{color:#9b2c2c}.step-preview-spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(4,172,236,.2);border-top-color:#04acec;animation:step-preview-spin .9s linear infinite;margin-bottom:.3rem}@keyframes step-preview-spin{to{transform:rotate(360deg)}}.step-preview-footer{padding:.45rem 1rem;border-top:1px solid rgba(0,0,0,.06);font-size:.72rem;color:#6b7a99;text-align:center;background:#f7f9fb}.cad-action-group{display:inline-flex;gap:4px;white-space:nowrap}.cad-preview-btn{cursor:pointer;color:#04acec;border:1px solid #04ACEC;background:#04acec0f;border-radius:3px;padding:3px 8px;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex;align-items:center;gap:3px;transition:all .15s}.cad-preview-btn:hover{background:#04acec;color:#fff}.cad-preview-btn svg{display:block}@media(max-width:640px){.step-preview-modal{height:92vh;max-height:none;border-radius:6px}.step-preview-filename{font-size:.8rem}.step-preview-download{display:none}}