.sidebar .layers-heading,
.inspector .inspector-heading .eyebrow {
  color:var(--text);
  font-size:11px;
  font-weight:700;
  letter-spacing:.09em;
}

.sidebar-scroll > details > summary {
  height:49px!important;
  min-height:49px;
  display:flex;
  align-items:center;
  color:var(--text);
  font-size:13px!important;
  font-weight:600;
  letter-spacing:0;
  gap:8px;
}
.sidebar-scroll > details > summary:hover {background:#ffffff04}
.layer-icon {display:block;width:18px;height:18px;flex:none}
.sidebar .layers-heading .layer-icon {width:16px;height:16px}
.inspector-heading .eyebrow {display:inline-flex;align-items:center;gap:7px}
.inspector-heading .eyebrow .layer-icon {width:16px;height:16px}
.sidebar .sidebar-scroll > details > summary {font-size:12px!important}
.inspector :is(summary,.inspector-section) {
  color:var(--text);
  font-size:12px;
  font-weight:600;
  letter-spacing:0;
}
.inspector .inspector-section span {color:inherit}

.sidebar .layer-tree,
.sidebar .layer-branch {
  --branch-color:#34433d;
  --row-height:36px;
  display:grid;
  gap:0;
  margin:0;
  padding:0 0 0 20px;
  min-width:0;
}
.sidebar .layer-tree {padding-bottom:4px}
.sidebar .led-layer-panel #objects {max-height:none!important;overflow:visible}
.sidebar .layer-tree > *,
.sidebar .layer-branch > * {position:relative;min-width:0}
.sidebar :is(.layer-tree,.layer-branch) > :is(.object-row,.layer-group)::before,
.sidebar :is(.layer-tree,.layer-branch) > :is(.object-row,.layer-group)::after {
  content:'';
  position:absolute;
  left:-11px;
  pointer-events:none;
}
.sidebar :is(.layer-tree,.layer-branch) > :is(.object-row,.layer-group)::before {
  inset-block:0;
  border-left:1px solid var(--branch-color);
}
.sidebar :is(.layer-tree,.layer-branch) > :is(.object-row,.layer-group)::after {
  top:calc(var(--row-height) / 2);
  width:10px;
  border-top:1px solid var(--branch-color);
}
.sidebar :is(.layer-tree,.layer-branch) > :is(.object-row,.layer-group):last-child::before {
  bottom:auto;
  height:calc(var(--row-height) / 2 + 1px);
}
.sidebar .layer-tree .object-row {
  width:100%;
  min-width:0;
  height:var(--row-height);
  margin:0;
  padding:0 9px;
  gap:9px;
  border:1px solid transparent;
  border-radius:6px;
  color:var(--text);
  font-size:12px;
}
.sidebar .layer-tree .object-row:hover {background:#263932}
.sidebar .layer-tree .object-row.active {background:#21533e;border-color:#2d6a50;color:#f5fff9}
.sidebar .layer-tree .object-row:focus-visible {outline:2px solid var(--mint);outline-offset:-2px}
.layer-label {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.layer-swatch {width:6px;height:6px;flex:none;margin-left:auto;border-radius:2px}

.sidebar .layer-group {margin:0;padding:0;border:0;background:none}
.sidebar .layer-group > summary {gap:0;padding:0;min-height:var(--row-height)}
.sidebar .layer-group > summary::before {
  flex:0 0 18px;
  padding:0;
  text-align:center;
  line-height:18px;
}
.sidebar .layer-group > summary > .object-row {padding:0 9px 0 2px}

#assemblyFields #ledAnchorGrid button {margin:0}
#viewportForm .equipment-controls {border-top:0;margin-top:0;padding-top:0}
#viewportForm .kind-controls {margin-block:8px 0}
#viewportForm .kind-controls[open] {padding-bottom:12px}
#viewportForm .kind-controls[open] > :is(label,small) {margin-inline:8px}
#viewportForm .kind-controls small {display:block;color:var(--muted);margin-top:10px}
#problemReportForm textarea {
  display:block;width:100%;min-height:108px;margin-top:7px;padding:10px;resize:vertical;
  border:1px solid #506057;border-radius:5px;background:#101817;color:var(--text);font:inherit;
}
#problemReportForm .report-consent {display:flex;align-items:flex-start;gap:8px;margin-top:14px;line-height:1.5}
#problemReportForm .report-consent input {margin:3px 0 0;flex:none}
.report-actions {display:flex;justify-content:flex-end;margin-top:14px}
#problemReportStatus {min-height:1.3em;margin:8px 0 0;color:var(--text)}
#reportProblem {margin:0;padding:2px 0;color:var(--text);font-size:10px;white-space:nowrap}
#reportProblem:hover {color:var(--mint)}