.simulation-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:calc(100vh - 142px);border:1px solid var(--line);background:#fff}.simulation-stage{display:grid;grid-template-rows:auto minmax(480px,1fr);min-width:0;border-right:1px solid var(--line)}.simulation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line)}.simulation-toolbar h2{margin:0;font-size:16px}.simulation-toolbar p{margin:2px 0 0;color:var(--muted);font-size:12px}.simulation-actions{display:flex;gap:8px;flex-wrap:wrap}.simulation-viewport{position:relative;min-height:480px;overflow:hidden;background:#e9eef0}.simulation-viewport canvas{display:block;width:100%;height:100%;touch-action:none}.simulation-controls{padding:18px;background:#f8fafb}.simulation-controls label{margin-bottom:18px}.simulation-controls input[type="range"]{padding:0;accent-color:var(--primary)}.simulation-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:22px}.simulation-readout span{display:grid;gap:2px;padding:9px 6px;border:1px solid var(--line);background:#fff;text-align:center;color:var(--muted);font-size:11px}.simulation-readout strong{color:var(--text);font-size:13px}.simulation-paper-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 18px}.simulation-progress-row{display:grid;gap:7px;margin-top:24px}.simulation-progress-row progress{width:100%;height:12px}.simulation-progress-row span{font-size:12px;color:var(--muted)}.simulation-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;color:var(--muted);font-size:12px}.simulation-legend i{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:2px;vertical-align:-1px}.simulation-legend .fixed{background:#78858b}.simulation-legend .axis-x{background:#1976a3}.simulation-legend .axis-y{background:#cf7a22}.simulation-legend .axis-z{background:#b33d5c}@media(max-width:900px){.simulation-layout{grid-template-columns:1fr}.simulation-stage{border-right:0;border-bottom:1px solid var(--line)}.simulation-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.simulation-readout,.simulation-paper-actions,.simulation-progress-row,.simulation-legend{grid-column:1/-1}}@media(max-width:560px){.simulation-toolbar{align-items:flex-start;flex-direction:column}.simulation-actions{width:100%}.simulation-actions button{flex:1}.simulation-stage{grid-template-rows:auto minmax(360px,55vh)}.simulation-viewport{min-height:360px}.simulation-controls{grid-template-columns:1fr}.simulation-readout,.simulation-paper-actions,.simulation-progress-row,.simulation-legend{grid-column:1}}