.runtime-preview[data-v-02bbc5be]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 84px);padding:8px;content:"viewport-units-buggyfill; height: calc(100vh - 84px)"}.toolbar[data-v-02bbc5be]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px}.left[data-v-02bbc5be],.toolbar[data-v-02bbc5be]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.title[data-v-02bbc5be]{font-weight:600}.ops[data-v-02bbc5be]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px}.ops-msg[data-v-02bbc5be]{color:#666;font-size:12px}.banner[data-v-02bbc5be]{margin-bottom:6px}.body[data-v-02bbc5be]{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:0;gap:8px}.body[data-v-02bbc5be],.canvas-wrap[data-v-02bbc5be]{-webkit-box-flex:1;-ms-flex:1;flex:1}.canvas-wrap[data-v-02bbc5be]{border:1px solid #ebeef5;background:#fafafa;position:relative}.canvas[data-v-02bbc5be]{width:100%;height:100%}.legend[data-v-02bbc5be]{position:absolute;left:8px;bottom:8px;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding:4px 8px;background:hsla(0,0%,100%,.92);border:1px solid #ebeef5;border-radius:4px;font-size:11px;color:#606266;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:calc(100% - 16px)}.legend .lg[data-v-02bbc5be]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.legend .lg-badge[data-v-02bbc5be]{display:inline-block;min-width:16px;height:16px;line-height:16px;padding:0 3px;text-align:center;border-radius:8px;color:#fff;font-size:10px;font-weight:700;font-style:normal}.legend .lg-b-current[data-v-02bbc5be]{background:#e6a23c}.legend .lg-b-visited[data-v-02bbc5be]{background:#67c23a}.legend .lg-b-waiting[data-v-02bbc5be]{background:#409eff}.legend .lg-b-error[data-v-02bbc5be]{background:#f56c6c;font-size:11px;line-height:16px}.legend .lg-b-true[data-v-02bbc5be]{background:#67c23a}.legend .lg-b-false[data-v-02bbc5be]{background:#909399}.legend-hint[data-v-02bbc5be]{position:absolute;left:8px;bottom:32px;z-index:2;font-size:10px;color:#909399;background:hsla(0,0%,100%,.9);padding:2px 6px;border-radius:3px}.side[data-v-02bbc5be]{width:320px;overflow:auto;border:1px solid #ebeef5;padding:8px;background:#fff}.path-box[data-v-02bbc5be]{margin-top:8px;font-size:12px}.path-title[data-v-02bbc5be]{color:#909399;margin-bottom:4px}.path-row[data-v-02bbc5be]{color:#303133;line-height:1.5;word-break:break-all}.side h4[data-v-02bbc5be]{margin:12px 0 6px;font-size:13px}.side h4[data-v-02bbc5be]:first-child{margin-top:0}.hint[data-v-02bbc5be]{font-size:11px;color:#888;margin:0 0 6px}.kv-form[data-v-02bbc5be]{border:1px solid #ebeef5;border-radius:2px;padding:4px 8px 0;background:#fafafa}.kv-form[data-v-02bbc5be] .el-form-item{margin-bottom:0;border-bottom:1px solid #ebeef5;padding:6px 0}.kv-form[data-v-02bbc5be] .el-form-item:last-child{border-bottom:none}.kv-form[data-v-02bbc5be] .el-form-item__label{color:#909399;line-height:22px}.kv-form[data-v-02bbc5be] .el-form-item__content{line-height:22px;word-break:break-all;color:#303133}.wait-box[data-v-02bbc5be]{margin-top:6px;font-size:12px;color:#409eff}.wait-row[data-v-02bbc5be]{margin-bottom:4px}