:root{font-family:Arial,Helvetica,sans-serif;color:#294a40;background:#e8e8d9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #bcc3ae;border-radius:4px;background:#f3f1e6;color:#294a40;padding:10px 12px;font-size:12px}button:hover{background:#dce3ce}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,svg:focus-visible{outline:3px solid #b97546;outline-offset:3px}header,footer{display:flex;justify-content:space-between;align-items:center;padding:19px 30px;border-bottom:1px solid #bfc7b1}.wordmark{text-decoration:none;color:inherit;letter-spacing:2px;font-size:13px;font-weight:700}.edition,.eyebrow,.section-title{font-size:10px;letter-spacing:1.7px}.edition{color:#758273}main{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:calc(100vh - 115px)}aside{padding:30px 26px;border-right:1px solid #bfc7b1;background:#eff0e3}h1{font: 36px/1.04 Georgia,serif;letter-spacing:-1px;margin:14px 0}h2{font: 25px Georgia,serif;margin:6px 0}.intro{font-size:13px;line-height:1.6;color:#687766;margin-bottom:24px}label{display:block;font-size:11px;letter-spacing:.4px;margin:12px 0}label span{float:right}select,input[type=number]{width:100%;border:1px solid #bfc7b1;background:#f9f8ef;padding:9px;color:#294a40;margin-top:6px;border-radius:3px}input[type=range]{width:100%;accent-color:#3e6e5d;margin-top:12px}.tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:20px 0}.tools button{text-transform:capitalize}.tools .active{background:#305b4c;color:#fff}.section-title{padding:20px 0 8px;border-top:1px solid #ccd2bf}.numeric{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.numeric label{margin:5px 0}.numeric button{margin:9px 0}.hint{font-size:12px;line-height:1.6;color:#6c7868}.primary{background:#315d4d;color:#f4f2e5;width:100%;padding:15px;margin:14px 0;font-size:14px}.primary span{float:right}.actions{display:flex;gap:6px}.actions button{flex:1;padding:8px 2px}.canvas-column{padding:26px 32px;min-width:0}.canvas-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.pill{border:1px solid #b9c3ac;border-radius:99px;padding:7px 10px;font-size:10px;white-space:nowrap}.paper{background:#f6f1df;box-shadow:0 14px 35px #44594318;border:1px solid #d2d1bb}.paper svg{display:block;width:100%;height:auto;aspect-ratio:4/3;max-height:67vh;touch-action:none}.paper-footer{padding:14px 20px;border-top:1px solid #d8d7c4;font:9px monospace;letter-spacing:1.4px;color:#85907c;display:flex;justify-content:space-between}.status{font-size:12px;line-height:1.6;padding:18px 0;min-height:54px;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:100%;background:#ba8453;flex-shrink:0}.dot.valid{background:#3c7b5e}.exports{display:flex;gap:8px;flex-wrap:wrap}.exports button{background:transparent}details{margin-top:24px;border-top:1px solid #bdc7af;padding-top:18px}summary{cursor:pointer;font-size:11px;letter-spacing:1.5px}.pair-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.pair-list span{font:11px monospace;border:1px solid #bbc6ac;padding:8px}textarea{width:100%;height:200px;margin:12px 0;padding:12px;border:1px solid #bbc6ac;background:#f5f5eb;color:#294a40;font:12px monospace;resize:vertical}details button{margin-right:7px;margin-bottom:8px}.notes{padding:30px;max-width:1000px;line-height:1.7;font-size:13px}.notes button{margin-right:8px}footer{border-top:1px solid #bfc7b1;font-size:9px;letter-spacing:1.8px;color:#7b8873;padding:17px 30px}@media(min-width:1500px){main{grid-template-columns:340px minmax(0,1fr)}aside{padding:42px}.canvas-column{padding:35px 6vw}}@media(max-width:850px){header{padding:16px}.edition{display:none}main{grid-template-columns:230px minmax(0,1fr)}aside{padding:24px 16px}h1{font-size:29px}.canvas-column{padding:25px 16px}.canvas-title{display:block}.pill{display:inline-block;margin-top:10px}.paper-footer span{display:none}}@media(max-width:600px){main{display:flex;flex-direction:column}.canvas-column{order:-1;padding:22px 14px}aside{border-right:0;border-top:1px solid #bfc7b1;padding:25px}.paper svg{max-height:none}.canvas-title{display:flex}.pill{font-size:9px}h2{font-size:21px}footer span:last-child{display:none}h1 br{display:none}.numeric{grid-template-columns:repeat(2,1fr)}.intro{max-width:400px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}h2{white-space:pre-wrap;overflow-wrap:anywhere;max-width:65ch}.canvas-title>div{min-width:0;max-width:75%}.canvas-title h2{max-height:3.2em;overflow:auto}