:root{font-family:Arial,Helvetica,sans-serif;color:#172c2b;background:#eae5d9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{border:1px solid #a9b3a9;background:#f8f5ed;padding:10px 13px;border-radius:5px;color:#172c2b;cursor:pointer}button:hover{background:#e1e9df}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #cc593c;outline-offset:3px}header{background:#172c2b;color:#faf5e7;display:flex;justify-content:space-between;padding:22px 4vw}.brand{font-size:23px;font-weight:800;letter-spacing:3px}.brand span{font-size:10px;letter-spacing:2px;margin-left:24px}.top{font-size:10px;letter-spacing:2px;display:flex;gap:30px;align-items:center}.top span{color:#a7c9ad}main{max-width:1500px;margin:auto;padding:28px 4vw}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#60746b;margin-top:20px}h1{font-size:42px;letter-spacing:-2px;margin:14px 0}h1 span{display:block;font-family:Georgia,serif;font-size:30px;font-weight:400;font-style:italic;letter-spacing:-1px;color:#687d71;margin-top:5px}p{line-height:1.6;font-size:13px}h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:13px 0}h3{font-size:15px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.canvas-panel{border:1px solid #c3c6b8;background:#f5f0e4;border-radius:9px;overflow:hidden}.canvas-head{display:flex;justify-content:space-between;padding:18px;font-size:12px;gap:16px;overflow-wrap:anywhere}.canvas-head span:last-child{font-size:9px;letter-spacing:1px;flex-shrink:0}.field{width:100%;display:block}.metrics{display:flex;justify-content:space-around;border-top:1px solid #d9dbcb;padding:22px 8px;font-size:11px;color:#65776d}.metrics b{font-size:28px;color:#172c2b;display:block;margin-bottom:5px}aside{padding:0 3px}.numeric{display:flex;gap:8px}label{display:block;font-size:11px;font-weight:700;line-height:1.6}input,select{display:block;width:100%;background:#f8f5ed;border:1px solid #b6bfb3;border-radius:4px;padding:9px;margin:5px 0 12px}.numeric label{width:33%}.actions{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.actions button{font-size:11px}.anchors{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-height:160px;overflow:auto;padding:4px}.anchors button{font-size:11px;padding:6px 0}.anchors .selected{background:#172c2b;color:#f8f5ed;border-color:#172c2b}.round{display:grid;gap:8px;margin-top:20px}.round button:first-child{background:#d2694c;color:#fff;border-color:#d2694c}.small{font-size:11px;color:#637168}.status{padding:13px;background:#dce4d9;border-left:3px solid #587d61;min-height:46px}.bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;margin-top:35px;border-top:1px solid #b9c1b5;padding-top:12px}textarea{width:100%;height:250px;background:#f8f5ed;border:1px solid #b6bfb3;padding:12px;font:12px/1.6 monospace;resize:vertical;border-radius:5px}.export{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ledger{max-height:180px;overflow:auto;padding-left:20px;font-size:12px;line-height:1.7}.ledger small{display:block;color:#69776d;overflow-wrap:anywhere}footer{border-top:1px solid #b9c1b5;margin-top:30px;padding-top:15px;font-size:11px}footer p{font-size:11px;max-width:900px}@media(max-width:1000px){.workspace{grid-template-columns:1fr 290px}h1{font-size:34px}}@media(max-width:760px){.workspace,.bottom{grid-template-columns:1fr}.intro{align-items:start}.intro button{font-size:11px}.brand span,.top{display:none}h1{font-size:30px}h1 span{font-size:23px}main{padding:20px 16px}.anchors{grid-template-columns:repeat(12,1fr)}.bottom{gap:15px}.canvas-head span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
