:root{font-family:"Segoe UI",Arial,sans-serif;color:#18314b;background:#f6f8fc;font-size:16px;color-scheme:light;--blue:#194bd8;--line:#dce5ef}*{box-sizing:border-box}body{margin:0}header{max-width:1280px;margin:auto;padding:22px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:750;text-decoration:none;color:var(--blue);display:flex;gap:14px;align-items:center}.brand span{color:#18314b;font-size:20px}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{color:#18314b;text-decoration:none;min-height:44px;display:flex;align-items:center}nav a:hover{text-decoration:underline}main{max-width:1280px;margin:auto;padding:28px 32px}h1{font-size:clamp(26px,3vw,36px);letter-spacing:-1px;margin:8px 0 12px;line-height:1.2}h2{font-size:19px;line-height:1.4;margin:0 0 14px}p{line-height:1.65;margin:8px 0 16px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:750;color:var(--blue)}.heading{margin-bottom:24px}.heading p:last-child{color:#52677e}.workspace{display:grid;grid-template-columns:375px minmax(0,1fr);gap:25px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;min-width:0}.controls label{display:block;font-weight:650;font-size:14px;margin:17px 0 8px}input,select,button{font:inherit}input,select{width:100%;min-height:46px;border:1px solid #bdcce0;border-radius:8px;padding:10px;color:#18314b;background:white}#name{font-size:25px}input[type=range]{padding:0;accent-color:var(--blue);border:0;min-height:34px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}output{float:right;font-size:12px;font-weight:400;color:#52677e}.help{font-size:12px;color:#52677e;line-height:1.65}.calibration{background:#eff4ff;border:1px solid #d1def8;border-radius:12px;padding:18px;margin:20px 0}.calibration h2{margin:8px 0}.calibration p{font-size:13px}.calibration .help{font-size:12px}button{min-height:46px;border:1px solid var(--blue);border-radius:8px;padding:11px 14px;background:var(--blue);color:white;font-weight:650;cursor:pointer;width:100%}.secondary{background:white;color:var(--blue)}button:hover{filter:brightness(.95)}button:disabled{opacity:.45;cursor:not-allowed}.text-button{border:0;background:none;color:#3b5b86;font-size:12px;min-height:38px;padding:8px}.actions{display:grid;gap:10px}.privacy{font-size:12px;color:#416354;border-top:1px solid var(--line);padding-top:15px}.error{color:#a52235;font-size:13px}.preview{background:#eaf0f7;padding:22px}.preview-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.preview-head span{font-size:12px;color:#52677e}#worksheet{max-width:600px;margin:12px auto;background:white;box-shadow:0 8px 28px #233d5d1a}#worksheet svg{display:block;width:100%;height:auto}.preview .help{text-align:center}article{max-width:850px;margin:42px auto 20px;display:grid;gap:24px}article section{border-top:1px solid var(--line);padding-top:24px}article p{font-size:15px}details{background:#eef3fa;border-radius:10px;padding:14px;font-size:13px}summary{cursor:pointer}footer{margin-top:36px;padding:20px 0;border-top:1px solid var(--line);font-size:12px;color:#52677e}footer p{font-size:12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e9ad37;outline-offset:3px}[hidden]{display:none!important}#print-sheet{display:none}@media(max-width:850px){.workspace{grid-template-columns:1fr}header,main{padding:20px}.preview{order:2}}@media(max-width:440px){header{align-items:flex-start;flex-direction:column;gap:8px}nav{gap:16px}.panel{padding:18px}.calibration{padding:14px}main{padding:20px 14px}.pair{gap:10px}}
@media print{html,body{margin:0!important;padding:0!important;background:white!important}body>*{display:none!important}body>#print-sheet{display:block!important;width:var(--paper-w);height:var(--paper-h);margin:0!important;padding:0!important;overflow:hidden;break-inside:avoid}#print-sheet svg{display:block!important;width:var(--paper-w)!important;height:var(--paper-h)!important;margin:0!important}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.download-button{display:block;text-align:center;text-decoration:none;min-height:46px;border:1px solid var(--blue);border-radius:8px;padding:11px 14px;font-weight:650}.download-button[aria-disabled=true]{opacity:.45;cursor:not-allowed}
.flow-diagram{display:block;width:100%;max-width:100%;height:auto;border-radius:12px;margin:20px 0}article>section{min-width:0}.preview{position:sticky;top:20px}@media(max-width:850px){.preview{position:static}}