/* Demo refinements: readable controls, consistent surfaces and a quiet turquoise accent. */
.studio-page{--demo-ink:#254e4b;--demo-accent:#45b6af}
.studio-page .page-heading h1{letter-spacing:-.8px;font-weight:620}
.studio-page .workspace-sidebar nav a{font-size:12px;line-height:1.4;min-height:44px}
.studio-page .control-dock .dataset-detail{font-size:11px;line-height:1.65;color:#5d7975;overflow-wrap:anywhere}
.studio-page .control-dock .section-heading h2{font-size:14px;font-weight:650}
.studio-page .control-dock .field-label{font-size:10px;font-weight:600;letter-spacing:.8px}
.studio-page .control-dock select{font-size:12px;min-height:37px}
.studio-page .control-dock .panel{padding:17px 14px}
.studio-page .control-dock .button{min-height:36px;font-weight:600}
.studio-page .control-dock .playback-controls{gap:5px}.studio-page .control-dock .playback-controls .square{width:29px;min-width:29px;padding:5px}.studio-page .control-dock #startButton{font-size:11px;white-space:nowrap;padding-left:7px;padding-right:7px;gap:5px}
.studio-page .control-dock input:not([type=range]):not([type=checkbox]),.placement-panel input{width:100%;border:1px solid #c5deda;border-radius:6px;background:#fbfefd;padding:9px 8px;color:#315f59;font:inherit;margin-top:7px}
.placement-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.placement-dimensions label{min-width:0}
.plaza-incident{border-color:#c6ded8;background:linear-gradient(135deg,#f1faf7,#fff);box-shadow:0 2px 6px #244e4306}
.plaza-incident strong{color:#285f58;line-height:1.5;overflow-wrap:anywhere}
.plaza-incident p{color:#5d7971;font-size:11px}
.plaza-incident .text-button{margin-right:14px;font-weight:600;font-size:11px}
.plaza-placement-layer{position:absolute;inset:0;z-index:23;cursor:crosshair;touch-action:none;outline:0}
.plaza-placement-layer:focus-visible{box-shadow:inset 0 0 0 3px #53bdb5}
.plaza-placement-toolbar{position:absolute;z-index:24;left:18px;right:18px;top:66px;padding:13px 16px;border:1px solid #9ed6cf;border-radius:10px;background:#f7fffcf5;box-shadow:0 6px 24px #284d4422;display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.plaza-placement-toolbar strong{font-size:13px;color:#285c55}.plaza-placement-toolbar span{font-size:12px;color:#53756c;flex:1}.plaza-placement-toolbar .button{min-height:32px}
.plaza-placement-layer[hidden],.plaza-placement-toolbar[hidden]{display:none!important}
.plaza-evidence-status{display:inline-block;border:1px solid #cce4de;border-radius:5px;background:#e7f5ef;padding:3px 6px;font-size:10px;color:#347467;margin:8px 0 0}
.plaza-incident .plaza-evidence-status{display:block;width:fit-content}
.plaza-incident-evidence{margin:26px 0}.plaza-incident-evidence h3{font-size:22px;margin:9px 0 18px;color:#2d5f57}
.plaza-evidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.plaza-evidence-grid article{border:1px solid #c9e0da;border-top:3px solid #67c2b7;background:#fff;border-radius:10px;padding:19px;line-height:1.7;color:#59766e;font-size:12px}
.plaza-evidence-grid article>strong{display:block;font-size:15px;color:#2d655d}.plaza-evidence-grid dl{margin:14px 0}.plaza-evidence-grid dl>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e1ece8;padding:8px 0}.plaza-evidence-grid dd{margin:0;font-weight:650;color:#316f63}
#assistantPage .chat-chart-card{max-width:100%}
#assistantPage .chat-message{overflow-wrap:anywhere}
#assistantPage .assistant-context-card{border-color:#c2deda;box-shadow:0 4px 16px #254f4506}
@media(min-width:1101px){
  body.studio-page[data-page=simulation][data-domain=pedestrian]{--workspace-nav-width:168px}
  body.studio-page[data-page=simulation][data-domain=pedestrian] .workspace{padding-left:12px;padding-right:12px;padding-top:20px}
  body.studio-page[data-domain=pedestrian] #simulationPage .workspace-grid{grid-template-columns:minmax(0,1fr) 246px;gap:12px}
  body.studio-page[data-domain=pedestrian] #simulationPage .workspace-grid.controls-collapsed{grid-template-columns:minmax(0,1fr)}
  body.studio-page[data-domain=pedestrian] #simulationPage .scene-canvas{height:clamp(600px,calc(100dvh - 170px),1040px)}
  body.studio-page[data-domain=pedestrian] .workspace-sidebar nav a{padding-left:6px;padding-right:5px;gap:8px;font-size:11px;white-space:nowrap}
  body.studio-page[data-domain=pedestrian] .workspace-sidebar .brand{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.studio-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* A modest reduction from the original large map, retaining a spacious view. */
@media(min-width:951px){
  .studio-page #simulationPage .scene-canvas{height:clamp(600px,calc(100dvh - 170px),1040px)}
  body.studio-page[data-page=simulation]:has(#sessionRibbon:not([hidden])) #simulationPage .scene-canvas{height:clamp(560px,calc(100dvh - 210px),1000px)}
}
.studio-page #simulationPage .scene-card:fullscreen .scene-canvas{height:auto!important;min-height:0;flex:1}

#assistantPage .answer-summary{white-space:pre-line}

/* Plaza content shares the drawer's bounded scrolling behaviour. */
.studio-page:not([data-page=analytics]) #statistics>.plaza-statistics{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:20px 24px 28px;touch-action:pan-y}
.studio-page[data-page=analytics] #statistics>.plaza-statistics{overflow:visible;max-height:none}
@media(max-width:640px){.studio-page:not([data-page=analytics]) #statistics>.plaza-statistics{padding:14px 12px 22px}}