2025-09-11 23:48:23 +00:00
|
|
|
html,
|
|
|
|
|
body {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
2025-11-14 06:55:58 +00:00
|
|
|
background: black;
|
2025-09-11 23:48:23 +00:00
|
|
|
}
|
|
|
|
|
|
2025-09-12 19:41:48 +00:00
|
|
|
html {
|
2025-11-29 17:08:20 +00:00
|
|
|
font-family:
|
|
|
|
|
system-ui,
|
|
|
|
|
-apple-system,
|
|
|
|
|
BlinkMacSystemFont,
|
|
|
|
|
"Segoe UI",
|
|
|
|
|
Roboto,
|
|
|
|
|
Oxygen,
|
|
|
|
|
Ubuntu,
|
|
|
|
|
Cantarell,
|
|
|
|
|
"Open Sans",
|
|
|
|
|
"Helvetica Neue",
|
|
|
|
|
sans-serif;
|
2025-09-12 19:41:48 +00:00
|
|
|
font-size: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
2025-11-14 06:55:58 +00:00
|
|
|
main {
|
2025-09-11 23:48:23 +00:00
|
|
|
width: 100vw;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
}
|
|
|
|
|
|
2025-09-12 17:30:40 +00:00
|
|
|
#controls {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
2025-11-14 07:41:10 +00:00
|
|
|
gap: 20px;
|
2025-09-11 23:48:23 +00:00
|
|
|
position: fixed;
|
2025-09-12 19:41:48 +00:00
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
2025-09-12 17:30:40 +00:00
|
|
|
background: rgba(0, 0, 0, 0.5);
|
|
|
|
|
color: #fff;
|
2025-09-12 19:41:48 +00:00
|
|
|
padding: 10px 12px 10px 8px;
|
|
|
|
|
border-radius: 0 0 4px 0;
|
|
|
|
|
font-size: 13px;
|
2025-09-12 17:30:40 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.CheckboxField {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
gap: 6px;
|
2025-09-11 23:48:23 +00:00
|
|
|
}
|
2025-11-14 07:41:10 +00:00
|
|
|
|
|
|
|
|
.Field {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
gap: 6px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#speedInput {
|
|
|
|
|
max-width: 80px;
|
|
|
|
|
}
|
2025-11-24 05:47:49 +00:00
|
|
|
|
|
|
|
|
.StaticShapeLabel {
|
|
|
|
|
background: rgba(0, 0, 0, 0.5);
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
white-space: nowrap;
|
2025-11-26 07:15:00 +00:00
|
|
|
padding: 1px 3px;
|
|
|
|
|
border-radius: 1px;
|
2025-11-24 05:47:49 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.StatsPanel {
|
|
|
|
|
left: auto !important;
|
|
|
|
|
right: 0;
|
|
|
|
|
}
|
2025-11-26 00:56:54 +00: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);
|
|
|
|
|
}
|