:root{--bg:#f7f3e8;--surface:#fffdf8;--ink:#302f2b;--muted:#69665c;--line:#ded7c8;--border:#918a79;--accent:#162641;--selected:#faf0cb;--error:#963041;--focus:#4b5241;color-scheme:light;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.6}::selection{background:#f6d86d;color:#292a28}button,input,select,textarea{font:inherit}button,select,summary{cursor:pointer}input,textarea{caret-color:var(--accent)}button{border:0}input,select,textarea{width:100%;min-height:46px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--ink)}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#767063;opacity:1}input[type=radio]{width:18px;min-height:18px;margin:0;accent-color:var(--accent)}input[type=date]{min-width:0}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}[aria-invalid=true]{border-color:var(--error)}button:disabled{cursor:not-allowed;opacity:.48}.primary,.secondary{min-height:46px;padding:10px 19px;border-radius:8px;font-weight:600;transition:background-color .16s ease,color .16s ease}.primary{background:var(--accent);color:white}.primary:hover:not(:disabled){background:#294263}.secondary{background:#eee7d8;color:var(--ink)}.secondary:hover{background:#e3dbc9}h1,h2,h3,p{margin:0}h1{font-size:25px;font-weight:650;line-height:1.3}h2{font-size:19px;font-weight:650}h3{font-size:18px}.skip{position:absolute;top:-80px;left:20px;padding:10px;background:white;z-index:20}.skip:focus{top:10px}.app-header{max-width:1456px;margin:auto;padding:26px 38px 22px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.app-header img{width:170px;height:auto;display:block}.app-title{border-left:1px solid var(--line);padding-left:25px}.app-title p{font-size:13px;color:var(--muted);margin-top:5px}.privacy{margin-left:auto;text-align:right;color:var(--muted);font-size:13px}.privacy span{font-size:12px}.workspace{max-width:1456px;margin:auto;display:grid;grid-template-columns:minmax(420px,.95fr) minmax(430px,1.05fr);gap:32px;padding:28px 38px 60px;align-items:start}.editor{min-width:0}.form-section{padding:0 0 25px;margin-bottom:24px;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.section-heading>span{font-size:12px;color:var(--muted)}.supplier{margin-bottom:19px;color:var(--muted);font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 16px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:500;min-width:0}.full{grid-column:1/-1}.tax-field{border:0;padding:0;margin:0;min-width:0}.tax-field legend{font-size:14px;margin-bottom:8px;padding:0}.choice-row{display:flex;gap:12px}.choice-row label{display:flex;align-items:center;flex-direction:row;border:1px solid var(--border);border-radius:8px;padding:11px 14px;gap:9px;min-height:46px;flex:1;cursor:pointer}.choice-row label:has(input:checked){background:var(--selected);border-color:#71634a}.hint{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.65}.product-item{border:0;border-top:1px solid var(--line);padding:12px 0 18px;margin:20px 0 0;min-width:0}.product-item legend{font-weight:600;font-size:15px;padding:0 10px 0 0}.item-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.item-amount{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.remove-item{color:var(--error);background:none;min-height:44px;padding:8px 12px;margin-right:-12px;text-decoration:underline;text-underline-offset:4px}.remove-item:disabled{display:none}.three-col{display:grid;grid-template-columns:1fr .8fr 1fr;gap:12px}.total{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:baseline;justify-content:space-between;gap:14px}.total>span{font-weight:600}.total small{font-size:12px;font-weight:400;margin-left:4px}.total strong{font-size:28px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.total-chinese{font-size:13px;color:var(--muted);margin-top:7px}.optional-section details+details{border-top:1px solid var(--line)}summary{min-height:48px;padding:12px 0;font-weight:600}summary span{float:right;color:var(--muted);font-size:12px;font-weight:400}.details-content{padding:8px 0 18px}.clauses p{margin-bottom:12px;font-size:13px;color:var(--muted);line-height:1.8}.form-actions{display:flex;align-items:flex-start;gap:22px}.form-actions>.primary{min-width:160px}.clear-confirm{color:var(--muted);font-size:13px}.clear-confirm summary{font-weight:400}.clear-confirm p{margin-bottom:8px}.errors{background:#fff0ed;color:var(--error);padding:15px 18px;margin-bottom:20px;border-radius:8px}.errors p+p{margin-top:4px}.preview-panel{position:sticky;top:22px;min-width:0;border-radius:14px;padding:23px;background:#ece8de}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px}.preview-toolbar p{color:var(--muted);font-size:13px;margin-top:5px}.paper-size{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.download-bar{display:flex;align-items:center;gap:10px;margin-top:22px}.download-bar label{font-size:13px;white-space:nowrap}.download-bar select{flex:1;min-width:0}.download-bar button{white-space:nowrap}.download-note{font-size:12px;color:var(--muted);margin:9px 0 18px}.preview-empty{aspect-ratio:210/245;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:28px}.preview-empty svg{fill:none;stroke:#8e8778;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:23px}.preview-empty h3{color:var(--ink);font-weight:500;margin-bottom:9px}.preview-empty p{font-size:14px}.preview-pages{max-height:72vh;overflow-y:auto;scrollbar-color:#a49b8b #ece8de;scrollbar-width:thin}.preview-pages canvas{display:block;width:100%;height:auto;background:white;margin-bottom:16px}.preview-pages canvas:last-child{margin-bottom:0}.preview-pages.stale{opacity:.58}.download-status{font-size:13px;margin-top:12px;color:var(--muted);overflow-wrap:anywhere}[hidden]{display:none!important}
@media(min-width:1550px){.workspace{gap:46px}}
@media(max-width:1050px){.workspace{grid-template-columns:minmax(330px,1fr) minmax(330px,1fr);gap:24px;padding:24px}.app-header{padding:22px 24px}.preview-panel{padding:18px}.download-bar{flex-wrap:wrap}.download-bar label{width:100%}.download-bar button{padding:10px 13px}}
@media(max-width:780px){.app-header{gap:17px;padding:20px}.app-header img{width:145px}.app-title{padding-left:17px}.app-title h1{font-size:22px}.privacy{display:none}.workspace{grid-template-columns:1fr;gap:32px;padding:24px 20px 44px;max-width:650px}.preview-panel{position:static;padding:18px}.preview-pages{max-height:none;overflow:visible}.download-bar label{width:auto}.preview-empty{aspect-ratio:210/210}.form-section{margin-bottom:21px}.form-grid{gap:16px 12px}.preview-toolbar h2{font-size:19px}}
@media(max-width:380px){.workspace{padding-left:14px;padding-right:14px}.app-header{padding-left:14px;padding-right:14px}.app-header img{width:127px}.choice-row label{padding:10px 9px;font-size:13px}.three-col{gap:8px}.total strong{font-size:24px}.download-bar label{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}