:root{--ink:#292722;--muted:#756f64;--amber:#dba822;--line:#e4e0d6;--teal:#8d6a18}
body{background:#f7f6f2;color:var(--ink)}
header{height:112px;background:#fffefa;color:var(--ink);border-bottom:1px solid var(--line);gap:24px}
.brand{gap:16px;letter-spacing:0;flex-shrink:0}
/* Display the original emblem and wordmark; replace only the tagline in HTML. */
.brand-logo{display:block;overflow:hidden;width:116px;aspect-ratio:1.55;flex-shrink:0}
.brand-logo img{display:block;width:100%;height:auto;transform:translateY(-13.5%)}
.brand-copy{font-size:10px;font-weight:650;color:#83776a;letter-spacing:1.7px;line-height:1.7}
.brand-copy>span{display:block;font-size:19px;font-weight:750;letter-spacing:.5px;color:#3d382f}
.version{color:#8a8171;border-color:#ded7c8;background:#f6f3eb;letter-spacing:.7px}
.header-actions button{background:white;color:var(--ink);border-color:#ddd7c9}
.header-actions .primary{background:var(--amber);border-color:var(--amber);color:#332a12}
button:hover{background:#faf7ee;border-color:#bfb5a1}.mode{background:#ede9e0}.mode .active{background:#544b38;border-color:#544b38;color:white}
.panel,.metrics>div{background:#fffefa;border-color:var(--line);box-shadow:0 2px 6px #493e2203}
.eyebrow{color:#988348}.tag{background:#f2ede0;color:#857447}
input:not([type=range]):not([type=checkbox]),textarea,select{background:#fbfaf6;border-color:#e2ded3}.control input[type=number]{background:#f6f3eb;color:var(--ink)}
.drawing{background:#fcfbf7;border-color:var(--line)}.drawing-toolbar{background:#fffefa}.drawing-footer{background:#fffefa}.dot{background:#af8b31}.teal-bg{background:#9b8756}
.notice{background:#f5f1e5;border-color:#e5dcc3;color:#776236}.notice.alert{background:#fff1e5;border-color:#ecd0ae;color:#88542b}
.obstacle-row{background:#faf9f5;border-color:var(--line)}.checkbox-label input{accent-color:#a27b22}
.capacity-live{background:#fffefa;color:var(--ink);border:1px solid #e4dcc7;border-top:3px solid #dba822;box-shadow:0 3px 12px #54432205}
.capacity-live small,.capacity-live .load-entry label{color:#81745b}.capacity-live strong,.capacity-live .live-radius strong,.capacity-live>div:first-child strong,.capacity-live>div:nth-child(2) strong{color:#4b4030}
.capacity-live p,.capacity-live .radius-reference,.capacity-live .load-deflection{color:#7d735f}.capacity-live #telescopingStatus{color:#756949}
.capacity-live .load-entry,.capacity-live #capacityConfig,.capacity-live #telescopingStatus,.capacity-live .load-deflection{border-color:#e8e0cf}
.capacity-live .load-entry input{background:#faf7ee;color:#3e382a;border-color:#ddd4bd}
.capacity-live.at-limit{background:#fff4d4;border-color:#d1ab46}.capacity-live.at-limit #liveUtilization{color:#8c640c}
.capacity-live.overload{background:#fff0eb;border-color:#d49c85}.capacity-live.overload strong{color:#a34427!important}.capacity-live.overload p{color:#884e38}
.preset-library{background:#f6f2e7;border-color:#e0d4b6}.preset-library p{color:#776b51}.preset-library a{color:#8a651b}.preset-library h3{color:#54452a}
.file-button,.chart-actions .primary{background:#655332;color:white;border-color:#655332}th{background:#f3efe4}td.current{background:#f8e9bc}
#toast{background:#423c30}.boundary{color:#817a6b}.boundary strong{color:#68604f}.load-line strong{color:#96711c}
@media(max-width:1000px){header{gap:16px;padding-left:3vw;padding-right:3vw}.brand{gap:10px}.brand-logo{width:100px}.brand-copy{font-size:9px}.brand-copy>span{font-size:17px}.header-actions button{font-size:12px;padding:9px 10px}}
@media(max-width:740px){header{height:auto;min-height:110px;padding:14px 4vw;gap:12px}.brand-logo{width:96px}.brand-copy{font-size:8px;letter-spacing:1px}.brand-copy>span{font-size:16px}.version{font-size:8px;padding:4px 6px}.header-actions{gap:7px}.header-actions button{font-size:11px;padding:9px 7px}}
@media print{header{height:90px;background:white;color:#292722;padding:5px 0}.brand-logo{width:100px}.brand-copy{font-size:9px}.brand-copy>span{font-size:17px}.panel,.metrics>div,.capacity-live{box-shadow:none;background:white}.capacity-live.overload{background:white;border-color:#d49c85}.capacity-live.at-limit{background:white;border-color:#d1ab46}.capacity-live p,.capacity-live .radius-reference,.capacity-live .load-deflection{color:#685f4c}.brand-logo img{print-color-adjust:exact}}

/* Reading comfort: warm tinted surfaces, larger type and stronger contrast. */
:root{--muted:#5c5548;--line:#d7cebb}html{scroll-behavior:smooth}body{background:#ebe4d4;font-size:15px;font-weight:500;line-height:1.65}
header{height:auto;min-height:112px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap;background:#f5eddb}
.panel,.metrics>div,.drawing-toolbar,.drawing-footer{background:#f8f2e6}.capacity-live{background:#f6edda;border-color:#d7c59f}.drawing{background:#f5f0e4}
label,.control label,.checkbox-label{font-size:13px;font-weight:700;color:#514a3e}.muted,.tip,.empty,.text-button,.notice,.study-geometry,.load-line,.boundary,.boundary p,#manualStatus,.preset-library p,.preset-library a,.manual-toolbar a,.chart-checks label,.chartImportStatus{font-size:13px;font-weight:550;line-height:1.65;color:#5c5548}
button,.presets button,.obstacle-panel button,.header-actions button,.study .panel-heading button{font-size:13px;font-weight:700}.control{margin-top:22px}.control-top{gap:8px}.control-value{font-size:12px}.control input[type=number]{width:76px;font-size:14px}.range-ends{font-size:11px;color:#756b59;font-weight:600}
h2{font-size:17px;font-weight:750}.eyebrow{font-size:11px;font-weight:750;color:#806a36}.tag{font-size:10px}.metrics small,.capacity-live small{font-size:11px;font-weight:750;letter-spacing:.4px;color:#66573e}.metrics strong,.capacity-live strong{font-size:27px}.metrics strong span{font-size:14px;font-weight:600}
.capacity-live p,.capacity-live .radius-reference,.capacity-live .load-deflection,.capacity-live #telescopingStatus{font-size:13px;font-weight:550;line-height:1.7;color:#574c37}.capacity-live .load-deflection strong{font-size:13px;font-weight:800}.capacity-live .load-entry label{font-size:12px;font-weight:700;color:#574c37}.capacity-live .load-entry input{font-size:14px}
.drawing-toolbar,.drawing-footer{font-size:12px;font-weight:600}.drawing-toolbar label{font-size:12px}#scene text{font-weight:600}
input:not([type=range]):not([type=checkbox]),textarea,select{background:#fffbf1;border-color:#d7cdb9;font-weight:550;font-size:14px}.table-input-label textarea{font-size:13px}.preset-library{background:#efe4cc;border-color:#cfbd94}.preset-library h3{font-size:16px}.file-button{font-size:13px}.manual-preview pre{font-size:13px}.obstacle-row{background:#f2eddf}.obstacle-row label{font-size:12px}.load-line span{font-size:13px}.boundary strong{font-size:14px}.chart-selection label{font-size:13px}summary{font-size:15px;font-weight:750}th,td{font-size:13px}footer{font-size:12px}
.header-actions .help-link{display:flex;align-items:center;justify-content:center;border:1px solid #c9b789;border-radius:7px;padding:9px 13px;font-size:13px;font-weight:750;text-decoration:none;background:#ede0bd;color:#57431d}.help-link:focus-visible,.back-to-app:focus-visible{outline:3px solid #b18a32;outline-offset:3px}
.help-section{margin-top:22px;background:#f5eedc;scroll-margin-top:20px}.help-section h2{font-size:21px}.help-intro{max-width:850px;color:#5b5141;font-size:15px}.help-section details{margin-top:10px;border-color:#d9ccb0}.help-section summary{font-size:15px;padding:15px 5px;line-height:1.6;color:#493c25}.help-section details[open] summary{color:#73551a}.help-content{padding:0 5px 12px;max-width:1050px;font-size:14px;font-weight:500;line-height:1.8;color:#514737}.help-content p{margin:5px 0 14px}.help-table{overflow-x:auto;margin:15px 0}.help-table th,.help-table td{text-align:left;font-size:13px;line-height:1.65;vertical-align:top;padding:10px 12px}.help-table th{background:#e9dbb8}.help-table td:first-child{font-weight:750;min-width:155px}.back-to-app{font-size:13px;font-weight:700;color:#80611e;white-space:nowrap}
@media(max-width:1000px){.workspace{grid-template-columns:280px minmax(0,1fr);gap:16px}.header-actions{width:100%;margin-left:0}.version{margin-left:auto}.header-actions button,.header-actions .help-link{flex:1}.metrics strong,.capacity-live strong{font-size:24px}.metrics small,.capacity-live small{font-size:10px}}
@media(max-width:740px){body{font-size:15px}.workspace{display:flex;gap:14px}.header-actions{flex-wrap:wrap}.header-actions button,.header-actions .help-link{flex:1 1 calc(50% - 7px);font-size:13px;padding:10px 8px}.metrics small{font-size:10px;letter-spacing:0}.metrics strong{font-size:22px}.capacity-live small{font-size:11px}.capacity-live strong{font-size:25px}.drawing-footer{font-size:10px;gap:8px}.obstacle-row label{font-size:12px}.obstacle-row input,.obstacle-row select{font-size:14px}.file-button{font-size:12px}.help-section .panel-heading{align-items:flex-start;flex-wrap:wrap}.help-section h2{font-size:19px}.help-section summary{font-size:14px}.help-content{font-size:14px}.help-table th,.help-table td{font-size:12px}.drawing-toolbar label{font-size:12px}}
@media print{html{scroll-behavior:auto}body{background:white;font-size:11px;font-weight:400}.panel,.metrics>div,.capacity-live,.drawing-toolbar,.drawing-footer{background:white}.help-section{display:none!important}header{min-height:0;background:white}.muted,.tip,.notice,.study-geometry,.load-line,.boundary,.boundary p,.capacity-live p,.capacity-live .radius-reference,.capacity-live .load-deflection,.capacity-live #telescopingStatus{font-size:11px}.metrics strong,.capacity-live strong{font-size:22px}.study-fields label{font-size:11px}input:not([type=range]):not([type=checkbox]),textarea,select{font-size:11px}.metrics small,.capacity-live small{font-size:9px}h2{font-size:15px}th,td{font-size:11px}}
.table-position-control .checkbox-label{font-size:13px;font-weight:700}#chartImportStatus,#presetStatus,#manualEntryStatus{font-size:13px;line-height:1.65;font-weight:550}.chart-checks label{color:#514a3e}.boundary-icon{color:#695e48;border-color:#a79a7d}
@media print{#presetStatus,#chartImportStatus,#manualEntryStatus{font-size:11px}}