main{max-width:1180px}
.lede{color:var(--soft);font-size:.95rem}

/* 桌面：左表单右单据；手机：单据排前面（第一眼要看到成品，不是一堆输入框） */
.wrap2{display:flex;gap:22px;align-items:flex-start;margin-bottom:var(--gap)}
.pane.form{flex:1 1 380px;min-width:0}
.pane.paper{flex:0 0 470px;max-width:470px}
canvas{display:block;width:100%;height:auto;border-radius:10px;
  box-shadow:0 10px 34px rgba(80,60,40,.16);background:#fffdfa}

textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.92rem;line-height:1.75}
.lbl{display:flex;align-items:baseline;gap:10px;font-size:.9rem;color:var(--ink);margin-bottom:8px}
.lbl .hint{color:var(--soft);font-size:.82rem;font-weight:400}

.readout{display:flex;gap:20px;justify-content:flex-end;padding:10px 2px 0;color:var(--soft);font-size:.88rem}
.readout b{color:var(--accent);font-weight:700;font-size:1.05rem}
.cap{text-align:right;color:var(--soft);font-size:.82rem;padding-top:4px;word-break:break-all}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
/* ⚠️ 6.4em 不是 CN 的 4.6em：列宽由最长的标签决定（Currency / Discount） */
.grid2 label{display:grid;grid-template-columns:6.4em 1fr;align-items:center;gap:8px;margin:0;font-size:.9rem}
.grid2 label.full{grid-column:1/-1}
.grid2 .k{color:var(--soft)}
.grid2 input{padding:7px 10px;font-size:.9rem}

.controls{justify-content:flex-start;flex-wrap:wrap}
.note code{background:rgba(0,0,0,.05);padding:1px 5px;border-radius:5px;font-size:.9em}

@media(max-width:860px){
  .wrap2{flex-direction:column}
  .pane.paper{order:-1;flex:1 1 auto;max-width:none;width:100%}
  .grid2{grid-template-columns:1fr}
  .grid2 label{grid-template-columns:6.4em 1fr}
}