/* Canvas content density (scoped design-system exception "theater-canvas-density"): system monospace for
   terminal data, header and insets scaled with the field, corners proportional to the field size, the
   terminal palette and the bright yellow selection frame. Application controls stay in theater.css. */
.Theater{--theater-mono:"SF Mono",SFMono-Regular,Menlo,Monaco,Consolas,monospace;--theater-bg:#000000;--theater-panel:#25282d;--theater-text:#ffffff;--theater-line:#636a72;--theater-green:#619c7e;--theater-red:#c77a82;--theater-blue:#1f91ff;--theater-selection:#ffff00}
.TheaterGrid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--grid-columns,8),minmax(0,1fr));grid-template-rows:repeat(var(--grid-rows,6),minmax(0,1fr));gap:clamp(2px,.4vw,8px);padding:clamp(2px,.4vw,8px);touch-action:none;user-select:none;color-scheme:dark}
.TheaterTile{--cell-font:4px;--cell-pad:clamp(1px,.35em,4px);position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;overflow:hidden;text-align:left;font:400 var(--cell-font)/1.25 var(--theater-mono);color:var(--terminal-color,var(--theater-text));background:var(--theater-panel);border:1px solid var(--theater-line);border-radius:var(--cell-radius,0px);touch-action:none;cursor:pointer}
.TheaterTileHead{display:flex;justify-content:space-between;gap:1em;flex:none;min-height:0;padding:var(--cell-pad) calc(var(--cell-pad)*2);font:inherit;line-height:1.3;white-space:nowrap;border-bottom:1px solid var(--theater-line)}
.TheaterTile pre{flex:1;min-height:0;margin:0;padding:var(--cell-pad) calc(var(--cell-pad)*2);overflow:hidden;font:inherit;white-space:pre;font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0;letter-spacing:0;tab-size:4}
.Theater[data-mode=design] .TheaterTile[aria-pressed=true]{outline:3px solid var(--theater-selection);outline-offset:-3px}
.Theater[data-mode=design] .TheaterTile[aria-pressed=true] .TheaterTileHead{background:var(--theater-selection);color:var(--theater-panel)}
.TheaterTilePlaceholder{background:var(--theater-panel);border:1px dashed var(--theater-line);border-radius:var(--cell-radius,0px)}
.TheaterAscii pre{flex:none;padding:0;font:400 var(--ascii-font,var(--cell-font))/1.2 var(--theater-mono)}
.TheaterWorkflowSvg .node rect,.TheaterWorkflowSvg .node polygon{fill:var(--theater-panel);stroke:var(--theater-line);stroke-width:1.5px}
.TheaterWorkflowSvg text{fill:var(--theater-text);font:400 14px var(--ds-font)}
.TheaterWorkflowSvg .flowchart-link{fill:none;stroke:var(--theater-line);stroke-width:2px}
.TheaterWorkflowSvg .TheaterWorkflowArrow{fill:var(--theater-line)}
.TheaterWorkflowSvg .TheaterWorkflowArrow.is-active{fill:var(--theater-text)}
.TheaterWorkflowSvg .TheaterWorkflowArrow.is-error{fill:var(--theater-red)}
.TheaterWorkflowSvg .TheaterWorkflowEdgeLabel{fill:var(--theater-line);stroke:var(--theater-panel);stroke-width:6px;paint-order:stroke;stroke-linejoin:round}