:root{font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:#242a28;background:#eff2f1;letter-spacing:0}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#fff;border:1px solid #c5cfca;border-radius:4px;padding:9px 12px}button:disabled{opacity:.45;cursor:default}.topbar{display:flex;align-items:center;gap:24px;padding:14px 24px;background:#fff;border-bottom:1px solid #d5ddd8}.topbar nav{margin-left:auto;display:flex;align-items:center;gap:20px}.topbar button{background:#23664c;color:#fff}main{display:grid;grid-template-columns:300px minmax(0,1fr);max-width:1600px;margin:auto}aside{padding:24px;background:#fff;border-right:1px solid #d5ddd8}h1{font-size:22px;margin:0 0 20px}form{display:grid;gap:14px}label{display:grid;gap:6px;font-size:13px}input,select,textarea{width:100%;min-width:0;border:1px solid #c5cfca;border-radius:4px;padding:9px;background:#fff;color:#242a28}input:focus,select:focus,textarea:focus{outline:2px solid #70a88f;outline-offset:1px}textarea{min-height:72px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}#status{font-size:12px;line-height:1.6;margin:0;color:#456053;overflow-wrap:anywhere}.preview{min-width:0;padding:20px 24px}.previewbar{display:flex;justify-content:space-between;margin-bottom:16px;font-size:13px;color:#56665d}#empty{text-align:center;padding:100px 0;color:#68766f}#empty h2{font-size:28px}.paper{width:210mm;min-height:297mm;margin:0 auto 24px;padding:15mm 12mm 13mm;background:#fff;color:#111;font-family:Arial,sans-serif;display:flex;flex-direction:column;border:1px solid #d9dfdb}.paper header{display:flex;justify-content:space-between;border-bottom:1px solid #222;font-size:11px;padding-bottom:8px;gap:12px}.paper h2{text-align:center;font-size:16px;margin:20px 0;line-height:1.4}.paper h3{font-size:12px;text-align:center}.paper table{border-collapse:collapse;width:100%;font-size:10px;table-layout:fixed;margin:10px 0}.paper td,.paper th{border:1px solid #999;padding:5px;overflow-wrap:anywhere;text-align:center}.paper th{background:#f3f5f4}.paper .metadata td{text-align:left}.paper .plots{display:grid;grid-template-columns:1fr 1fr;gap:12px}.paper canvas{display:block;width:100%;height:auto}.paper footer{margin-top:auto;border-top:1px solid #222;padding-top:8px;font-size:10px;line-height:1.6}.paper .note{font-size:11px;line-height:1.6}.paper .metric{font-size:12px;margin:8px 0}.paper .chart{margin:12px 0}.preview{overflow:auto}@media(max-width:1100px){main{grid-template-columns:260px minmax(0,1fr)}.preview{padding:16px}}@media(max-width:720px){.topbar{flex-wrap:wrap;gap:12px;padding:12px 16px}.topbar nav{width:100%;margin:0;gap:16px;font-size:13px}main{display:block}aside{padding:20px 16px;border-right:0;border-bottom:1px solid #d5ddd8}.preview{padding:16px}.paper{margin-left:0}#empty{padding:40px 0}}@page{size:A4;margin:0}@media print{body,main,.preview{display:block;background:white;margin:0;padding:0;overflow:visible}.topbar,aside,.previewbar,#empty{display:none}.paper{border:0;margin:0;width:210mm;height:297mm;min-height:0;break-after:page;overflow:hidden}.paper:last-child{break-after:auto}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.paper:has(.chart ~ .chart) canvas{max-height:78mm;width:auto;max-width:100%;margin:auto}.paper .chart{flex-shrink:0}.paper footer{overflow-wrap:anywhere}