:root{--bg:#f3f4ee;--ink:#19372e;--muted:#65736b;--line:#dfe4dc;--green:#244e3d;--lime:#d5ef96;--orange:#c4683f;--mono:ui-monospace,'Cascadia Code',monospace;--sans:'Segoe UI',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--sans)}button,input,select{font:inherit}button,a,summary,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}input:focus,select:focus{outline:2px solid var(--green);outline-offset:1px}header{min-height:82px;border-bottom:1px solid var(--line);padding:15px 3.8vw;display:flex;align-items:center;justify-content:space-between;background:#fafbf7;gap:20px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:17px;letter-spacing:.04em;font-weight:700}.brand svg{width:34px;height:34px;background:var(--green);border-radius:8px;fill:var(--lime);stroke:var(--lime);stroke-width:2.5}.brand svg path{fill:none}.brand b{color:#8fa080;font-weight:400}header>div{display:flex;align-items:center;gap:30px;font-size:14px}.edition{font:12px var(--mono);color:var(--muted);letter-spacing:.06em}a{color:var(--green);text-underline-offset:4px}main{max-width:1600px;margin:auto;padding:36px 3.8vw 64px}.heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.eyebrow{font:12px var(--mono);letter-spacing:.09em;color:var(--muted);margin:0 0 9px}h1{font-size:clamp(30px,3vw,44px);letter-spacing:-1.7px;line-height:1.1;margin:0 0 12px;font-weight:500}.heading p:last-child{margin:0;color:var(--muted)}.scope-tag{font-size:14px;white-space:nowrap;color:#69834f}.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.segmented{display:flex;background:#e4e9df;padding:4px;border-radius:7px;gap:3px}.segmented button{border:0;background:transparent;color:var(--muted);padding:9px 28px;border-radius:5px;font-size:15px}.segmented button[aria-pressed=true]{background:var(--green);color:white;box-shadow:0 2px 4px #0001}.preset-wrap{display:flex;gap:12px;align-items:center;font-size:14px}.preset-wrap label{color:var(--muted)}select{border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);padding:10px 28px 10px 12px;font-size:14px;max-width:100%}.quiet{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:5px;padding:9px 13px;font-size:14px}.quiet:hover{background:#e5eadd}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}.inputs{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-title{padding:20px;display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-title h2{font-size:18px;margin:0}.panel-title span{font:12px var(--mono);color:var(--muted)}details{border-bottom:1px solid var(--line)}details:last-child{border-bottom:0}summary{padding:19px 21px;font-size:15px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}summary:before{content:'+';font-family:var(--mono);width:15px;color:var(--muted)}details[open]>summary:before{content:'−'}.controls{padding:0 21px 22px}.field{display:block;margin:0 0 16px}.field:last-child{margin-bottom:0}.field-label{font-size:14px;display:flex;justify-content:space-between;gap:8px;margin-bottom:7px;line-height:1.35}.field-label small{color:var(--muted);font:12px var(--mono);white-space:nowrap}.field input,.field select{width:100%}.field input{border:1px solid var(--line);border-radius:5px;background:#fcfdfa;color:var(--ink);font:15px var(--mono);padding:9px 10px;min-width:0}.field input:invalid{border-color:#b95336}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help{font-size:13px;line-height:1.5;color:var(--muted);margin:4px 0 16px}.help:last-child{margin-bottom:0}.controls hr{border:0;border-top:1px solid var(--line);margin:19px 0}.analysis{min-width:0;display:flex;flex-direction:column;gap:18px}.geometry-panel{background:#edf1e8;border:1px solid #dbe2d3;border-radius:9px;overflow:hidden}.section-top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px}.geometry-panel .section-top{padding:23px 25px 0;margin:0}h2{font-size:21px;letter-spacing:-.4px;line-height:1.25;margin:0;font-weight:500}.badge{font:12px var(--mono);color:var(--muted);border:1px solid #cdd8c7;border-radius:4px;padding:5px 8px}.geometry-panel svg{display:block;width:100%;height:245px}.diagram-footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:13px 25px;border-top:1px solid #dbe2d3;font-size:12px;color:var(--muted)}.diagram-footer span:last-child{margin-left:auto;font-family:var(--mono)}.orange{color:var(--orange)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{background:white;border:1px solid var(--line);border-radius:8px;padding:20px 22px}.metric:first-child{background:var(--green);border-color:var(--green);color:white}.metric label{display:block;font-size:14px;color:var(--muted)}.metric:first-child label,.metric:first-child .metric-foot{color:#d5e5c9}.metric-value{font:500 clamp(23px,2.6vw,34px)/1.25 var(--mono);display:block;margin:10px 0 6px;letter-spacing:-1px}.metric-value small{font:14px var(--sans);letter-spacing:0}.metric-foot{font-size:12px;color:var(--muted)}.result-panel{background:white;border:1px solid var(--line);border-radius:8px;padding:24px}.small-copy{font-size:14px;color:var(--muted);margin:4px 0 17px;line-height:1.55}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:right;font:14px var(--mono)}th{font:500 13px/1.5 var(--sans);color:var(--muted);border-bottom:1px solid var(--line);padding:11px 12px;white-space:nowrap}td{padding:15px 12px;border-bottom:1px solid #ebeee7;white-space:nowrap}td:first-child,th:first-child{text-align:left;padding-left:0}td:first-child{font:14px var(--sans);min-width:100px}tr:last-child td{border-bottom:0}.highlight-row td{background:#f1f5eb}.result-note{background:#f4f6ef;border-left:2px solid #b6ce9e;padding:11px 13px;font-size:13px;margin-top:16px;color:var(--muted)}#axis-table input{width:72px;padding:8px 5px;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:#fbfcf8;font:14px var(--mono)}#axis-table td,#axis-table th{padding:9px 8px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.lower-grid .section-top h2{font-size:19px}.lower-grid svg{width:100%;height:215px;display:block}#chart-note{font-size:13px;margin-bottom:0}.select-label{font-size:14px;color:var(--muted);margin-right:8px}.step{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.step:last-child{border:0}.step p{margin:3px 0 5px;font:14px var(--mono);overflow-wrap:anywhere}.step span{color:var(--muted);font-size:13px}.compact{padding:0}.compact summary{padding:21px 24px}.compact summary span{font-size:12px;color:var(--muted);font-weight:400;margin-left:auto}#material-results{padding:0 24px 24px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:0 24px 24px}.method-grid h3{font-size:16px;margin:0 0 9px}.method-grid p{font-size:14px;color:var(--muted);margin:0 0 12px}.export-row{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px;color:var(--muted)}.export-row div{display:flex;gap:8px}footer{border-top:1px solid var(--line);padding:24px 3.8vw;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px}footer span:first-child{font-family:var(--mono)}#error{background:#fff0e8;border:1px solid #d69070;border-radius:5px;padding:16px;font-size:14px}#error[hidden]{display:none}.invalid-results{opacity:.3;pointer-events:none}.warning{color:#a34625}
@media(min-width:1500px){.workspace{grid-template-columns:330px minmax(0,1fr)}.geometry-panel svg{height:270px}}@media(max-width:1100px){.workspace{grid-template-columns:280px minmax(0,1fr)}main{padding-left:24px;padding-right:24px}.lower-grid,.method-grid{grid-template-columns:1fr}.metric{padding:16px}.metric-value{font-size:24px}.edition,.preset-wrap label{display:none}.result-panel{padding:20px}.compact{padding:0}}@media(max-width:760px){header{min-height:68px;padding:12px 18px}.brand{font-size:14px;gap:7px}header>div{font-size:13px}.scope-tag{display:none}main{padding:26px 16px 38px}.heading p:last-child{font-size:14px}h1{letter-spacing:-1px}.workspace-bar{flex-wrap:wrap;gap:12px}.preset-wrap{flex:1;justify-content:flex-end}.preset-wrap select{max-width:230px;flex:1}.workspace{grid-template-columns:1fr}.metrics{gap:8px}.metric{padding:14px 10px}.metric label{font-size:12px}.metric-value{font-size:21px}.result-panel{padding:18px}.section-top{align-items:start}.section-top h2{font-size:19px}.geometry-panel svg{height:210px}.diagram-footer{padding:12px 16px;gap:10px}.diagram-footer span:last-child{width:100%;margin-left:0}.compact{padding:0}.export-row,footer{align-items:start;flex-direction:column}.export-row div{flex-wrap:wrap}summary{padding:16px 20px}}

@media(max-width:760px){.workspace{display:flex;flex-direction:column}.analysis{display:contents}.analysis>*{width:100%}.metrics{order:-2}.inputs{order:-1;width:100%}#error{order:-3}}