:root{--border:#b8b8b8;--bg:#f4f4f4;--accent:#2f5fa8;--accent-bg:#dce6f5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Atkinson Hyperlegible Next,system-ui,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:#1a1a1a;min-height:100vh;margin:0}#app{flex-direction:column;min-height:100vh;display:flex}header{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;padding:.75rem 1.5rem}.back-link{color:var(--accent);font-size:.85rem;font-weight:600;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}header h1{margin:.35rem 0 0;font-size:1.4rem}main{flex:1;grid-template-columns:minmax(320px,460px) minmax(420px,640px);justify-content:center;align-items:start;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;display:grid}@media (width<=900px){main{grid-template-columns:1fr}}#drawing{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:340px;padding:1rem;display:flex;position:sticky;top:1.5rem}.schwerpunkt-drawing{width:100%;max-width:420px;height:auto}.axis{stroke:#999;stroke-width:1px}.axis-label{fill:#666;font-size:12px}.part-shape{stroke:#4a4f55;stroke-width:1px;fill-opacity:.6}.part-centroid{fill:#333}.part-label{fill:#333;font-size:11px;font-weight:600}.guide{stroke:var(--accent);stroke-width:1px;stroke-dasharray:4 3}.centroid-marker circle{fill:none;stroke:var(--accent);stroke-width:1.5px}.centroid-marker line{stroke:var(--accent);stroke-width:1.5px}.centroid-label{fill:var(--accent);font-size:13px;font-weight:700}.drawing-hint{color:#777;margin:0;font-size:.9rem}#table-section{flex-direction:column;gap:1.25rem;display:flex}#parts-table{border-collapse:collapse;background:#fff;width:100%}#parts-table th,#parts-table td{border:1px solid var(--border);text-align:right;padding:.35rem .5rem;font-size:.9rem}#parts-table thead th{text-align:center;background:#eee;font-weight:600}#parts-table thead .unit{color:#777;font-size:.7rem;font-weight:400;display:block}#parts-table tbody th{text-align:center;background:#f6f6f6;font-weight:600}#parts-table input{text-align:right;border:1px solid var(--border);width:100%;min-width:4.5rem;font:inherit;border-radius:3px;padding:.25rem .35rem}#parts-table input:focus{outline:2px solid var(--accent);outline-offset:-1px}#parts-table td.computed{color:#333;background:#fafafa}#parts-table td.row-actions{text-align:center;padding:.2rem}#parts-table tfoot th,#parts-table tfoot td{background:#f0f0f0;font-weight:600}.remove-row{color:#b00020;cursor:pointer;background:0 0;border:none;padding:.1rem .5rem;font-size:1.1rem;line-height:1}.remove-row:hover:not(:disabled){background:#fbdada;border-radius:3px}.remove-row:disabled{color:#ccc;cursor:not-allowed}#add-row{border:1px solid var(--accent);color:var(--accent);cursor:pointer;font:inherit;background:#fff;border-radius:4px;align-self:flex-start;padding:.45rem .9rem;font-weight:600}#add-row:hover{background:var(--accent-bg)}#result h2{margin:0 0 .5rem;font-size:1.05rem}.result-table{border-collapse:collapse}.result-table th,.result-table td{border:1px solid var(--border);text-align:left;padding:.4rem .85rem}.result-table th{background:#eee;width:2.5rem}.result-table .result-formula{color:#555}.result-table .result-value{text-align:right;font-weight:700}.result-table .unit{color:#777;font-size:.85em}