.tplcard{width:430px;padding:18px 20px 20px;min-height:240px}
.tpl-top{display:flex;gap:16px;align-items:center}
.xl{width:54px;height:64px;border:1px solid var(--green);border-radius:9px;background:var(--tint-solid);color:var(--green);display:grid;place-items:end center;padding-bottom:12px;font:800 13px/13px "Barlow Condensed",sans-serif;letter-spacing:.06em;box-shadow:0 0 24px -6px var(--glow),0 0 0 5px var(--glow2)}
.tpl-top b{display:block;font:700 20px/24px "Barlow",sans-serif;color:var(--ink)}
.tpl-top small{display:block;font:500 12.5px/18px "JetBrains Mono",monospace;color:var(--ink2)}
.bars{display:flex;align-items:flex-end;gap:2.5px;height:36px;margin:18px 0 8px;overflow:hidden}
.bars i{flex:none;width:2px;background:var(--line)}
.bars i.g{background:var(--green)}.bars i.t{background:var(--teal)}
.legend{font:500 12px/16px "JetBrains Mono",monospace;color:var(--ink2);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.legend .d{width:8px;height:8px;border-radius:2px;display:inline-block;margin-left:8px}
.legend .d:first-child{margin-left:0}.legend .g{background:var(--green)}.legend .b{background:var(--teal)}.legend .x{background:var(--line)}
.tpl-btns{display:flex;gap:10px;margin-top:14px}
.tpl-btns .btn{flex:1}
.tpl-btns label.btn{flex:1.4}
.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:26px}
.steps>div{padding:20px 20px 18px;border-left:1px solid var(--line2)}
.steps>div:first-child{border-left:0}
.steps .n{display:block;font:800 44px/44px "Barlow Condensed",sans-serif;color:var(--green)}
.steps b{display:block;margin-top:14px;font:700 15px/20px "Barlow",sans-serif;color:var(--ink)}
.steps p{margin:2px 0 0;font:400 13px/18px "Barlow",sans-serif;color:var(--ink2)}
#batchPanel{margin-top:22px}
#batchPanel .ph{min-height:61px}
#batchPanel h2{font-size:28px;line-height:28px;letter-spacing:.02em}
.bsum{font:500 13px/18px "Barlow",sans-serif;color:var(--ink2)}
#bBody td.chkc{width:77px;padding-left:12px}
.cards{display:none}
.two{display:grid;grid-template-columns:400px minmax(0,1fr);gap:22px;margin-top:22px}
.ph2{display:flex;justify-content:space-between;padding:18px 20px 8px}
.blank .row{display:flex;justify-content:space-between;align-items:center;margin:0 20px 8px;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:10px}
.blank .row b{font:600 14px/1 "Barlow",sans-serif}
.blank .row span{font:700 12px/1 "JetBrains Mono",monospace;letter-spacing:.1em;color:var(--green);text-transform:uppercase}
.blank{padding-bottom:12px}
.log{margin:0 20px;padding:12px 14px;min-height:152px;max-height:220px;overflow:auto;background:var(--field);border:1px solid var(--line2);border-radius:10px;font:400 12.5px/19px "JetBrains Mono",monospace;color:var(--ink);white-space:pre-wrap;word-break:break-word}
.wbtn{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 20px 20px}
.xmlpick{min-height:44px;margin-left:8px;vertical-align:middle;cursor:pointer}
.note .xmlpick{font-size:13px}
@media (max-width:900px){
  .tplcard{width:auto;padding:16px}
  .steps{grid-template-columns:1fr;margin-top:20px}
  .steps>div{border-left:0;border-top:1px solid var(--line2);padding:16px 20px}.steps>div:first-child{border-top:0}
  .steps .n{font-size:40px}
  .ph{flex-wrap:wrap;padding:14px 16px}
  #batchPanel h2{font-size:28px;line-height:1.05;flex:0 0 100%}
  .bsum{flex:0 0 100%;margin-top:-4px}
  .ph .r{display:none}
  .tbl thead{display:none}
  .tbl,.tbl tbody{display:block}
  #bBody tr{display:grid;grid-template-columns:56px 1fr auto;grid-template-areas:"c a a" "c d d" "c t p";padding:14px 16px 12px 0;border-bottom:1px solid var(--line2);align-items:center;row-gap:2px}
  #bBody td{display:block;height:auto;border:0;padding:0;background:none!important;box-shadow:none!important}
  #bBody td.chkc{grid-area:c;padding-left:16px;width:auto}
  #bBody td.rowc,#bBody td.pcs,#bBody td.wt{display:none}
  #bBody td.awb{grid-area:a}#bBody td.dst{grid-area:d}#bBody td.tot{grid-area:t;text-align:left}#bBody td.pr{grid-area:p;padding-left:12px}
  .tbl tr.bad{box-shadow:inset 3px 0 0 var(--amber);background:var(--amber-bg)}
  .foot .btn{flex:1 1 40%}.foot .gr{flex:0 0 100%}#bPrint{flex:1 1 100%;order:9}#bEditor{flex:1 1 100%}
  .two{grid-template-columns:1fr}
  .wbtn{grid-template-columns:1fr 1fr}
  .wbtn .btn{white-space:normal;padding:0 10px}
  .tpl-btns{gap:8px}.tpl-btns .btn{padding:0 10px;min-width:0;white-space:normal}.tpl-btns .btn:first-child{flex:0 0 auto}
  .log{font-size:12px}
}