/* Race track editor extras, on top of the Box Arena editor styles (/mapeditor/editor.css). */
.race-editor .center { display: flex; flex-direction: column; }
.race-editor .profilewrap { position: relative; height: 120px; border-top: 1px solid #2a303b; background: #151920; }
.race-editor #profile { width: 100%; height: 100%; display: block; cursor: ns-resize; }
.race-editor .proftitle { position: absolute; left: 30px; top: 4px; color: #94a3b8; font-size: 11px; pointer-events: none; }
.race-editor #plan { cursor: grab; }
.race-editor .facts { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 12px; }
.race-editor .facts div { border: 1px solid #e2e8f0; border-radius: 8px; padding: 6px 9px; }
.race-editor .facts small { display: block; color: #64748b; font-size: 10.5px; text-transform: uppercase; letter-spacing: .04em; }
.race-editor .facts b { font-size: 14px; }
.race-editor .preview { height: 230px; }
.race-editor.ro .toolbar .tool[data-tool="add"] { opacity: .45; pointer-events: none; }
.race-editor .props input[type=range] { margin: 4px 0 0; }
.race-editor .center { user-select: none; -webkit-user-select: none; }
.race-editor .grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0 8px; }
.race-editor .btnrow button.on { background: #0f172a; color: #fff; border-color: #0f172a; }
.race-editor .toolbar .tool { white-space: nowrap; }
/* Simple mode: just draw the track (the Full-only controls are hidden) */
.race-editor .simple-only { display: none; }
.race-editor.simple .simple-only { display: inline; }
.race-editor.simple .full-only { display: none !important; }
.race-editor .modesw { display: inline-flex; }
.race-editor .modesw button { border-radius: 0; margin-left: -1px; }
.race-editor .modesw button:first-child { border-radius: 7px 0 0 7px; margin-left: 0; }
.race-editor .modesw button:last-child { border-radius: 0 7px 7px 0; }
.race-editor .modesw button.on { background: #ff6a2b; color: #fff; border-color: #ff6a2b; position: relative; }
.race-editor .muted { color: #94a3b8; font-weight: 400; }
.race-editor #plan { touch-action: none; }
@media (max-width: 820px) {
  .race-editor { display: flex; flex-direction: column; height: auto; }
  .race-editor .center { order: 1; height: 72vh; min-height: 380px; }
  .race-editor .panel.right { order: 2; border-left: 0; border-top: 1px solid #e2e8f0; }
  .race-editor .panel.left { order: 3; border-right: 0; border-top: 1px solid #e2e8f0; }
  .race-editor .preview { height: 200px; }
}