:root{font-family:Arial,Helvetica,sans-serif;color:#1c2d42;background:#eff3f7;font-synthesis:none;--ink:#162536;--muted:#617087;--cyan:#159ec2;--red:#c53c46;--border:#d9e1e9}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.45}button,input,select{font:inherit}button,summary,select,input[type=checkbox]{cursor:pointer}button{transition:background .15s,box-shadow .15s}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #25bce8;outline-offset:3px}input:focus,select:focus{outline:2px solid #1c93c2;outline-offset:1px}input[type=number]{font-variant-numeric:tabular-nums}button{border:0}h1,h2,p{margin:0}[hidden]{display:none!important}.masthead{background:var(--ink);color:white;display:flex;align-items:center;gap:48px;padding:24px 36px;border-bottom:3px solid #39bfdf}.brand{display:flex;gap:12px;align-items:center;font-weight:600;white-space:nowrap}.brand svg{width:34px;height:34px;color:#56cbe6}.brand small{display:block;font-size:12px;letter-spacing:.07em;color:#97aec5;font-weight:400}.heading h1{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.02em}.heading>span{color:#a6bacb;font-size:14px}.system-label{margin-left:auto;font-size:14px;color:#adc2d1;display:flex;gap:18px;align-items:center}.system-label b{border:1px solid #466079;padding:6px 10px;color:#d4edf8;font-weight:400;font-variant-numeric:tabular-nums}.workspace{max-width:1570px;margin:0 auto;padding:28px 32px 44px;display:grid;grid-template-columns:310px minmax(0,1fr);gap:30px;align-items:start}.controls{background:white;border:1px solid var(--border);border-radius:8px;padding:22px}.controls section+section{border-top:1px solid var(--border);margin-top:22px;padding-top:22px}.section-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-head>span{font-size:12px;color:#328dab;letter-spacing:.04em}.section-head h2{font-size:17px;font-weight:600}.controls label{display:block;font-size:14px;margin-bottom:12px;color:#485d73}.controls input:not([type=checkbox]),.controls select{width:100%;border:1px solid #cad5df;background:#fafcfe;border-radius:5px;padding:9px 10px;margin-top:5px;min-height:43px;color:#182d40;font-size:16px}.controls input::placeholder{color:#7c8999;font-size:14px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.input-row .wide{grid-column:1/-1}.field-note{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 14px}.material-note{font-size:14px;border-left:2px solid #6ac6dc;padding:4px 0 4px 10px;margin:3px 0 17px}.material-note span{color:var(--muted)}details summary{font-size:14px;font-weight:600;list-style-position:inside}.controls details{padding-top:18px;border-top:1px solid var(--border);margin:20px 0}.controls details[open] summary{margin-bottom:12px}.source-link{font-size:13px;color:#177da0}.controls .check-label{font-size:13px;display:flex;align-items:flex-start;gap:9px;line-height:1.5;color:var(--muted)}input[type=checkbox]{accent-color:#127f9e;width:16px;height:16px;margin:2px 0;flex-shrink:0}.text-button{background:none;color:#297594;font-size:14px;padding:8px 0}.results{min-width:0}.results-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;gap:16px}.eyebrow{font-size:12px;letter-spacing:.13em;color:var(--muted)}.results-heading h2{font-size:24px;font-weight:500;margin-top:4px;overflow-wrap:anywhere}.status{font-size:13px;border:1px solid #dac99c;background:#fff9e9;color:#856628;padding:5px 10px;border-radius:4px;white-space:nowrap}.status.ready{background:#eaf4f9;border-color:#bed9e9;color:#23647d}.status.error{border-color:#efc1c4;color:#a42d36;background:#fff0f1}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--border);border-radius:7px;background:white;margin-bottom:20px;overflow:hidden}.metrics>div{padding:17px 24px;border-right:1px solid var(--border)}.metrics>div:last-child{border:0}.metrics span{display:block;color:#63758b;font-size:14px}.metrics strong{font-size:34px;font-weight:500;display:block;letter-spacing:-.03em;margin-top:3px;font-variant-numeric:tabular-nums}.metrics small{font-size:16px;color:#7d8a9a;font-weight:400;letter-spacing:0}.drawing-card{border:1px solid var(--border);border-radius:8px;background:#fff;overflow:hidden}.drawing-toolbar{padding:0 20px;background:#fafcfd;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.tabs{display:flex;gap:20px;overflow-x:auto;min-width:0}.tabs button{white-space:nowrap}.tabs button{background:transparent;font-size:14px;color:#687a8f;padding:16px 2px 13px;border-bottom:3px solid transparent}.tabs button[aria-selected=true]{color:#167e9f;border-color:#168cae;font-weight:600}.drawing-unit{font-size:13px;color:#778799}.view-options{padding:12px 24px 0;min-height:40px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#65778c;font-size:13px}.view-options label{display:flex;align-items:center;gap:8px}.view-options select{font-size:14px;padding:5px;border:1px solid var(--border);border-radius:3px;max-width:190px}#drawing-panel{min-height:360px;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#ecf3f660 1px,transparent 1px),linear-gradient(90deg,#ecf3f660 1px,transparent 1px);background-size:24px 24px}#drawing{width:100%;max-width:820px;padding:6px 16px}#drawing svg{display:block;width:100%;height:auto;max-height:680px}.drawing-legend{padding:12px 24px;border-top:1px solid #e3eaf0;display:flex;gap:18px;align-items:center;flex-wrap:wrap;color:#65758a;font-size:12px}.drawing-legend span{display:flex;align-items:center;gap:6px}.drawing-legend span:last-child{margin-left:auto}.drawing-legend i{width:16px;height:2px}.glass-line{background:#199bc4}.dimension-line{background:#ce4148}.hardware-line{background:#162536}#messages{margin-top:16px}.message{padding:10px 14px;font-size:14px;border-left:3px solid #c7a559;background:#fffbef;color:#796239;margin:7px 0;line-height:1.5}.message.error{background:#fff1f2;color:#ae3440;border-color:#d4515b}.schedule,.exports,.hardware-list{margin-top:20px;border:1px solid var(--border);border-radius:7px;background:white;padding:20px 24px}.block-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.block-heading h2,.exports h2{font-size:18px;font-weight:600}.block-heading span{font-size:13px;color:var(--muted)}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th{font-weight:400;color:#718296;font-size:13px;padding:0 12px 10px 0;border-bottom:1px solid #dbe4ed}td{padding:12px 12px 12px 0;border-bottom:1px solid #edf1f5;font-variant-numeric:tabular-nums;white-space:nowrap}td:nth-child(2){white-space:normal}.pending{color:#997938}.calculation-chain{font-size:13px;color:#667a8e;margin-top:12px}.exports{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.exports p{font-size:13px;color:#708198;margin-top:5px}.export-buttons{display:flex;gap:8px;flex-wrap:wrap}.primary-button,.secondary-button,.icon-button{border-radius:5px;padding:10px 14px;font-size:14px;min-height:43px;white-space:nowrap}.primary-button{background:#166581;color:white}.primary-button:hover{background:#104c65}.secondary-button{background:#eef5f8;color:#21617b;border:1px solid #b6d0de}.secondary-button:hover{background:#e1eef4}.icon-button{background:white;color:#687b91;border:1px solid var(--border)}#export-status{width:100%;min-height:0}#export-status:empty{display:none}.hardware-list summary{font-size:15px}.hardware-list[open] summary{margin-bottom:12px}#formula{font-size:14px;background:#f5f8fa;padding:12px;margin:16px 0}footer{max-width:1506px;margin:0 auto;padding:0 0 24px;color:#748397;font-size:12px;display:flex;justify-content:space-between;gap:10px}.blank-drawing{padding:80px 30px;color:#8d6770;text-align:center}
@media(min-width:1400px){.workspace{grid-template-columns:330px minmax(0,1fr);gap:36px}.controls{padding:24px}#drawing{max-width:860px}.masthead{padding-left:max(36px,calc((100vw - 1498px)/2));padding-right:max(36px,calc((100vw - 1498px)/2))}}@media(max-width:1050px){.masthead{gap:30px;padding:20px 24px}.system-label{display:none}.workspace{padding:24px 20px;grid-template-columns:280px minmax(0,1fr);gap:20px}.controls{padding:18px}.metrics>div{padding:14px}.metrics strong{font-size:28px}.tabs{gap:14px}.drawing-toolbar{padding:0 16px}.view-options{padding:12px 16px 0}.drawing-legend span:last-child{margin-left:0}.exports{padding:18px}footer{padding:10px 20px 20px}}@media(max-width:760px){.masthead{flex-wrap:wrap;gap:15px;padding:18px 20px}.brand{font-size:14px}.brand small{display:none}.heading{width:100%;border-top:1px solid #344e67;padding-top:15px}.heading h1{font-size:23px}.workspace{display:flex;flex-direction:column;padding:18px 14px;gap:22px}.controls,.results{width:100%}.controls{padding:20px}.controls section{display:block}.controls section+section{margin-top:18px;padding-top:18px}.metrics>div{padding:13px 12px}.metrics strong{font-size:27px}.metrics span{font-size:12px}.metrics small{font-size:14px}.results-heading h2{font-size:22px}.status{font-size:12px}.eyebrow{font-size:11px}.tabs{gap:18px}.tabs button{font-size:13px}.drawing-toolbar{padding:0 12px}.drawing-legend{padding:12px 14px;gap:12px}#drawing-panel{min-height:220px}#drawing{padding:0 4px}#view-caption{display:none}.schedule{padding:18px 16px}.block-heading{align-items:flex-start;flex-wrap:wrap}.exports{padding:18px 16px}.export-buttons{width:100%}.export-buttons button{flex:1}.hardware-list{padding:18px 16px}.view-options{font-size:12px}footer{flex-direction:column;padding-left:14px;padding-right:14px}}@media(prefers-reduced-motion:reduce){button{transition:none}}
.controls form>details:first-child{margin-top:0;padding-top:0;border-top:0}

.masthead a.brand{color:inherit;text-decoration:none}