.step-viewer[data-v-287b1abb]{position:relative;width:100%;min-height:240px;overflow:hidden;background:#f5f7fa;border:1px solid #d8dee8;border-radius:8px;box-shadow:0 10px 28px #0f172a14}.step-viewer__canvas[data-v-287b1abb]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.step-viewer__canvas[data-v-287b1abb] canvas{display:block;width:100%;height:100%}.step-viewer__loading[data-v-287b1abb],.step-viewer__error[data-v-287b1abb],.step-viewer__empty[data-v-287b1abb],.step-viewer__toolbar[data-v-287b1abb]{position:absolute;z-index:2;pointer-events:none}.step-viewer__toolbar[data-v-287b1abb]{top:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.step-viewer__loading[data-v-287b1abb],.step-viewer__error[data-v-287b1abb]{left:50%;top:50%;max-width:min(520px,calc(100% - 32px));padding:16px 20px;color:#303133;text-align:center;background:#ffffffeb;border:1px solid #ebeef5;border-radius:6px;box-shadow:0 8px 24px #1f2d3d1f;transform:translate(-50%,-50%)}.step-viewer__loading[data-v-287b1abb]{pointer-events:auto}.step-viewer__empty[data-v-287b1abb]{left:50%;top:50%;color:#909399;font-size:14px;transform:translate(-50%,-50%)}.step-viewer__spinner[data-v-287b1abb]{width:34px;height:34px;margin:0 auto 10px;border:3px solid rgba(64,158,255,.18);border-top-color:#409eff;border-radius:50%;animation:step-viewer-spin-287b1abb .8s linear infinite}.step-viewer__loading-title[data-v-287b1abb]{font-size:15px;font-weight:600;line-height:1.5}.step-viewer__loading-text[data-v-287b1abb]{margin-top:4px;color:#909399;font-size:12px;line-height:1.5}.step-viewer__error[data-v-287b1abb]{color:#f56c6c}.step-viewer__filename[data-v-287b1abb],.step-viewer__badge[data-v-287b1abb]{padding:6px 10px;overflow:hidden;color:#606266;background:#ffffffe0;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 4px 14px #0f172a14}.step-viewer__filename[data-v-287b1abb]{min-width:0;max-width:min(70%,520px);text-overflow:ellipsis;white-space:nowrap}.step-viewer__badge[data-v-287b1abb]{flex:0 0 auto;color:#1f3a5f;font-size:12px;font-weight:600}@keyframes step-viewer-spin-287b1abb{to{transform:rotate(360deg)}}