@import url('data:text/css,');
:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#26374b;background:#f4f7fa;font-synthesis:none;font-size:14px;--teal:#12877d;--border:#e1e7ee}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;background:white;color:#46566a;border:1px solid var(--border);border-radius:7px;padding:9px 13px;transition:background .12s}button:hover{background:#eff5f7;border-color:#a9c8c5}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #12877d;outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}.topbar{height:79px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:18px}.brand{display:flex;gap:13px;align-items:center;font-size:18px;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:1.65px;margin-top:6px;color:#8691a0}.brandmark{background:#163e44;color:white;width:40px;height:40px;border-radius:9px;text-align:center;line-height:40px;font-size:25px;font-weight:bold}.brandmark span{color:#59c4b4}.actions{display:flex;gap:8px;align-items:center}.version{color:#8190a1;font-size:11px;letter-spacing:1px;margin-right:14px}.projectbar{display:flex;justify-content:space-between;align-items:center;margin:24px 30px}.eyebrow{display:block;font-size:10px;letter-spacing:1.7px;color:#8c98a7;font-weight:700;margin-bottom:7px}#title{font-size:21px;font-weight:600;color:#243649;border:0;background:transparent;width:470px;padding:2px 0}.primary{background:var(--teal);border-color:var(--teal);color:white;padding:11px 24px;box-shadow:0 4px 9px #12877d20}.primary:hover{background:#0a726a}main{display:grid;grid-template-columns:217px minmax(400px,1fr) 255px;align-items:start;gap:18px;margin:0 30px}.tools,.properties,.workspace{background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden}.tools,.properties{padding:20px 16px}.paneltitle{font-weight:650;display:flex;justify-content:space-between}.paneltitle span{color:#b0bbc7;font-size:11px}.hint{font-size:11px;line-height:1.7;color:#8a97a7;margin:14px 0 24px}.toolgroup{font-size:9px;letter-spacing:1.5px;color:#9aa5b3;margin:23px 5px 9px;font-weight:bold}.tool{display:flex;align-items:center;gap:13px;text-align:left;width:100%;border-color:transparent;padding:9px 7px;margin-bottom:4px}.tool i{font-style:normal;font-size:23px;width:30px;height:36px;display:grid;place-items:center;background:#f2f6f9;border-radius:6px;color:#566f82}.tool small{display:block;color:#9aa6b4;font-size:10px;margin-top:5px}.tool.active{background:#eaf7f4;color:#11796f;border-color:#beddd6}.tool.active i{color:#12877d}.tip{border-top:1px solid var(--border);margin-top:24px;padding-top:20px;font-size:9px;letter-spacing:1px;color:#97a1af}.tip p{font-size:11px;letter-spacing:0;line-height:1.8}.tip button{font-size:11px;width:100%}.canvashead{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;font-size:12px;border-bottom:1px solid #edf0f5}.statusdot{display:inline-block;background:#12877d;width:6px;height:6px;border-radius:50%;margin-right:7px}.badge{font-size:10px;background:#f0f4f7;color:#7a8a9b;border-radius:4px;padding:5px 8px;margin-left:8px}.zoom{display:flex;gap:5px;align-items:center;font-size:10px}.zoom button{padding:3px 7px;font-size:12px}.zoom span{min-width:34px;text-align:center}.placement{padding:13px 20px 0;font-size:11px;color:#9ba6b2;min-height:34px}.placement.placing{color:#12877d;font-weight:600}#canvas-scroll{overflow:auto}#canvas{width:100%;min-width:480px}.scheme{display:block;width:100%;min-height:210px;touch-action:none;user-select:none}.selectable{cursor:grab}.selected{filter:drop-shadow(0 0 3px #10bfa4)}.selected>path,.selected>line,.selected>rect:not([fill=transparent]){stroke:#10a595!important}.selected text{fill:#008373;font-weight:700}.canvasfoot{display:flex;justify-content:space-between;padding:12px 20px;border-top:1px solid #edf0f5;font-size:10px;color:#91a0b0}#message{display:none;margin:14px 20px;padding:12px;border-radius:6px;font-size:12px;line-height:1.6;white-space:pre-line;background:#fff3e3;color:#976426}#message.visible{display:block}#message.error{background:#fff0ed;color:#bd453d}.resulthead{border-top:6px solid #f4f7fa;padding:22px 20px 15px;display:flex;align-items:center;justify-content:space-between}h2{font-size:19px;margin:0;font-weight:600}.reactioncards{display:flex;gap:10px;margin:0 20px 20px;flex-wrap:wrap}.reactioncard{background:#f7fafb;border:1px solid #e4eced;border-radius:7px;padding:12px 16px;flex:1;min-width:140px}.reactioncard small{display:block;font-size:10px;color:#8392a1;margin-bottom:7px}.reactioncard strong{font-size:22px;font-weight:600;color:#177f76}.reactioncard span{font-size:11px;color:#7e8a99}.reactioncard p{font-size:10px;color:#7f8d9e;margin:8px 0 0}.tabs{display:flex;border-bottom:1px solid var(--border);padding:0 20px;gap:22px}.tabs button{border:0;border-radius:0;padding:12px 0;font-size:12px;color:#8c98a6;background:transparent}.tabs button.active{color:#13877d;border-bottom:2px solid #13877d}.empty{padding:60px 30px;text-align:center;font-size:13px;color:#92a0af}#results{min-height:170px}.diagram{display:block;width:100%}.diagramwrap{overflow:auto;border-bottom:1px solid #edf1f4}.diagraminner{min-width:480px}.diagramlabel{display:flex;justify-content:space-between;padding:16px 20px 0;font-size:11px;color:#728299}.diagramlabel b{color:#435870;font-weight:600}.signnote{padding:16px 20px;font-size:10px;line-height:1.8;color:#8c9aab;background:#fafcfd;border-top:1px solid #edf0f3}.propertytype{margin-top:25px;font-size:18px;font-weight:600}.propertysub{font-size:11px;color:#91a0af;margin:8px 0 22px}.field{display:block;margin:16px 0;font-size:11px;color:#798a9c}.field input,.field select{display:block;width:100%;border:1px solid #dae3eb;background:#fbfcfd;padding:10px;color:#374b61;border-radius:6px;margin-top:8px;font-size:13px}.delete{color:#bc655e;background:#fff9f8;border-color:#f1dfdc;font-size:11px;width:100%;margin:10px 0}.elementhead{font-size:9px;letter-spacing:1.3px;color:#9ba5b3;border-top:1px solid var(--border);margin-top:24px;padding-top:23px}.element{width:100%;border:0;display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:7px;padding:10px 6px}.element.active{background:#edf8f5;color:#12877d}.element small{color:#9ba8b7;font-size:10px}.appfooter{display:flex;justify-content:space-between;padding:20px 32px;color:#98a5b4;font-size:10px}.solutiontoolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:11px;color:#8795a7}.solutiontoolbar select{padding:7px;border:1px solid #dbe4e9;border-radius:5px;background:white;color:#405568}details{border-top:1px solid #e9eef3}summary{cursor:pointer;padding:15px 20px;font-size:12px;font-weight:600}summary span{color:#9bacba;font-size:10px;margin-right:12px}.section-body{padding:0 20px 18px;font-size:12px;line-height:1.7}.formula{padding:10px 13px;border-left:2px solid #cce1df;margin:16px 0;background:#fafcfd}.formula h4{margin:3px 0 9px;font-size:12px}.math{font:12px/1.9 Consolas,monospace;overflow-wrap:anywhere}.substitution{color:#8391a0}.result{color:#127f75;font-weight:bold;margin-top:8px}.explanation{color:#718295}.check{margin:10px 0;padding:13px 16px;border:1px solid #deebe7;border-radius:6px;font-size:12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.check span{font-size:10px;color:#8b9caa}.check.pass{color:#12877d}.check.fail{color:#b43535}#tooltip{position:fixed;pointer-events:none;z-index:10;background:#23394a;color:white;padding:10px 14px;border-radius:7px;font:12px/1.7 Consolas,monospace;box-shadow:0 6px 20px #162f4530}#tooltip[hidden]{display:none}.checksbox{padding:15px 20px}@media(min-width:1600px){main{grid-template-columns:230px minmax(400px,1fr) 285px;max-width:1800px;margin:auto}.projectbar{max-width:1800px;margin:24px auto}}@media(max-width:1100px){main{margin:0 15px;grid-template-columns:175px minmax(350px,1fr) 210px;gap:10px}.topbar{padding:0 15px}.brand{font-size:15px}.brand small{font-size:7px}.projectbar{margin:20px 15px}.version{display:none}.tools,.properties{padding:16px 10px}#title{width:350px;font-size:18px}}@media(max-width:820px){main{grid-template-columns:150px minmax(300px,1fr)}.properties{grid-column:1/-1}.topbar{flex-wrap:wrap;height:auto;padding:15px;gap:15px}.projectbar{flex-wrap:wrap;gap:12px}.actions{flex-wrap:wrap}#title{max-width:85vw}.tool{font-size:12px}.tools{position:sticky;top:8px}.tabs{gap:12px}.tabs button{font-size:10px}}
.selected>line[stroke="transparent"]{stroke:transparent!important}
.reportdialog{width:min(1100px,96vw);height:94vh;max-height:94vh;padding:0;border:1px solid #d4e0e5;border-radius:10px;box-shadow:0 20px 100px #152e4540}.reportdialog::backdrop{background:#18334866}.reportbar{height:65px;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #e1e7ee;font-size:12px}.reportdialog iframe{width:100%;height:calc(100% - 70px);border:0;background:white}
.drawing-controls{padding:14px 20px;display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid #e1e7ee;background:#fafbfc;align-items:end}.drawing-controls label{font-size:10px;color:#718294;display:block}.drawing-controls select{display:block;margin-top:5px;background:#fff;border:1px solid #dbe2e8;border-radius:5px;padding:7px 8px;font-size:11px;color:#2e4358}.drawing-controls .drawing-check{display:flex;gap:5px;align-items:center;padding:8px 0;font-size:11px}.drawing-exports{display:flex;gap:5px;align-items:center;margin-left:auto}.drawing-exports button{font-size:11px;padding:8px}.drawing-exports select{margin:0}.combined-drawing{display:block;width:100%;height:auto;touch-action:none;user-select:none}#canvas{padding:12px 10px}.drawing-dialog{width:96vw;max-width:1200px;height:94vh;max-height:94vh;border:1px solid #d4e0e5;border-radius:9px;padding:0;box-shadow:0 20px 100px #152e4540}.drawing-dialog::backdrop{background:#18334888}.large-drawing{height:calc(100% - 65px);overflow:auto;padding:15px}.large-drawing svg{width:100%;max-width:920px;margin:auto}.drawing-row{cursor:crosshair}.ordinates{padding:14px 20px;font-size:12px;overflow:auto}.ordinates p{line-height:1.7;color:#8090a0}.ordinates table{width:100%;border-collapse:collapse}.ordinates th,.ordinates td{padding:10px;border-bottom:1px solid #e1e7ee;text-align:right}.ordinates th:nth-child(2),.ordinates td:nth-child(2){text-align:left}.ordinates th{font-size:11px;background:#f7f9fb;color:#708090}.equation{margin:13px 0;overflow-x:auto;padding:3px 1px}.equation math,.balance math{font-family:'Cambria Math','STIX Two Math',serif;font-size:17px;text-align:left;margin:9px 0}.formula{background:#fff;border-left:2px solid #cad7d6}.formula h4{font:italic 15px Georgia,serif}.equation.result{border-top:1px solid #e5eae9;padding-top:11px}.balance{margin:13px 0;padding:8px 10px;background:#f7f9fa;overflow-x:auto}.action-description{color:#405065}.section-body .combined-drawing{border:0}.drawing-controls+ #canvas-scroll{background:white}.canvasfoot{font-size:11px}@media(max-width:1100px){main{grid-template-columns:155px minmax(0,1fr)}.tools{grid-row:1/span 2}.properties{grid-column:2}.drawing-controls{padding:12px}.drawing-exports{margin-left:0}.properties #elements{display:flex;flex-wrap:wrap;gap:5px}.properties .element{width:auto;gap:12px}.properties #properties{max-width:380px}}@media(max-width:680px){main{display:flex;flex-direction:column}.workspace,.tools,.properties{width:100%}.tools{position:static;display:flex;gap:5px;flex-wrap:wrap;padding:10px}.tools .tool{width:auto;flex:1;min-width:90px;gap:5px}.tools .hint,.tools .toolgroup,.tools .tip,.tools .paneltitle,.tool small{display:none}.tool i{font-size:18px;width:22px}.tool span{font-size:10px}.projectbar .actions{gap:5px}.topbar .brand{white-space:normal}.drawing-controls select{max-width:180px}.reportbar{height:auto;min-height:65px;gap:10px;flex-wrap:wrap}}
#canvas,.diagraminner{min-width:0}
.section-sketch{display:block;width:100%;height:auto;margin:18px 0}