/* Public presentation layer: the CAD workstation authority stays unchanged. */
#app-shell.uare-public-workstation {
  display: flex !important;
  flex-direction: column;
  height: 100dvh !important;
  width: 100%;
  margin: 0 !important;
  gap: 6px;
}
#app-shell.uare-public-workstation #split {
  flex: 1 1 0;
  height: auto !important;
  min-height: 0 !important;
  min-width: 0;
}
#app-shell.uare-public-workstation #sim-bar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: max-content;
  align-content: start;
  align-items: stretch;
  gap: 8px;
  height: auto !important;
  min-height: 0 !important;
  max-height: 42dvh;
  flex: 0 0 auto;
  padding: 10px 12px;
  overflow: auto;
}
#app-shell.uare-public-workstation #sim-left {
  width: 100%;
  flex-wrap: wrap;
  overflow: visible;
  gap: 6px;
}
#app-shell.uare-public-workstation .sim-btn {
  min-height: 34px;
  white-space: nowrap;
}
#app-shell.uare-public-workstation #engine-bench-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(260px, 1.3fr);
  gap: 12px;
  padding: 8px 10px;
  width: 100%;
  order: 0;
}
#app-shell.uare-public-workstation #engine-bench-panel.hidden { display: none; }
#app-shell.uare-public-workstation .bench-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 8px;
  align-items: center;
}
#app-shell.uare-public-workstation .bench-control label { grid-column: 1 / -1; color: #c5d5e4; }
#app-shell.uare-public-workstation .bench-control input[type="range"] { width: 100%; min-width: 0; }
#app-shell.uare-public-workstation .bench-control input[type="number"] { width: 100%; min-height: 30px; }
#app-shell.uare-public-workstation .bench-val { min-width: 54px; }
#app-shell.uare-public-workstation #engine-bench-readout {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-left: 0;
  width: auto;
}
#app-shell.uare-public-workstation #engine-bench-readout span::before {
  content: attr(data-label);
  display: block;
  color: #acbfd2;
  font: 10px/1.6 Inter, system-ui, sans-serif;
}
#app-shell.uare-public-workstation #sim-metrics {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border: 0;
  padding: 0;
  width: 100%;
  gap: 8px;
}
#app-shell.uare-public-workstation .metric { min-width: 0; padding: 4px; border: 0; }
#app-shell.uare-public-workstation .m-label { color: #acbfd2; font-size: 10px; letter-spacing: .04em; }
#app-shell.uare-public-workstation .m-val { color: #d3f5ff; font-size: 13px; white-space: nowrap; }
#app-shell.uare-public-workstation #sim-result-text {
  width: 100%;
  max-width: none;
  text-align: left;
  white-space: normal;
  color: #c5d5e4;
}
#app-shell.uare-public-workstation #sim-result-text:empty { display: none; }
.uare-sandbox-limits {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  padding-top: 7px;
  border-top: 1px solid #304354;
  color: #b9cbd9;
  font: 11px/1.5 Inter, system-ui, sans-serif;
}
.uare-sandbox-limits strong { color: #edc57d; }
.uare-starters { padding: 5px 0 8px; font: 12px/1.5 Inter, system-ui, sans-serif; }
.uare-starters summary { cursor: pointer; color: #d3f5ff; padding: 4px 0; }
.uare-starters p { color: #b9cbd9; margin: 6px 0; }
.uare-starters[open] { max-height: 180px; overflow: auto; }
.uare-starter-buttons { display: flex; flex-wrap: wrap; gap: 6px; }
.uare-design-brief[open] { max-height: 240px; }
.uare-brief-fields { display: grid; gap: 8px; margin-bottom: 10px; }
.uare-brief-fields label { display: grid; gap: 3px; color: #c5d5e4; }
.uare-brief-fields input { width: 100%; min-width: 0; box-sizing: border-box; min-height: 36px; padding: 6px 8px; border: 1px solid #416173; border-radius: 6px; background: #122633; color: #e6f6ff; font: inherit; }
.uare-brief-fields input:focus-visible { outline: 2px solid #76dded; outline-offset: 2px; }
.uare-starter-buttons button {
  padding: 8px 10px;
  border: 1px solid #416173;
  border-radius: 8px;
  background: #122633;
  color: #e6f6ff;
}
.uare-starter-buttons button:focus-visible, .uare-starters summary:focus-visible { outline: 2px solid #76dded; outline-offset: 2px; }
@media (max-width: 1000px) {
  #app-shell.uare-public-workstation #engine-bench-panel { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #app-shell.uare-public-workstation #engine-bench-readout { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  #app-shell.uare-public-workstation #tb-center { display: none !important; }
  #app-shell.uare-public-workstation #tb-actions { flex: 0 0 auto; margin-left: auto; }
  #app-shell.uare-public-workstation #chat-panel { overflow-y: auto !important; }
  #app-shell.uare-public-workstation #split { grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important; }
  #app-shell.uare-public-workstation #viewport-panel,
  #app-shell.uare-public-workstation #chat-panel { min-height: 0 !important; }
  #app-shell.uare-public-workstation #sim-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #app-shell.uare-public-workstation #engine-bench-panel { gap: 8px; padding: 8px; }
  #app-shell.uare-public-workstation .bench-control { grid-template-columns: minmax(0, 1fr); }
  #app-shell.uare-public-workstation .bench-val { text-align: left; }
  #app-shell.uare-public-workstation #sim-bar { padding: 8px; }
  #app-shell.uare-public-workstation .sim-btn { font-size: 11px; }
}