#studyCanvas { display: block; width: 100%; height: 100%; touch-action: none; cursor: grab; }
#studyCanvas:active { cursor: grabbing; }
@media (max-width: 820px) {
  #studyCanvas { height: 56vh; min-height: 300px; }
}

.controls .pickwrap { margin-top: 0; }
#winSelect {
  width: 100%; margin-top: 4px; padding: 9px 10px;
  background: var(--panel2, #182720); color: #eafaf3;
  border: 1px solid rgba(255,255,255,0.18); border-radius: 8px;
  font: inherit; font-size: 14px; font-weight: 600;
}

.toggles { display: flex; flex-direction: column; gap: 7px; margin-top: 14px; }
.toggles button {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 10px; border-radius: 8px; cursor: pointer;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06); color: #d9eee5;
  font-size: 13px; font-weight: 700;
}
.toggles button[aria-pressed="false"] { opacity: 0.42; }
.toggles .sw { width: 13px; height: 13px; border-radius: 3px; flex: none; }

.map-labels .lab.dp {
  border-color: rgba(255,106,90,0.7);
}

.fixtype { display: grid; gap: 5px; margin-top: 12px; color: #d9eee5; font-size: 13px; font-weight: 700; }
.fixtype select {
  padding: 8px 10px; background: var(--panel2, #182720); color: #eafaf3;
  border: 1px solid rgba(255,255,255,0.18); border-radius: 8px; font: inherit; font-size: 13.5px; font-weight: 600;
}
.fixresult {
  margin: 12px 0 0; padding: 11px 12px; border-radius: 9px;
  background: rgba(245,197,66,0.10); border: 1px solid rgba(245,197,66,0.4);
  color: #f3e2b0; font-size: 13px; line-height: 1.5;
}
#tFix[aria-pressed="true"] { background: rgba(245,197,66,0.22); border-color: rgba(245,197,66,0.6); color: #fff; }