2025-09-11 16:48:23 -07:00
|
|
|
html,
|
|
|
|
|
body {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
2025-11-13 22:55:58 -08:00
|
|
|
background: black;
|
2025-09-11 16:48:23 -07:00
|
|
|
}
|
|
|
|
|
|
2025-09-12 12:41:48 -07:00
|
|
|
html {
|
2025-11-29 09:08:20 -08:00
|
|
|
font-family:
|
|
|
|
|
system-ui,
|
|
|
|
|
-apple-system,
|
|
|
|
|
BlinkMacSystemFont,
|
|
|
|
|
"Segoe UI",
|
|
|
|
|
Roboto,
|
|
|
|
|
Oxygen,
|
|
|
|
|
Ubuntu,
|
|
|
|
|
Cantarell,
|
|
|
|
|
"Open Sans",
|
|
|
|
|
"Helvetica Neue",
|
|
|
|
|
sans-serif;
|
2025-09-12 12:41:48 -07:00
|
|
|
font-size: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
2025-11-13 22:55:58 -08:00
|
|
|
main {
|
2025-09-11 16:48:23 -07:00
|
|
|
width: 100vw;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
}
|
|
|
|
|
|
2025-09-12 10:30:40 -07:00
|
|
|
#controls {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
2025-11-13 23:41:10 -08:00
|
|
|
gap: 20px;
|
2025-09-11 16:48:23 -07:00
|
|
|
position: fixed;
|
2025-09-12 12:41:48 -07:00
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
2025-09-12 10:30:40 -07:00
|
|
|
background: rgba(0, 0, 0, 0.5);
|
|
|
|
|
color: #fff;
|
2025-09-12 12:41:48 -07:00
|
|
|
padding: 10px 12px 10px 8px;
|
|
|
|
|
border-radius: 0 0 4px 0;
|
|
|
|
|
font-size: 13px;
|
2025-09-12 10:30:40 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.CheckboxField {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
gap: 6px;
|
2025-09-11 16:48:23 -07:00
|
|
|
}
|
2025-11-13 23:41:10 -08:00
|
|
|
|
|
|
|
|
.Field {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
gap: 6px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#speedInput {
|
|
|
|
|
max-width: 80px;
|
|
|
|
|
}
|
2025-11-23 21:47:49 -08:00
|
|
|
|
|
|
|
|
.StaticShapeLabel {
|
|
|
|
|
background: rgba(0, 0, 0, 0.5);
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
white-space: nowrap;
|
2025-11-25 23:15:00 -08:00
|
|
|
padding: 1px 3px;
|
|
|
|
|
border-radius: 1px;
|
2025-11-23 21:47:49 -08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.StatsPanel {
|
|
|
|
|
left: auto !important;
|
|
|
|
|
right: 0;
|
|
|
|
|
}
|
2025-11-25 16:56:54 -08:00
|
|
|
|
|
|
|
|
.AxisLabel {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.AxisLabel[data-axis="x"] {
|
|
|
|
|
color: rgb(255, 153, 0);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.AxisLabel[data-axis="y"] {
|
|
|
|
|
color: rgb(153, 255, 0);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.AxisLabel[data-axis="z"] {
|
|
|
|
|
color: rgb(0, 153, 255);
|
|
|
|
|
}
|