.flight-tuning-panel { --debug-accent: #8bdac5; }
.flight-tuning-panel header { display: flex; align-items: center; justify-content: space-between; }
.flight-tuning-panel header div { display: grid; gap: 2px; }
.flight-tuning-panel .rollegg-debug-panel-scroll { padding: 10px; }
.flight-tuning-panel button, .flight-tuning-panel input, .flight-tuning-panel select { font: inherit; font-size: 12px; color: #eef9fa; border: 1px solid #496169; border-radius: 5px; background: #152f39; min-width: 0; }
.flight-tuning-panel button { cursor: pointer; padding: 6px 7px; }
.flight-tuning-panel button:disabled { opacity: .45; cursor: default; }
.flight-tuning-panel button[aria-pressed="true"] { border-color: #8bdac5; background: #245044; }
.flight-tuning-panel button:focus-visible, .flight-tuning-panel input:focus-visible, .flight-tuning-panel select:focus-visible, .flight-tuning-panel [data-handle]:focus-visible { outline: 2px solid #f1c46e; outline-offset: 2px; }
.flight-tuning-toolbar, .flight-tuning-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.flight-tuning-toolbar span { font-size: 11px; flex: 1; }
.flight-tuning-panel output { display: block; font-size: 11px; line-height: 1.5; white-space: pre-line; }
.flight-tuning-panel [data-live] { margin: 7px 0; color: #d0e3e7; font-variant-numeric: tabular-nums; }
.flight-tuning-select { display: grid; font-size: 11px; gap: 5px; }
.flight-tuning-select select { width: 100%; padding: 7px 4px; }
.flight-tuning-panel svg { width: 100%; display: block; margin-top: 6px; touch-action: none; overflow: visible; }
.flight-tuning-panel svg text { font-size: 11px; fill: #bdced2; font-family: inherit; font-variant-numeric: tabular-nums; }
.flight-tuning-grid line { stroke: #39515a; stroke-width: .75; shape-rendering: crispEdges; }
.flight-tuning-panel svg path, .flight-tuning-panel svg line { vector-effect: non-scaling-stroke; }
.flight-tuning-curve { stroke: #8bdac5; stroke-width: 2.5; stroke-linejoin: round; }
.flight-tuning-baseline { stroke: #9aaab5; stroke-dasharray: 4 4; stroke-width: 1.5; }
.flight-tuning-live-line { stroke: #f1c46e; stroke-width: 1; opacity: .6; }
.flight-tuning-live-point { fill: #f1c46e; stroke: #142e37; stroke-width: 1; }
.flight-tuning-handle { fill: #8bdac5; stroke: #16392e; stroke-width: 1; }
.flight-tuning-panel svg .flight-tuning-handle-text { fill: #0b2520; font-size: 10px; font-weight: 700; pointer-events: none; }
.flight-tuning-panel [data-handle] { cursor: grab; }
.flight-tuning-panel [data-ewd-handle] { cursor: grab; }
.flight-tuning-panel [data-ewd-handle]:focus-visible { outline: 2px solid #f1c46e; outline-offset: 2px; }
.flight-tuning-panel svg .ewd-big-value { font-size: 32px; font-weight: 800; fill: #f1c46e; }
.flight-tuning-panel svg .ewd-caption { font-size: 10px; font-weight: 600; }
.flight-tuning-panel svg .ewd-track-title { font-weight: 650; fill: #e2eeef; }
.flight-tuning-panel svg .ewd-sample-label { font-size: 10px; }
.flight-tuning-panel .ewd-attitude-curve { stroke: #9ec5ff; }
.flight-tuning-panel .ewd-attitude-handle { fill: #9ec5ff; }
.flight-tuning-panel .ewd-start-line { stroke: #9ec5ff; stroke-width: 1; stroke-dasharray: 3 4; }
.flight-tuning-panel [data-ewd-fields] { margin-top: 6px; }
.flight-tuning-key { display: flex; justify-content: space-between; font-size: 10px; gap: 8px; color: #a9bac3; }
.flight-tuning-key span:first-child { color: #8bdac5; }
.flight-tuning-points { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 9px; }
.flight-tuning-points > div { display: grid; gap: 5px; }
.flight-tuning-points strong { font-size: 12px; }
.flight-tuning-points label { display: grid; grid-template-columns: 1fr 68px; align-items: center; font-size: 10px; gap: 3px; }
.flight-tuning-panel input[type="number"] { width: 100%; box-sizing: border-box; padding: 4px; font-variant-numeric: tabular-nums; }
.flight-tuning-panel p { font-size: 11px; line-height: 1.45; margin: 8px 0; color: #cadce0; }
.flight-tuning-panel .flight-tuning-note { color: #9bb2ba; font-size: 10px; }
.flight-tuning-panel details { border-top: 1px solid #29454f; margin-top: 9px; padding-top: 6px; }
.flight-tuning-panel summary { font-size: 12px; cursor: pointer; padding: 5px 0; }
.flight-tuning-field { display: grid; grid-template-columns: 1fr 70px; gap: 5px; margin: 9px 0 13px; }
.flight-tuning-field > span { grid-column: 1 / -1; font-size: 12px; }
.flight-tuning-field input[type="range"] { width: 100%; accent-color: #8bdac5; }
.flight-tuning-field small { grid-column: 1 / -1; font-size: 10px; color: #a2b9c0; line-height: 1.4; }
.flight-tuning-panel [data-status] { margin-bottom: 6px; color: #b9dcd2; }
.flight-tuning-panel [data-error="true"] { color: #ffc78f; }
.flight-tuning-panel [hidden] { display: none !important; }
@media (pointer: coarse) {
  .flight-tuning-panel button, .flight-tuning-panel select, .flight-tuning-panel input[type="number"], .flight-tuning-panel summary { min-height: 38px; }
  .flight-tuning-points label { grid-template-columns: 1fr; }
}
.flight-tuning-key .flight-tuning-live-key { color: #f1c46e; }

/* EWD keeps the true result visible while each editable diagram scrolls. */
.flight-tuning-panel .ewd-live-readout { padding: 8px 12px; border-bottom: 1px solid #39515a; display: grid; grid-template-columns: 1fr auto; gap: 3px 8px; flex: 0 0 auto; }
.flight-tuning-panel [data-ewd-caption] { font-size: 10px; align-self: center; color: #cadce0; }
.flight-tuning-panel [data-ewd-value] { font-size: 28px; font-weight: 800; color: #f1c46e; font-variant-numeric: tabular-nums; }
.flight-tuning-panel [data-ewd-context] { grid-column: 1 / -1; font-size: 10px; color: #cadce0; }
.flight-tuning-panel [data-ewd-section] { border-bottom: 1px solid #39515a; padding: 10px 0 14px; }
.flight-tuning-panel [data-ewd-section] h3 { margin: 2px 0; font-size: 13px; color: #eef9fa; }
.flight-tuning-panel [data-ewd-section] p { margin: 4px 0; }
.flight-tuning-panel [data-ewd-section] .flight-tuning-points label { grid-template-columns: 1fr; }
.flight-tuning-panel [data-ewd-section="attitude"] .flight-tuning-curve { stroke: #9ec5ff; }
.flight-tuning-panel [data-ewd-section="attitude"] .flight-tuning-handle { fill: #9ec5ff; }

.flight-tuning-panel header { flex-wrap: wrap; }
.flight-tuning-panel header .ewd-live-readout { flex-basis: 100%; padding: 5px 0 0; border: 0; }

.flight-tuning-panel header strong[data-ewd-value] { font-size: 28px !important; color: #f1c46e !important; }

.flight-tuning-panel [data-ewd-section] h4 { font-size: 12px; margin: 14px 0 5px; }