/* Loaded inside the cinematic hero's IDE shadow root, after the workspace's tokens, workspace, ladder and
   simulation stylesheets. Colours come from the host's Midnight palette; this file only sizes the workspace's
   routine view and simulation panel as one compact window. */

:host {
  display: block;
  color: var(--ink);
  font-family: Archivo, "Avenir Next", "Helvetica Neue", sans-serif;
}

.cine-ide-window {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: 0 30px 80px -24px rgb(0 0 0 / 90%);
  zoom: 0.6;
}

.cine-ide-window .routine-page,
.cine-ide-window .ladder-editor-layout,
.cine-ide-window .ladder-canvas,
.cine-ide-window .simulation-panel,
.cine-ide-window .simulation-session,
.cine-ide-window .sim-scroll {
  height: auto;
  min-height: 0;
  overflow: visible;
}

.cine-ide-window .simulation-panel {
  border-top: 1px solid var(--line);
  background: var(--surface);
}

.cine-ide-window .sim-toolbar {
  justify-content: space-between;
}

/* The rung highlights and the run clock carry the story; Watch stays in the workspace. */
.cine-ide-window .sim-scroll {
  display: none;
}