.galaxy-sim{border:1px solid var(--border,#aaa);border-radius:12px;padding:18px;margin:24px 0;font-family:var(--sans,sans-serif)}
.galaxy-sim .gs-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-bottom:12px}
.galaxy-sim label{display:block;font-size:14px;line-height:1.6}
.galaxy-sim select{width:100%;max-width:100%;padding:7px;background:var(--bg,#fff);color:inherit;border:1px solid #888;border-radius:4px}
.galaxy-sim input[type=range]{display:block;width:100%;accent-color:#e65100}
.galaxy-sim button{padding:6px 12px;margin:3px 4px 3px 0;background:var(--bg,#fff);color:inherit;border:1px solid #888;border-radius:5px;cursor:pointer;font-size:13px}
.galaxy-sim :focus-visible{outline:3px solid #e65100;outline-offset:3px}
.galaxy-sim canvas[data-view]{display:block;width:100%;max-width:560px;margin:8px auto;aspect-ratio:1;border-radius:8px;background:#fff;image-rendering:auto}
:root[data-theme="dark"] .galaxy-sim canvas[data-view]{background:#000}
.galaxy-sim .gs-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}
.galaxy-sim .gs-charts figure{margin:0}
.galaxy-sim .gs-charts canvas{display:block;width:100%}
.galaxy-sim figcaption,.galaxy-sim [data-readout],.galaxy-sim [data-status],.galaxy-sim .gs-legend{font-size:13px;line-height:1.6;margin:6px 0}
/* Only the controls that matter for the chosen galaxy type are shown. */
.galaxy-sim [data-only]{display:none}
.galaxy-sim[data-mode="multi"] [data-only~="self"],.galaxy-sim[data-mode="few"] [data-only~="self"],
.galaxy-sim[data-mode="barred"] [data-only~="self"],.galaxy-sim[data-mode="tidal"] [data-only~="self"],
.galaxy-sim[data-mode="tidal"] [data-only~="tidal"],.galaxy-sim[data-mode="wave"] [data-only~="wave"]{display:block}
@media(max-width:560px){.galaxy-sim{padding:10px}.galaxy-sim .gs-controls,.galaxy-sim .gs-charts{grid-template-columns:1fr}}