@font-face{font-family:"mosfont";src:url("icons.woff") format('woff');}
.mIcon{font-family:mosfont;}
*{box-sizing:border-box;font-size:var(--fontSize);margin:0px;padding:0px;transition:none;user-select:none;}
*::-webkit-scrollbar{width:4px;height:4px;}
*::-webkit-scrollbar-track{background:#555;}
*::-webkit-scrollbar-thumb{background:#a5a5a5;border-radius:0px;}
*::-webkit-scrollbar-thumb:hover{background:#ffa500;}
*::-webkit-scrollbar-corner{background:#555;}

html,body{height:100%;background:var(--bodyBG);-webkit-app-region:drag;}
body{text-align:left;color:#eee;margin:auto;overflow:hidden;user-select:none;}
html,body,input,textarea{font-family:"微软雅黑";}
a{text-decoration:none;}
img{-webkit-user-drag:none;}
input,select{outline:0px;height:30px;vertical-align:middle;}
input,select,textarea{border:1px solid #999;outline:none;border-radius:2px;}
:is(input,select,textarea):focus{border:1px solid var(--actFG) !important;}
[draggable="true"] {z-index:1;}
.btn{cursor:pointer;transition:10ms;}
.btn:active{transform:scale(0.95);}
.btn.disabled{cursor:not-allowed;}

:root {
    --fontSize:14px;
    --tBarH:30px;
    --bBarH:30px;
    --narrowBBarH:40px;
    --navH:calc(var(--fontSize) + 12px);
    --gap:1px;
    --frame:1px;
    --MLW:50px;
    --BarW:calc(100% - var(--frame)*2);
    --CEDW:500px;
    --LISTLW:340px;
    --edtLGap:1.2;
    --edtPGap:1;    
    --listBorderW:1px;
    --CEDTSRCHW:300px;
    --uedtIntroW:80px;

    --colFolder:#fb0;
    --colLogo:#2074f3;
    --hovLogo:#1766db;
    --actLogo:#0e53b9;
    --colBG:#262626;
    --hovBG:#333333;
    --actBG:#222222;
    --colFG:#cccccc;
    --hovFG:#ffffff;
    --actFG:#ffa500;
    --semiFG_LL:#ffffff05;
    --semiFG_L:#ffffff11;
    --semiBG_L:#00000011;
    --semiFG:#ffffff33;
    --semiBG:#00000033;
    --semiFG_H:#ffffff77;
    --semiBG_H:#00000077;
    --cedtBG:#111111;
    --cedtFG:#cccccc;
    --barBG:#333333;

    --primary:#3498db;
    --white:#dddddd;--white1:#ffffff;--semiWhite:#ffffff77;
    --grey:#ccc;--grey1:#ddd;
    --black:#222222;--black1:#000000;--semiBlack:#00000077;
    --red:#aa0000;--red1:#bb0000;
    --green:#00aa00;--green1:#00bb00;
    --blue:#07f;--blue1:#0099ff;
    --yellow:#ff7b00;--yellow1:#ff9900;
    --brown:#d4be81;

    --icon_0:'\e924';
    --icon_1:'\e602';
    --icon_2:'\e92a';
    --icon_3:'\e926';
    --icon_4:'\e927';
    --icon_5:'\e92b';
    --icon_6:'\e929';
    --icon_7:'\e918';
    --icon_9:'\e92d';
    --icon_10:'\e925';
    --icon_11:'\e646';

    --boxShadow:0 0px 6px 0 rgba(0, 0, 0, .2);
}

[data-theme="dark"] {
    --colRampCover:linear-gradient(0deg, #0005, #0003, #0001, #0000);
    --colLogo:#2074f3;
    --hovLogo:#1766db;
    --actLogo:#0e53b9;
    --bodyBG:#111;
    --colBG:#262626;
    --hovBG:#444444;
    --actBG:#222222;
    --colFG:#cccccc;
    --hovFG:#ffffff;
    --actFG:#ffa500;
    --semiFG_LL:#ffffff05;
    --semiFG_L:#ffffff11;
    --semiBG_L:#00000011;
    --semiFG:#ffffff33;
    --semiBG:#00000033;
    --semiFG_H:#ffffff77;
    --semiBG_H:#00000077;
    --colFolder:#fb0;
    --barBG:#333333;
}

[data-theme="light"] {
    --colRampCover:linear-gradient(0deg, #0002, #0001, #0000);
    --colLogo:#2074f3;
    --hovLogo:#1766db;
    --actLogo:#0e53b9;
    --bodyBG:#bbb;
    --colBG:#f5f7f9;
    --hovBG:#ddd;
    --actBG:#ccc;
    --colFG:#000;
    --hovFG:#222;
    --actFG:#03c;
    --semiFG_LL:#00000005;
    --semiFG_L:#00000011;
    --semiBG_L:#ffffff11;
    --semiFG:#00000055;
    --semiBG:#ffffff33;
    --semiFG_H:#00000099;
    --semiBG_H:#ffffff77;
    --colFolder:#d90;
    --barBG:#ffffff;

    --gap:0px;
}

*[data-theme="light"] :is(#topbar, #btmBar, #ML, #navCtnr){box-shadow:var(--boxShadow);}
*[data-theme="light"]  body{background:var(--semiFG_LL);}

select.unit{font-family:mosfont;background:var(--colBG);color:var(--colFG);border:1px solid var(--semiFG);}

.editing{outline:2px solid var(--actFG);border-radius:2px;background:var(--semiBG_H) !important;color:var(--colFG);padding:2px 4px;}

#effcvs{position:fixed;left:0px;top:0px;width:100%;height:100%;pointer-events:none;z-index:999999;}
/* .rampcover{background:var(--colRampCover);position:absolute;width:100%;height:100%;left:0px;top:0px;pointer-events:none;} */

/*topbar, btmBar*/
#topbar, #btmBar, #topBar_pro{height:var(--bBarH);line-height:var(--bBarH);width:var(--BarW);z-index:995;display:block;position:fixed;user-select:none;font-size:var(--fontSize);box-sizing:border-box;white-space:nowrap;padding:0px 6px;background:var(--barBG);-webkit-app-region:drag;display:flex;gap:8px;left:var(--frame);align-items:center;overflow:hidden;}
#topbar{height:var(--tBarH);}
#topbar, #topBar_pro{top:var(--frame);bottom:auto;}
#topBar_pro{display:none;}
#btmBar{top:auto;bottom:var(--frame);display:flex;gap:4px;justify-content:left;align-items:center;-webkit-app-region:drag;}
#btmBar ._undo, #btmBar ._redo{display:none;}
#grpTtl{background:#0000;z-index:1;display:flex;align-items:center;gap:8px;}
#imgLogo{transform-origin:bottom;transition:none;-webkit-app-region:no-drag;cursor:pointer;border-radius:2px;height:20px;}
#spanTtl{-webkit-app-region:no-drag;cursor:pointer;font-size:var(--fontSize);color:var(--colFG);}
#spanTtl:hover{color:var(--actFG);}
#rootEle{z-index:1;color:var(--semiFG_H);-webkit-app-region:no-drag;}

.topbtn{color:var(--colFG);-webkit-app-region:no-drag !important;width:var(--tBarH);text-align:center;height:var(--tBarH);line-height:var(--tBarH);cursor:pointer;z-index:996;font-family:mosfont;font-size:calc(var(--tBarH) - 20px);position:absolute;top:var(--frame);display:none;}
.electron .topbtn{display:block;}
#winClose{right:var(--frame);}
#winClose:hover{background:#da2121;}
#winClose:active{background:#a11818;}
#winMax{right:calc(var(--frame) + var(--tBarH));}
#winMax:hover{background:#0002;}
#winMin{right:calc(var(--frame) + var(--bBarH)*2);}
#winMin:hover{background:#0002;}
#winMax:active,#winMin:active{background:#0005;}


#navCtnr{position:fixed;width:calc(100% - var(--MLW) - var(--gap) - var(--frame)*2);left:calc(var(--MLW) + var(--gap) + var(--frame));height:var(--navH);top:calc(var(--tBarH) + var(--gap) + var(--frame));font-family:mosfont;z-index:991;background:var(--barBG);}
#navCtnr,#navCtnr *{-webkit-app-region:no-drag;}
*[data-theme="light"] #nav{background:var(--barBG);}
#nav>li{background:var(--barBG);}
#nav>li>ul{margin-top:-1px;}
#contextmenu .key, #nav .key{font-size:calc(var(--fontSize)*0.9);}

.mod_key{height:20px;line-height:20px;padding:0px 4px;color:var(--semiFG);-webkit-app-region:no-drag;}
.mod_key.sel{background:var(--colBG);color:var(--colFG);}

#ML{position:fixed;background:var(--barBG);left:var(--frame);width:var(--MLW);height:calc(100%  - var(--tBarH) - var(--bBarH) - var(--gap)*2 - var(--frame)*2);top:calc(var(--tBarH) + var(--gap) + var(--frame));padding:15px 0px;display:flex;flex-direction:column;align-items:center;gap:16px;-webkit-app-region:drag;z-index:991;}
#ML>.btn{font-family:mosfont;color:var(--colFG);font-size:20px;cursor:pointer;-webkit-app-region:no-drag;}
#ML>.gap{flex:1;}
*[data-theme="light"] #ML>.btn{color:#444;}
#ML>.btn:hover{color:var(--hovFG);}
#ML>.btn:active, #ML>.btn.sel{color:var(--actFG);}
#ML>hr{width:67%;border-color:var(--semiFG);}
#ML>div[title="AI助手"]{color:#09f !important;}
#ML>div[title="AI助手"]:hover{color:#0af !important;}


#MR{position:fixed;left:calc(var(--MLW) + var(--gap) + var(--frame));top:calc(var(--tBarH) + var(--navH) + var(--gap)*2 + var(--frame));width:calc(100% - var(--MLW) - var(--gap) - var(--frame)*2);height:calc(100% - var(--tBarH) - var(--bBarH) - var(--navH) - var(--gap)*3 - var(--frame)*2);}
#MR>*{width:100%;height:100%;position:absolute;z-index:5;-webkit-app-region:no-drag;}
#INTRO{background:var(--colBG);display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px;overflow:auto;}
#INTRO>.t{font-size:calc(var(--fontSize)*1.5);color:var(--colFG);}
#INTRO>.a{color:var(--colFG);}
#INTRO>.n{display:flex;justify-content:center;color:var(--colFG);gap:8px;width:100%;flex-wrap:wrap}
#INTRO>.n>*{background:var(--hovBG);cursor:pointer;padding:4px 10px;white-space:nowrap;display:flex;align-items:center;justify-content:center;}
#INTRO>.n>*:hover{background:var(--semiFG);}
#INTRO>.n>*>.txt{margin:0px 4px;}
#INTRO>.i{color:var(--colFG);max-width:720px;}

#LGC{display:flex;-webkit-app-region:no-drag;}
#LGC *{-webkit-app-region:no-drag;}
#LGC>#LG{height:100%;display:flex;max-width:calc(100% - var(--CEDW));width:calc(100% - var(--CEDW));}

#CED{display:flex;flex-direction:column;position:relative;width:var(--CEDW);background:var(--actBG);z-index:10;border-left:1px solid var(--semiFG);}
#CED>.ttl, #CED>.fn{flex-grow:0;min-height:calc(var(--fontSize)*2);padding:0px var(--fontSize);display:flex;align-items:center;overflow:auto;width:100%;}
#CED>.ttl{border-bottom:1px dashed var(--semiFG);}
#CED>.ttl>.ele{flex-grow:1;max-width:calc(100% - var(--fontSize)*2);}
#CED>.ttl>.ele>span{margin:0px !important;max-width:100%;}
#CED>.ttl>.ele>span>._name{max-width:none !important;}
#CED>.ttl>.min{font-family:mosfont;cursor:pointer;color:var(--colFG);}
#CED>.fn{display:flex;gap:calc(var(--fontSize)/2);align-items:center;border-top:1px dashed var(--semiFG);}
#CED>.fn>.btn{font-family:mosfont;font-size:calc(var(--fontSize)*1.1);padding:2px;border:1px solid #0000;}
#CED>.fn>.btn:not(.sel){color:var(--colFG) !important;}
#CED>.fn>.btn.sel{font-family:mosfont;font-size:calc(var(--fontSize)*1.1);border-color:var(--semiFG_L);background:var(--semiBG_H);}
#CED>.fn>.num{color:var(--semiFG);flex-grow:1;text-align:right;}
#CED>.hdl{left:0px;transform:translate(-50%, -50%);}
#CED.fold{min-width:unset;width:auto;position:fixed;background:var(--actBG);right:calc(var(--frame) + 4px);top:calc(var(--tBarH) + var(--gap) + var(--frame) + 3px);height:calc(var(--navH) - 6px);overflow:hidden;z-index:99999;cursor:pointer;border-radius:2px;padding:0px calc(var(--fontSize)/3);}
#CED.fold>.ttl{min-height:100%;height:calc(var(--navH) - 6px);line-height:calc(var(--navH) - 6px);max-width:100%;padding:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
#CED.fold>.ttl>.min{display:none;}
#CED.fold>.fn, #CED.fold>.ed, #CED.fold>.hdl{display:none;}

#CEDT{padding:var(--fontSize) calc(var(--fontSize)/4);overflow:auto;flex-grow:1;outline:none;background:var(--cedtBG);color:var(--cedtFG);}
#CEDT div{line-height:calc(var(--fontSize)*var(--edtLGap));margin-bottom:calc(var(--fontSize)*var(--edtPGap));border:2px solid #0000;padding:calc(var(--fontSize)*0.2) calc(var(--fontSize));text-align:left;}
#CEDT div.cl{border:2px solid var(--semiFG_L);}
#CEDT .unit{cursor:pointer;}
#CEDT .unit ._name{user-select:text;}
#CEDT *::selection{background:var(--actFG);color:var(--actBG);border-radius:4px;}
#CEDT .srch{user-select:text;background:var(--colFG);color:var(--actBG);border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;}
#CEDT .srch.sel{background:var(--actFG);}
#CEDT .srch.nost{user-select:text;background:none;color:inherit;}








#LIST{background:var(--actBG);display:flex;width:100%;height:100%;}
#LIST>*{-webkit-app-region:no-drag;}
#LIST *{font-size:var(--fontSize);}
#LISTL{background:var(--colBG);overflow-y:auto;border-right:1px solid var(--semiFG);width:var(--LISTLW);}
#LISTL:empty{display:flex;align-items:center;justify-content:center;}
#LISTL:empty::after{content:'按A新增元素';color:var(--semiFG_H);}
.narrow #LISTL:empty::after{content:'点击+号新增元素';}

.listCtnr{padding:10px;overflow-y:auto;}
.listCtnr .fo, .listCtnr .f{font-family:mosfont;border:var(--listBorderW) solid #0000;border-radius:4px;padding:2px;white-space:nowrap;}
.listCtnr .fo:hover, .listCtnr .f:hover{border:var(--listBorderW) dashed var(--semiFG);}
.listCtnr .fo.sel, .listCtnr .f.sel{border:var(--listBorderW) solid var(--actFG);}
.listCtnr .ic{cursor:grab;}
.listCtnr .f.curEvt .ic{color:var(--c_2_cur);}
.listCtnr .fo{display:flex;flex-direction:column;gap:4px;}
.listCtnr .fo>.ttl{display:flex;gap:4px;align-items:center;}
.listCtnr .fo>.ttl>.itri, .listCtnr .f>.itri{cursor:pointer;color:var(--colFG);}
.listCtnr .fo>.ttl>.itri:hover, .listCtnr .f>.itri:hover{color:var(--hovFG);}
.listCtnr .fo>.ttl>.itri:active, .listCtnr .f>.itri:active{color:var(--actFG);}
.listCtnr .fo>.ttl>.ic{color:var(--colFolder);}
.listCtnr .fo>.ttl>.n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.listCtnr .fo>.ttl>.n, .listCtnr .f>.n{flex-grow:1;text-align:left;color:var(--colFG);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:calc(var(--fontSize)*3);display:flex;align-items:center;background:var(--semiFG_LL);}
.listCtnr .fo>.ctnt,.listCtnr .ufo>.ctnt{overflow:hidden;padding:0px 0px 0px 13px;margin:0px 0px 0px 7px;border-left:1px dashed var(--semiFG);display:flex;flex-direction:column;}
.listCtnr .f{display:flex;gap:4px;align-items:center;cursor:pointer;}
.listCtnr .f>.n[data-after]::after{content:attr(data-after);font-size:calc(var(--fontSize) * 0.84);margin-left:4px;color:var(--semiFG);padding:0px 2px;}
.listCtnr .f>.num{color:var(--semiFG);}
.listCtnr .f>.tag{min-width:calc(var(--fontSize)*2);margin:0px 4px;border-radius:2px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:1px solid var(--semiFG);padding:0px 2px;}
.listCtnr .f:hover{background:var(--semiBG);}
.listCtnr .f.unfilled>.n{color:var(--red1);}
/* .listCtnr .f.unfilled::after{content:'\2139';background:var(--red1);display:flex;width:calc(var(--fontSize) * 1.2);height:calc(var(--fontSize) * 1.2);align-items:center;justify-content:center;border-radius:50%;} */


.foCtnr .fo{font-family:mosfont;border:var(--listBorderW) solid #0000;border-radius:4px;padding:2px;display:flex;flex-direction:column;}
.foCtnr .fo:hover{border:var(--listBorderW) dashed var(--semiFG);}
.foCtnr .fo.sel{border:var(--listBorderW) solid var(--actFG);}
.foCtnr .fo>.ttl{display:flex;gap:4px;align-items:center;}
.foCtnr .fo>.ttl>.itri{cursor:pointer;color:var(--colFG);}
.foCtnr .fo>.ttl>.itri:hover{color:var(--hovFG);}
.foCtnr .fo>.ttl>.itri:active{color:var(--actFG);}
.foCtnr .fo>.ttl>.ic{color:var(--actFG);}
.foCtnr .fo>.ctnt{overflow:hidden;}
.foCtnr .fo>.ctnt{padding:0px 0px 0px 13px;margin:0px 0px 0px 7px;border-left:1px dashed var(--semiFG);}


#LISTR{background:var(--actBG);flex-grow:1;position:relative;width:calc(100% - var(--LISTLW));right:0px;}
#LISTR>.h1{left:0px;transform:translate(-50%, -50%);}
#LISTR>.h2{right:0px;transform:translate(50%, -50%);}
#RCTNR{background:var(--colBG);padding:10px;overflow:auto;height:100%;display:flex;flex-wrap:wrap;}
#RCTNR .editor{width:100%;}

#GRAPH{background:#222;width:100%;height:100%;position:relative;}
#GRAPH>.hdl{right:-4px;transform:translate(-50%, -50%);}
#CVS{width:100%;height:100%;-webkit-app-region:no-drag;}
/* #CVS:focus{border:1px solid var(--actFG);} */
#G_TOP, #G_BTM{position:absolute;width:100%;height:calc(var(--fontSize)*1.7);background:var(--semiBG_H);}
#G_TOP{display:flex;align-items:center;}
#G_TOP>.path{display:flex;flex-grow:1;padding:0px 4px;overflow:auto;}
#G_TOP>.path>*{cursor:pointer;margin:0px !important;}
#G_TOP>.path>*>._name{max-width:none !important;}
#G_TOP>.path>*:hover>._name{color:var(--hovFG);}
#G_TOP>.path>*:not(:last-child):after{content:'\e918';font-family:mosfont;color:var(--colFG);}
#G_TOP>.tool{display:flex;gap:6px;height:100%;align-items:center;padding:0px 6px;}
#G_TOP>.tool>.btn{background:none;color:var(--colFG);font-weight:normal;}
#G_TOP>.tool>.btn:hover{color:var(--hovFG);}
#G_TOP>.tool>.btn:active{color:var(--actFG);}
#G_TOP>.tool>.btn.live{color:var(--actFG);}
#G_TOP>.tool>.gap{width:2px;background:#0005;border-right:1px solid #fff5;height:calc(100% - 5px);margin:0px 3px;}
#G_BTM{bottom:0px;display:flex;align-items:center;gap:8px;padding:0px 4px;color:var(--semiFG);}
#G_BTM>#G_HOV{flex-grow:1;display:flex;justify-content:end;color:var(--colFG);}
#G_BTM>*{font-size:calc(var(--fontSize) - 2px);}


.unitel *{pointer-events:none;}


.editor{min-height:100%;display:flex !important;flex-direction:column;gap:8px;}
.editor::after{content:attr(data-after);color:var(--semiFG);position:absolute;right:8px;bottom:2px;font-size:calc(var(--fontSize)*0.66);}
.editor .row{display:flex;gap:calc(var(--fontSize)/3);align-items:center;}
.editor .row>.intro{color:var(--semiFG_H);padding:0px var(--fontSize) 0px 0px;white-space:nowrap;position:relative;text-align:right;flex-basis:var(--uedtIntroW);min-width:var(--uedtIntroW);min-height:calc(var(--fontSize)*1.4);overflow:hidden;text-overflow:ellipsis;background:var(--semiFG_L);border-radius:2px;}
.editor .intro::after{content:':';position:absolute;font-size:var(--fontSize);}
.editor .row>img{min-width:var(--fontSize);min-height:var(--fontSize);max-width:100px;max-height:200px;cursor:zoom-in;border:1px solid var(--semiFG_H);border-radius:2px;}
.editor .row>img[data-k="k:Icon"]{width:calc(var(--fontSize)*1.4);height:calc(var(--fontSize)*1.4);}
.editor .row select, .editor .row input{max-height:calc(var(--fontSize) + 6px);}
.editor .row input[type="datetime-local"]:disabled{color:var(--colFG);}
.editor .row>input[type="checkbox"]{width:calc(var(--fontSize) - 2px);height:calc(var(--fontSize) - 2px);}
.editor .row>input[type="range"]{flex-grow:1;}
.editor .row>.bctnr{display:flex;gap:4px;align-items:center;flex-wrap:wrap;}
.editor .row .bctnr .unitel{margin:0 !important;}
.editor .row>.bctnr>*, .editor .row>*[data-k]>.unitel{padding:0px 4px;border:1px solid var(--semiFG);border-radius:2px;white-space:nowrap;background:var(--colBG);cursor:pointer;}
.editor .row>.bctnr>*:hover, .editor .row>*[data-k]>.unitel:hover{border-color:var(--actFG);background:var(--actBG);}
.editor .row>.bctnr>*:active, .editor .row>*[data-k]>.unitel:active{transform:scale(0.95);}
.editor .row>.bctnr>*>*, .editor .row>*[data-k]>.unitel *{pointer-events:none;}

.editor .row>.bctnr>*>*[data-i]{pointer-events:auto;}
.editor .row>.bctnr>.bc_rela{display:inline-flex;align-items:center;}
.editor .row>.bctnr>.bc_rela>*[data-i]:hover{background:var(--semiFG);}
.editor .row>.bctnr>.bc_rela>.rn{max-width:100px;min-width:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--fontSize);display:inline-block;color:var(--colFG);}
.editor .row>.bctnr>.bc_rela>.rn:empty::after{content:'待定';color:var(--semiFG);}
.editor .row>.bctnr>.bc_Props>._name>.br{margin:0px 0px 0px 4px;color:var(--colFG);}
.editor .row>.num{width:calc(var(--fontSize)*3);}
.editor .row>.prog{width:100%;height:calc(var(--fontSize)*0.5);background:var(--semiBG_H);}
.editor .row>.prog>.bar{height:100%;background:var(--actFG);}
.editor .row.name>*{white-space:nowrap;}
.editor .row.name .txt{flex-grow:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.editor .row.name .id, .editor .row.name .age{color:var(--semiFG);text-align:right;}
.editor .row.name .age{cursor:pointer;}
.editor .row.name .age:hover{color:var(--semiFG_H);}
.editor .row>.selUnit:empty::after{content:'未设置';color:var(--semiFG);}

.editor .row .txt{text-align:left;color:var(--colFG);}
.editor .row .txt, *[data-prop]{white-space:pre-wrap;}
.editor .intro.ed{cursor:pointer;}
.editor .intro.ed:hover{color:var(--actFG);}
.editor .intro.ed::after{content:'\e93b';left:calc(100% - var(--fontSize));top:calc(var(--fontSize)*0.35);font-family:mosfont;font-size:calc(var(--fontSize) - 4px);}
.editor .btnAddKvp{background:var(--semiFG_L);color:var(--colFG);display:flex;align-items:center;justify-content:center;width:100%;margin:0px auto;cursor:pointer;border:1px solid var(--semiFG_L);}
.editor .btnAddKvp:hover{background:var(--semiFG);}
.editor .btnAddKvp:active{background:var(--semiFG);}