.grid-editor{margin:0 30px 20px;background:#fff;border:1px solid #dce6eb;border-radius:12px;overflow:hidden}.grid-heading{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}.grid-heading h2{font-size:20px}.grid-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:10px 18px;background:#f7fafb;border-block:1px solid #e1e9ed}.grid-toolbar button{font-size:12px;padding:9px 12px}.grid-toolbar button.active{background:#137e74;border-color:#137e74;color:white}.grid-body{display:grid;grid-template-columns:minmax(0,1fr) 245px}.grid-stage{min-width:0}.grid-viewbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 15px;font-size:11px;border-bottom:1px solid #e1e9ed}.grid-viewbar label{display:flex;align-items:center;gap:6px}.grid-viewbar select{padding:5px;border:1px solid #d8e2e8;border-radius:5px;background:white}.grid-viewbar button{padding:5px 9px;font-size:11px}#grid-coordinates{margin-left:auto;font-variant-numeric:tabular-nums;color:#527080}.grid-surface{width:100%;aspect-ratio:1000/560;background:#fcfdff;touch-action:none;user-select:none;overflow:hidden}.grid-surface svg{display:block;width:100%;height:100%}.grid-surface[data-tool=pan]{cursor:grab}.grid-surface[data-tool=node],.grid-surface[data-tool=member],.grid-surface[data-tool=split]{cursor:crosshair}.grid-minor{stroke:#e5edf3;stroke-width:1}.grid-axis{stroke:#b2c4d1;stroke-width:1.6}.grid-tick{fill:#90a2ae;font:12px 'Segoe UI',sans-serif;pointer-events:none}.grid-member{stroke:#304d5d;stroke-width:5;fill:none;stroke-linecap:round}.grid-hit{stroke:transparent;stroke-width:20;fill:none}.grid-dot{fill:#fff;stroke:#126f76;stroke-width:2.5}.grid-label{fill:#315469;font:13px 'Segoe UI',sans-serif;paint-order:stroke;stroke:#fcfdff;stroke-width:4px;stroke-linejoin:round}.grid-load-label{fill:#a1512c;font:12px 'Segoe UI',sans-serif;paint-order:stroke;stroke:#fcfdff;stroke-width:4px}.grid-force{stroke:#bf6536;stroke-width:2;fill:none}.grid-support{stroke:#4f7384;stroke-width:2;fill:#fff}.grid-entity{cursor:pointer}.grid-node{cursor:grab}.selected-grid .grid-member,.selected-grid .grid-dot,.selected-grid .grid-force{stroke:#04a791;stroke-width:4}.selected-grid.grid-support{stroke:#04a791;stroke-width:3}.selected-grid .grid-label{fill:#048e7c;font-weight:700}.grid-inspector{border-left:1px solid #e1e9ed;padding:18px;background:#fbfcfd}.grid-inspector h3{font-size:13px;margin:0 0 20px}.grid-fields strong{display:block;font-size:21px;margin-bottom:14px}.grid-fields label{display:block;font-size:11px;color:#637c8b;margin:12px 0}.grid-fields input,.grid-fields select{width:100%;padding:9px;border:1px solid #d9e3ea;background:white;border-radius:5px;margin-top:6px;color:#263e50}.grid-fields p{font-size:11px;line-height:1.8;color:#7c91a0}.grid-delete{margin-top:14px;color:#ad493b;width:100%}.grid-help{margin:0;padding:12px 16px;background:#f1f8f7;border-top:1px solid #dceae6;color:#427568;font-size:12px;min-height:44px;line-height:1.6}.grid-expanded{position:fixed;inset:8px;z-index:100;margin:0;overflow:auto;box-shadow:0 0 0 100vmax #17324877}.grid-expanded .grid-surface{max-height:calc(100vh - 235px)}.mechanics-layout.with-grid{display:flex;flex-direction:column}.with-grid .mechanics-editor,.with-grid .mechanics-output{width:100%}.with-grid .mechanics-editor{padding:0}.with-grid .mechanics-editor details{border:0}.with-grid .mechanics-editor details>h2,.with-grid .mechanics-editor details>p,.with-grid #editor-tables{margin:16px 24px}.with-grid .mechanics-output #planar-drawing{max-width:1100px;margin:auto}.with-grid #planar-solution{max-width:1100px;margin:auto}@media(max-width:760px){.grid-editor{margin:0 12px 15px}.grid-heading{flex-wrap:wrap;padding:14px}.grid-body{grid-template-columns:1fr}.grid-inspector{border-left:0;border-top:1px solid #e1e9ed}.grid-fields{display:flex;flex-wrap:wrap;gap:10px;align-items:start}.grid-fields label{width:130px;margin:0}.grid-fields p{max-width:240px}.grid-delete{width:auto}.grid-toolbar{padding:8px}.grid-toolbar button{padding:8px;font-size:11px}.grid-viewbar{gap:6px}.grid-surface{min-height:300px;aspect-ratio:auto}.grid-surface svg{aspect-ratio:1000/560}.grid-heading h2{font-size:17px}}[hidden]{display:none!important}