:root{color-scheme:dark;--ink:#101820;--panel:#1b2832;--panel2:#23323d;--line:#34444c;--paper:#eef2ed;--muted:#a9b9bc;--accent:#b7d66a;--green:#78bf5a;--red:#ee5b45;--pink:#df51d5}*{box-sizing:border-box}body{margin:0;color:var(--paper);background:var(--ink);font-family:SpaceGrotesk,"Segoe UI",Arial,sans-serif;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.tool-header{display:flex;align-items:center;justify-content:space-between;min-height:4rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--line);background:#101820}.tool-header a{color:var(--accent);font-weight:800;text-decoration:none}.tool-header strong{font-size:1rem}.tool-page{max-width:1500px;margin:auto;padding:1.25rem}.tool-hero{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin:1.5rem 0 2rem}.tool-hero h1{margin:0;font-size:clamp(2.4rem,5vw,5rem);line-height:1}.tool-hero p{max-width:38rem;margin:0;color:var(--muted)}.eyebrow{margin:0 0 .6rem;color:var(--accent);font-size:.75rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.panel{border:1px solid var(--line);background:var(--panel)}.button,.mode-button{min-height:2.6rem;padding:.55rem .8rem;color:var(--paper);background:transparent;border:1px solid var(--line);font-weight:750}.button:hover,.button:focus-visible,.mode-button:hover,.mode-button:focus-visible{border-color:var(--accent)}.button-primary,.mode-button[aria-pressed="true"]{color:#101820;background:var(--accent);border-color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ifc-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem}.drop-zone{display:grid;place-items:center;min-height:20rem;padding:2rem;text-align:center;border:1px dashed #78908a}.drop-zone.dragging{border-color:var(--accent);background:var(--panel2)}.file-label{font-size:1.25rem;font-weight:800;text-decoration:underline;cursor:pointer}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.drop-zone span{color:var(--muted)}.text-button{padding:.5rem;color:var(--accent);background:transparent;border:0;text-decoration:underline}.status-box{display:grid;place-items:center;min-height:20rem;padding:2rem;text-align:center}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:1rem 0 0;border:1px solid var(--line)}.results-grid div{padding:1rem;border-right:1px solid var(--line)}.results-grid div:last-child{border:0}.results-grid dt{color:var(--muted);font-size:.75rem;text-transform:uppercase}.results-grid dd{margin:.2rem 0 0;font-size:1.15rem;font-weight:800}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.detail-grid section{padding:1.25rem;border:1px solid var(--line);background:var(--panel)}.detail-grid h2{margin:0;font-size:1.2rem}.data-list{margin:1rem 0 0;padding:0;list-style:none}.data-list li{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-top:1px solid var(--line)}.data-list strong{color:var(--accent)}.designer{display:grid;grid-template-columns:19rem minmax(0,1fr) 22rem;gap:1rem;align-items:start}.toolbar,.inspector{padding:1rem}.toolbar h2,.inspector h2{margin:0 0 1rem;font-size:1rem}.control-group{margin-bottom:1.2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line)}.control-group:last-child{margin:0;border:0}.control-group legend{margin-bottom:.5rem;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.button-grid.one{grid-template-columns:1fr}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}label{display:grid;gap:.25rem;color:var(--muted);font-size:.75rem;font-weight:750}input,select{width:100%;padding:.5rem;color:var(--paper);background:#111e28;border:1px solid var(--line)}.canvas-panel{min-width:0;overflow:hidden}#designer-canvas{display:block;width:100%;height:auto;min-height:680px;background:#14232d;touch-action:none}.canvas-footer{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1rem;color:var(--muted);border-top:1px solid var(--line);font-size:.8rem}.legend{display:flex;flex-wrap:wrap;gap:.75rem}.legend span:before{content:"";display:inline-block;width:.7rem;height:.7rem;margin-right:.35rem;background:currentColor}.legend .compression{color:var(--green)}.legend .tension{color:var(--red)}.legend .soft{color:var(--pink)}.status{margin:0 0 1rem;padding:.8rem;color:var(--muted);background:#111e28;border-left:3px solid var(--accent);font-size:.84rem}.stat-grid{display:grid;grid-template-columns:1fr 1fr;margin-bottom:1rem;border:1px solid var(--line)}.stat-grid div{padding:.65rem}.stat-grid small{display:block;color:var(--muted)}.stat-grid strong{font-variant-numeric:tabular-nums}.table-wrap{max-height:270px;overflow:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:.75rem}th,td{padding:.5rem;text-align:left;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}th{position:sticky;top:0;background:var(--panel2)}.inspector details{margin-top:1rem;border-top:1px solid var(--line)}.inspector summary{padding:1rem 0;font-weight:800;cursor:pointer}.coord-row{display:grid;grid-template-columns:2.2rem 1fr 1fr;gap:.35rem;align-items:center;margin-bottom:.35rem}.coord-row input{padding:.35rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1150px){.designer{grid-template-columns:17rem minmax(0,1fr)}.inspector{grid-column:1/-1}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}}@media(max-width:760px){.tool-hero,.ifc-layout{display:grid;grid-template-columns:1fr}.designer{grid-template-columns:1fr}.toolbar{order:2}.canvas-panel{order:1}.inspector{order:3}.button-grid{grid-template-columns:1fr 1fr}.results-grid{grid-template-columns:1fr 1fr}.detail-grid,.inspector-grid{grid-template-columns:1fr}#designer-canvas{min-height:460px}.canvas-footer{display:block}.tool-header strong{display:none}}