.scene-tool-window {
  --scene-tool-window-top: 5.75rem;
  --scene-tool-window-right: 27rem;
  position: fixed;
  top: var(--scene-tool-window-top);
  right: var(--scene-tool-window-right);
  max-height: calc(100vh - var(--scene-tool-window-top) - 1.5rem);
}

.scene-tool-window--display {
  --scene-tool-window-top: 7.75rem;
  --scene-tool-window-right: 28.5rem;
}

.scene-tool-window--layers {
  --scene-tool-window-top: 9.75rem;
  --scene-tool-window-right: 30rem;
}

.scene-tool-window--layout {
  --scene-tool-window-top: 11.75rem;
  --scene-tool-window-right: 31.5rem;
}

.nodedc-overlay:has(> .scene-tool-window[data-scene-active="true"]) {
  z-index: calc(var(--nodedc-layer-overlay) + 1);
}

.nodedc-overlay[data-placement="center"] {
  z-index: calc(var(--nodedc-layer-overlay) + 2);
}

.scene-window-state {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 0.5rem;
  color: var(--nodedc-text-secondary);
  font-size: var(--nodedc-font-size-sm);
  line-height: 1.3;
}

.scene-window-code {
  display: block;
  overflow: hidden;
  border-radius: var(--nodedc-radius-control-compact);
  background: var(--nodedc-field-bg);
  color: var(--nodedc-text-secondary);
  padding: 0.72rem 0.8rem;
  font-size: var(--nodedc-font-size-xs);
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.scene-window-note {
  margin: 0;
  color: var(--nodedc-text-muted);
  font-size: var(--nodedc-font-size-xs);
  line-height: 1.5;
}

@media (max-width: 44rem) {
  .scene-tool-window,
  .scene-tool-window--display,
  .scene-tool-window--layers,
  .scene-tool-window--layout {
    --scene-tool-window-top: 4.75rem;
    --scene-tool-window-right: 0.875rem;
    max-height: calc(100vh - 5.625rem);
  }
}

@media (min-width: 44.01rem) and (max-width: 70rem) {
  .scene-tool-window,
  .scene-tool-window--display,
  .scene-tool-window--layers,
  .scene-tool-window--layout {
    --scene-tool-window-top: 13.5rem;
    --scene-tool-window-right: 1.5rem;
    max-height: calc(100vh - 15rem);
  }
}
