.sl-root {
  --sl-sheet: #fbfcf9;
  --sl-ink: #203a3e;
  --sl-wall: #647577;
  --sl-wall-line: #465f64;
  --sl-furniture: #e4eae3;
  --sl-orange: #b85e32;
  --sl-teal: #2e7c82;
  --sl-view-fill: #3e999e28;
  --sl-border: #cdd9d3;
  color: var(--fg);
  font-size: 16px;
}
.dark .sl-root {
  --sl-sheet: #152b31;
  --sl-ink: #dce9df;
  --sl-wall: #657d80;
  --sl-wall-line: #a7c4c5;
  --sl-furniture: #263f43;
  --sl-orange: #eeaa7b;
  --sl-teal: #8dcccb;
  --sl-view-fill: #70c9c62a;
  --sl-border: #3b5559;
}
.sl-root button,
.sl-root input,
.sl-root select,
.sl-root textarea {
  font-family: inherit;
}
.sl-root button {
  font-size: 13px;
  line-height: 1.5;
  border: 1px solid var(--line);
  border-radius: 3px;
  background: var(--paper);
  padding: 8px 12px;
  color: var(--fg);
  cursor: pointer;
  transition:
    background 0.15s,
    border-color 0.15s;
}
.sl-root button:hover {
  border-color: var(--sl-teal);
}
.sl-root button[aria-pressed="true"] {
  border-color: var(--sl-teal);
  background: var(--wash);
  color: var(--sl-teal);
}
.sl-root button:disabled {
  opacity: 0.4;
  cursor: default;
}
.sl-root button:focus-visible,
.sl-root input:focus-visible,
.sl-root select:focus-visible,
.sl-root textarea:focus-visible {
  outline: 2px solid var(--sl-orange);
  outline-offset: 3px;
}
.sl-eyebrow {
  display: block;
  font:
    11px/1.5 ui-monospace,
    SFMono-Regular,
    monospace;
  letter-spacing: 0.11em;
  color: var(--muted);
  margin-bottom: 12px;
}
.sl-casebar {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 32px;
  padding: 0 0 26px;
  border-bottom: 1px solid var(--line);
  align-items: end;
}
.sl-cases {
  display: flex;
  gap: 8px;
}
.sl-cases button {
  text-align: left;
  min-width: 0;
  padding: 13px 20px;
  background: transparent;
}
.sl-cases button span {
  display: block;
  font-size: 15px;
  font-weight: 650;
}
.sl-cases button small {
  display: block;
  font-size: 12px;
  color: var(--muted);
  margin-top: 5px;
}
.sl-cases button[aria-pressed="true"] {
  background: var(--fg);
  color: var(--bg);
  border-color: var(--fg);
}
.sl-cases button[aria-pressed="true"] small {
  color: var(--bg);
  opacity: 0.72;
}
.sl-case-meta strong {
  font-size: 14px;
}
.sl-case-meta p {
  font-size: 12px;
  line-height: 1.7;
  color: var(--muted);
  margin: 5px 0 0;
}
.sl-brief {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 32px;
  padding: 25px 0 28px;
  align-items: end;
}
.sl-brief .sl-eyebrow {
  margin-bottom: 8px;
  color: var(--sl-orange);
}
.sl-brief textarea {
  width: 100%;
  border: 0;
  border-bottom: 1px dashed var(--line);
  padding: 0 0 7px;
  background: transparent;
  font-size: 18px;
  line-height: 1.6;
  color: var(--fg);
}
.sl-brief p {
  font-size: 12px;
  line-height: 1.75;
  color: var(--muted);
  margin: 0;
}
.sl-workbench {
  display: grid;
  grid-template-columns: 225px minmax(0, 1fr);
  border: 1px solid var(--line);
  background: var(--paper);
}
.sl-inspector {
  background: var(--bg);
  border-right: 1px solid var(--line);
  padding: 22px 17px;
  min-width: 0;
}
.sl-inspector-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 16px;
}
.sl-inspector-head > .sl-eyebrow {
  flex: 0 0 100%;
  margin: 0;
}
.sl-inspector-head strong {
  font-size: 17px;
  font-weight: 550;
}
.sl-setting-group {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 22px;
}
.sl-range {
  display: block;
  font-size: 12px;
  margin: 0 0 15px;
}
.sl-range > span {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 5px;
}
.sl-range output {
  font:
    12px ui-monospace,
    monospace;
  color: var(--sl-orange);
  font-variant-numeric: tabular-nums;
}
.sl-range input {
  width: 100%;
  margin: 3px 0;
  accent-color: var(--sl-teal);
  height: 14px;
}
.sl-select-label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  margin: 13px 0;
}
.sl-root select,
.sl-field-grid input {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--line);
  background: var(--paper);
  color: var(--fg);
  border-radius: 3px;
  padding: 8px 7px;
  font-size: 12px;
}
.sl-active-toggle {
  display: flex;
  gap: 4px;
  margin-top: 5px;
}
.sl-active-toggle button {
  padding: 5px 15px;
  font:
    13px ui-monospace,
    monospace;
}
.sl-field-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 8px;
}
.sl-field-grid label {
  font-size: 11px;
  color: var(--muted);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sl-field-grid input,
.sl-field-grid select {
  font-variant-numeric: tabular-nums;
  padding: 6px;
}
.sl-door-controls {
  margin-top: 20px;
}
.sl-check {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  margin-bottom: 15px;
}
.sl-check input {
  accent-color: var(--sl-teal);
}
.sl-root .sl-delete {
  font-size: 11px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  padding: 4px 0;
  margin-top: 15px;
  color: var(--muted);
}
.sl-add-row {
  display: flex;
  gap: 4px;
  margin: 22px 0 12px;
}
.sl-add-row button {
  font-size: 11px;
  padding: 5px 7px;
  flex: 1;
}
.sl-micro {
  font-size: 11px;
  line-height: 1.75;
  color: var(--muted);
  margin: 12px 0 0;
}
.sl-stage {
  min-width: 0;
  padding: 18px;
  background: var(--paper);
}
.sl-stagebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 17px;
  flex-wrap: wrap;
}
.sl-layers {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.sl-layers button {
  font-size: 12px;
  border: 0;
  background: transparent;
  padding: 6px 10px;
  border-bottom: 2px solid transparent;
  border-radius: 0;
}
.sl-layers button[aria-pressed="true"] {
  background: transparent;
  border-bottom-color: var(--sl-teal);
}
.sl-live {
  font:
    11px ui-monospace,
    monospace;
  color: var(--sl-teal);
  white-space: nowrap;
  display: flex;
  gap: 7px;
  align-items: center;
}
.sl-live:before {
  content: "";
  width: 5px;
  height: 5px;
  background: currentColor;
  border-radius: 50%;
}
.sl-live.sl-busy {
  color: var(--muted);
}
.sl-live.sl-busy:before {
  animation: sl-pulse 1s ease-in-out infinite;
}
.sl-plan-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}
.sl-plan {
  border: 1px solid var(--line);
  min-width: 0;
  background: var(--sl-sheet);
}
.sl-plan.sl-active-plan {
  border-color: var(--sl-teal);
}
.sl-plan > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px 15px;
  border-bottom: 1px solid var(--line);
  min-height: 52px;
}
.sl-plan > header > div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sl-plan > header b {
  font:
    22px/1 Georgia,
    serif;
  color: var(--sl-ink);
}
.sl-plan > header span {
  font:
    10px ui-monospace,
    monospace;
  letter-spacing: 0.1em;
  color: var(--muted);
}
.sl-plan > header button {
  font-size: 10px;
  padding: 4px 9px;
}
.sl-drawing {
  width: 100%;
  touch-action: none;
  user-select: none;
  overflow: hidden;
}
.sl-drawing svg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 330px;
  color: var(--sl-ink);
}
.sl-drawing [data-object-id],
.sl-drawing [data-point] {
  cursor: grab;
  outline: 0;
}
.sl-drawing [data-object-id]:active,
.sl-drawing [data-point]:active {
  cursor: grabbing;
}
.sl-drawing [data-object-id]:focus-visible rect,
.sl-drawing [data-point]:focus-visible circle {
  stroke: var(--sl-orange);
  stroke-width: 3;
}
.sl-grid path {
  fill: none;
  stroke: var(--sl-border);
  stroke-width: 0.65;
  opacity: 0.8;
}
.sl-grid text {
  fill: var(--muted);
  font:
    10px ui-monospace,
    monospace;
}
.sl-svg-label {
  fill: var(--muted);
  font:
    10px ui-monospace,
    monospace;
  letter-spacing: 0.04em;
}
.sl-zone {
  fill: var(--muted);
  font:
    9px ui-monospace,
    monospace;
  letter-spacing: 0.17em;
  opacity: 0.65;
}
.sl-selected-label {
  fill: var(--sl-orange);
  font:
    11px ui-monospace,
    monospace;
}
.sl-clearance {
  fill: #c9814e15;
  stroke: var(--sl-orange);
  stroke-width: 0.8;
  stroke-dasharray: 3 3;
}
.sl-plan-stats {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 4px;
  padding: 14px 15px;
  border-top: 1px solid var(--line);
}
.sl-plan-stats small {
  font-size: 10px;
  color: var(--muted);
  display: block;
  margin-bottom: 4px;
}
.sl-plan-stats b {
  font:
    23px/1.2 ui-monospace,
    monospace;
  color: var(--sl-ink);
  letter-spacing: -0.06em;
}
.sl-plan-stats b span {
  font-size: 11px;
  color: var(--muted);
  letter-spacing: 0;
}
.sl-plan-stats .sl-warning {
  grid-column: 1/-1;
  margin: 10px 0 0;
  font-size: 11px;
  line-height: 1.65;
  color: var(--sl-orange);
  padding-top: 8px;
  border-top: 1px dashed var(--line);
}
.sl-legend {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 18px 0 14px;
  font-size: 10px;
  color: var(--muted);
}
.sl-legend > span {
  display: flex;
  align-items: center;
  gap: 6px;
}
.sl-legend > span[hidden] {
  display: none;
}
.sl-legend i {
  display: inline-block;
  width: 18px;
  height: 9px;
}
.sl-legend .sl-leg-route {
  border-top: 2px solid var(--sl-orange);
  height: 0;
}
.sl-legend .sl-leg-view {
  background: var(--sl-view-fill);
  border: 1px solid var(--sl-teal);
}
.sl-legend .sl-leg-glass {
  background: repeating-linear-gradient(
    135deg,
    transparent 0,
    transparent 3px,
    #478c9666 3px,
    #478c9666 4px
  );
  border: 1px solid #478c96;
}
.sl-legend .sl-leg-body {
  border: 1px dashed var(--sl-orange);
}
.sl-legend-graph i {
  width: 65px;
  background: linear-gradient(90deg, hsl(185 45% 88%), hsl(150 45% 33%));
}
.sl-plan-actions {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  border-top: 1px solid var(--line);
  padding: 15px 0;
}
.sl-plan-actions button {
  font-size: 11px;
  padding: 7px 9px;
}
.sl-plan-actions button[data-action="export"] {
  background: var(--fg);
  color: var(--bg);
  border-color: var(--fg);
}
.sl-model-note {
  font-size: 11px;
  line-height: 1.8;
  color: var(--muted);
  margin: 3px 0 0;
  max-width: 760px;
}
.sl-results {
  margin-top: 55px;
}
.sl-results-head {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 30px;
  align-items: end;
  margin-bottom: 24px;
}
.sl-results-head .sl-eyebrow {
  margin-bottom: 9px;
}
.sl-results-head h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.15;
  font-weight: 400;
  letter-spacing: -0.04em;
  margin: 0;
}
.sl-results-head h2 span {
  color: var(--sl-orange);
}
.sl-results-head p {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.7;
  margin: 0;
}
.sl-result-tabs {
  display: flex;
  gap: 24px;
  border-bottom: 1px solid var(--line);
  overflow: auto;
  margin-bottom: 24px;
}
.sl-result-tabs button {
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  padding: 11px 0;
  background: transparent;
  font-size: 13px;
  white-space: nowrap;
}
.sl-result-tabs [aria-selected="true"] {
  border-bottom-color: var(--sl-orange);
  color: var(--sl-orange);
  font-weight: 650;
}
.sl-comparison-grid,
.sl-analysis-split {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  gap: 35px;
}
.sl-table-wrap {
  overflow: auto;
}
.sl-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  text-align: left;
  font-variant-numeric: tabular-nums;
}
.sl-table thead th {
  font:
    11px ui-monospace,
    monospace;
  color: var(--muted);
  padding: 11px 10px;
  border-bottom: 1px solid var(--fg);
  white-space: nowrap;
}
.sl-table tbody th {
  font-weight: 400;
  min-width: 180px;
}
.sl-table td,
.sl-table tbody th {
  padding: 12px 10px;
  border-bottom: 1px solid var(--line);
  line-height: 1.6;
}
.sl-table th small {
  color: var(--muted);
  font:
    10px ui-monospace,
    monospace;
  white-space: nowrap;
}
.sl-table td {
  font:
    13px ui-monospace,
    monospace;
  white-space: nowrap;
}
.sl-table .sl-delta {
  color: var(--sl-teal);
}
.sl-evidence-panel {
  padding: 24px;
  background: var(--wash);
  border-top: 2px solid var(--sl-teal);
}
.sl-evidence-panel h3 {
  font-size: 17px;
  font-weight: 550;
  margin: 0 0 15px;
}
.sl-evidence-panel p {
  font-size: 13px;
  line-height: 1.85;
  margin: 0 0 18px;
}
.sl-evidence-panel p:last-child {
  margin-bottom: 0;
}
.sl-evidence-panel p b {
  font-size: 11px;
  font-weight: 650;
}
.sl-evidence-panel .sl-micro {
  font-size: 11px;
}
.sl-evidence-panel .sl-table th {
  min-width: 100px;
}
.sl-detail {
  border-bottom: 1px solid var(--line);
  margin-top: 20px;
  padding: 10px 0;
}
.sl-detail summary {
  font-size: 12px;
  cursor: pointer;
  color: var(--muted);
  padding: 5px 0;
}
.sl-analysis-split > div > h3 {
  font-size: 19px;
  font-weight: 550;
  margin: 0 0 10px;
}
.sl-analysis-split > div > p {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.8;
}
.sl-chart {
  width: 100%;
  display: block;
  margin: 18px 0;
  background: var(--paper);
}
.sl-chart text {
  font:
    11px ui-monospace,
    monospace;
  fill: var(--fg);
}
.sl-chart-grid path {
  stroke: var(--line);
  stroke-width: 1;
}
.sl-chart-grid text {
  fill: var(--muted);
}
.sl-chart-key {
  display: flex;
  gap: 9px;
  align-items: center;
  font-size: 12px !important;
}
.sl-chart-key b:first-child {
  color: var(--sl-orange);
}
.sl-chart-key b:nth-child(2) {
  color: var(--sl-teal);
}
.sl-method-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
}
.sl-method-grid h3 {
  font-size: 16px;
  font-weight: 550;
  margin: 0 0 13px;
}
.sl-method-grid article {
  padding: 23px 0;
  border-top: 1px solid var(--line);
}
.sl-method-grid p {
  font-size: 13px;
  line-height: 1.9;
  color: var(--muted);
  margin: 0;
}
.sl-reference-row {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  font:
    12px ui-monospace,
    monospace;
  margin-top: 22px;
}
.sl-observation {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 40px;
  border-top: 1px solid var(--line);
  margin-top: 50px;
  padding-top: 30px;
}
.sl-observation h3 {
  font-size: 22px;
  margin: 0 0 12px;
  font-weight: 550;
}
.sl-observation p {
  font-size: 13px;
  line-height: 1.85;
  color: var(--muted);
  margin: 0 0 15px;
}
.sl-observation a {
  font-size: 12px;
}
.sl-observation textarea {
  width: 100%;
  height: 100%;
  min-height: 190px;
  resize: vertical;
  border: 1px solid var(--line);
  border-radius: 0;
  padding: 17px;
  background: var(--paper);
  color: var(--fg);
  font-size: 14px;
  line-height: 1.9;
}
.sl-observation textarea::placeholder {
  color: var(--muted);
  opacity: 0.75;
}
.sl-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.large .sl-root {
  font-size: 20px;
}
.large .sl-brief textarea {
  font-size: 24px;
}
.large .sl-evidence-panel p,
.large .sl-analysis-split > div > p,
.large .sl-method-grid p,
.large .sl-observation p {
  font-size: 18px;
}
.large .sl-table {
  font-size: 16px;
}
.large .sl-grid text,
.large .sl-svg-label,
.large .sl-zone {
  font-size: 13px;
}
.large .sl-range,
.large .sl-select-label {
  font-size: 14px;
}
.large .sl-root button {
  font-size: 15px;
}
@keyframes sl-pulse {
  50% {
    opacity: 0.25;
  }
}
@media (min-width: 1500px) {
  .sl-drawing svg {
    min-height: 395px;
  }
}
@media (max-width: 1120px) {
  .sl-workbench {
    grid-template-columns: 200px minmax(0, 1fr);
  }
  .sl-stage {
    padding: 13px;
  }
  .sl-plan-grid {
    gap: 9px;
  }
  .sl-drawing svg {
    min-height: 270px;
  }
  .sl-plan-stats {
    padding: 11px;
  }
  .sl-plan-stats b {
    font-size: 19px;
  }
  .sl-casebar,
  .sl-brief {
    grid-template-columns: 1fr 250px;
    gap: 20px;
  }
  .sl-cases button {
    padding: 12px;
  }
  .sl-cases button span {
    font-size: 13px;
  }
  .sl-results-head {
    grid-template-columns: 1fr 280px;
  }
  .sl-comparison-grid,
  .sl-analysis-split {
    gap: 22px;
  }
}
@media (max-width: 850px) {
  .sl-workbench {
    grid-template-columns: 1fr;
  }
  .sl-inspector {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 22px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding: 20px;
  }
  .sl-inspector-head:nth-of-type(1) {
    grid-column: 1;
    grid-row: 1;
  }
  .sl-setting-group {
    grid-column: 1;
    grid-row: 2/5;
    margin: 0;
    border-bottom: 0;
    padding: 0;
  }
  .sl-inspector-head:nth-of-type(2) {
    grid-column: 2;
    grid-row: 1;
  }
  .sl-object-editor {
    grid-column: 2;
    grid-row: 2/4;
  }
  .sl-add-row {
    grid-column: 2;
    grid-row: 4;
    margin: 8px 0;
  }
  .sl-inspector > .sl-micro {
    grid-column: 1/-1;
    margin: 0;
  }
  .sl-inspector-head {
    margin: 0;
  }
  .sl-drawing svg {
    min-height: 300px;
  }
  .sl-cases button span {
    font-size: 13px;
  }
  .sl-casebar {
    grid-template-columns: 1fr;
  }
  .sl-case-meta {
    display: none;
  }
  .sl-brief {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .sl-results-head {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .sl-comparison-grid,
  .sl-analysis-split {
    grid-template-columns: 1fr;
  }
  .sl-method-grid {
    grid-template-columns: 1fr 1fr;
  }
  .sl-observation {
    gap: 25px;
  }
  .sl-root .sl-live {
    font-size: 10px;
  }
}
@media (max-width: 550px) {
  .sl-casebar {
    padding-bottom: 18px;
  }
  .sl-cases {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }
  .sl-cases button {
    padding: 10px 8px;
  }
  .sl-cases button span {
    font-size: 11px;
    line-height: 1.4;
  }
  .sl-cases button small {
    font-size: 10px;
  }
  .sl-eyebrow {
    font-size: 10px;
  }
  .sl-brief {
    padding: 20px 0;
  }
  .sl-brief textarea {
    font-size: 16px;
  }
  .sl-brief p {
    font-size: 11px;
  }
  .sl-inspector {
    padding: 16px 12px;
    gap: 12px;
  }
  .sl-range,
  .sl-select-label {
    font-size: 11px;
  }
  .sl-range output {
    font-size: 10px;
  }
  .sl-field-grid {
    gap: 7px;
  }
  .sl-field-grid label {
    font-size: 10px;
  }
  .sl-field-grid input,
  .sl-field-grid select {
    font-size: 11px;
    padding: 5px;
  }
  .sl-inspector-head strong {
    font-size: 14px;
  }
  .sl-inspector .sl-eyebrow {
    font-size: 9px;
    letter-spacing: 0.03em;
  }
  .sl-active-toggle button {
    padding: 4px 12px;
  }
  .sl-door-controls {
    margin-top: 14px;
  }
  .sl-check {
    font-size: 11px;
  }
  .sl-micro {
    font-size: 10px;
  }
  .sl-add-row {
    gap: 3px;
  }
  .sl-add-row button {
    font-size: 10px;
    padding: 5px 3px;
  }
  .sl-stage {
    padding: 10px;
  }
  .sl-stagebar {
    gap: 8px;
  }
  .sl-layers {
    gap: 0;
  }
  .sl-layers button {
    font-size: 10px;
    padding: 7px 6px;
  }
  .sl-plan-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .sl-drawing svg {
    min-height: 0;
  }
  .sl-plan-stats b {
    font-size: 23px;
  }
  .sl-plan-stats small {
    font-size: 11px;
  }
  .sl-plan > header {
    padding: 10px 12px;
    min-height: 42px;
  }
  .sl-plan > header b {
    font-size: 20px;
  }
  .sl-legend {
    font-size: 10px;
    gap: 9px;
    padding: 13px 0;
  }
  .sl-plan-actions {
    gap: 5px;
  }
  .sl-plan-actions button {
    font-size: 10px;
    padding: 6px 7px;
  }
  .sl-model-note {
    font-size: 10px;
  }
  .sl-results {
    margin-top: 35px;
  }
  .sl-results-head h2 {
    font-size: 29px;
  }
  .sl-results-head p {
    font-size: 12px;
  }
  .sl-result-tabs {
    gap: 18px;
  }
  .sl-result-tabs button {
    font-size: 12px;
  }
  .sl-table {
    font-size: 11px;
  }
  .sl-table td,
  .sl-table tbody th {
    padding: 11px 6px;
  }
  .sl-table tbody th {
    min-width: 133px;
  }
  .sl-table td {
    font-size: 11px;
  }
  .sl-table th small {
    font-size: 9px;
  }
  .sl-table thead th {
    padding: 8px 6px;
  }
  .sl-evidence-panel {
    padding: 20px;
  }
  .sl-method-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .sl-observation {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 35px;
  }
  .sl-reference-row {
    gap: 15px;
    font-size: 10px;
  }
  .sl-chart {
    margin: 10px 0;
  }
  .sl-results-head .sl-eyebrow {
    margin-bottom: 10px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sl-root * {
    animation: none !important;
    transition: none !important;
  }
}
@media print {
  .sl-inspector,
  .sl-casebar,
  .sl-plan-actions,
  .sl-layers,
  .sl-live,
  .sl-result-tabs,
  .sl-brief textarea,
  .sl-plan > header button,
  .sl-observation textarea {
    display: none !important;
  }
  .sl-root {
    --sl-sheet: #fff;
    --sl-ink: #21393d;
    --sl-wall: #677b7d;
    --sl-wall-line: #435b60;
    --sl-furniture: #e6eae4;
    --sl-orange: #a65329;
    --sl-teal: #2b747d;
    --sl-view-fill: #3e999e28;
    --sl-border: #ccd6d0;
    font-size: 11px;
  }
  .sl-workbench {
    display: block;
    border: 0;
  }
  .sl-stage {
    padding: 0;
  }
  .sl-plan-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .sl-drawing svg {
    min-height: 0;
  }
  .sl-plan {
    break-inside: avoid;
  }
  .sl-plan-stats b {
    font-size: 17px;
  }
  .sl-results {
    margin-top: 25px;
  }
  .sl-results-head h2 {
    font-size: 25px;
  }
  .sl-results-head {
    display: block;
  }
  .sl-comparison-grid {
    grid-template-columns: 1fr;
  }
  .sl-evidence-panel {
    break-inside: avoid;
  }
  .sl-table {
    font-size: 10px;
  }
  .sl-table td,
  .sl-table th {
    padding: 5px;
  }
  .sl-observation {
    display: block;
  }
  .sl-brief {
    padding: 10px 0;
  }
  .sl-method-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.sl-inspector-tabs {
  display: flex;
  gap: 15px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 0;
  margin-bottom: 23px;
}
.sl-inspector-tabs button {
  background: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  padding: 0 0 9px;
  font-size: 12px;
}
.sl-inspector-tabs button[aria-pressed="true"] {
  background: transparent;
  border-bottom-color: var(--sl-teal);
}
.sl-inspector[data-inspector-mode="analysis"] .sl-edit-head,
.sl-inspector[data-inspector-mode="analysis"] .sl-object-editor,
.sl-inspector[data-inspector-mode="analysis"] .sl-add-row,
.sl-inspector[data-inspector-mode="analysis"] .sl-edit-help,
.sl-inspector[data-inspector-mode="edit"] .sl-analysis-head,
.sl-inspector[data-inspector-mode="edit"] .sl-setting-group {
  display: none;
}
.sl-inspector .sl-setting-group {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media (max-width: 850px) {
  .sl-inspector {
    display: block;
  }
  .sl-inspector-tabs {
    margin-bottom: 15px;
    gap: 25px;
  }
  .sl-inspector .sl-setting-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 22px;
  }
  .sl-setting-group > .sl-micro {
    grid-column: 1/-1;
  }
  .sl-inspector-head {
    margin-bottom: 14px;
  }
  .sl-object-editor {
    display: block;
  }
  .sl-object-editor .sl-field-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sl-door-controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 18px;
  }
  .sl-door-controls > .sl-check {
    grid-column: 1/-1;
  }
  .sl-inspector[data-inspector-mode="edit"] .sl-setting-group {
    display: none;
  }
  .sl-add-row {
    max-width: 300px;
  }
  .sl-edit-help {
    max-width: 580px;
  }
  .sl-inspector .sl-inspector-head.sl-edit-head {
    display: flex;
  }
  .sl-inspector[data-inspector-mode="analysis"]
    .sl-inspector-head.sl-edit-head {
    display: none;
  }
}

.sl-brief textarea {
  display: block;
  resize: none;
  overflow: hidden;
  box-sizing: border-box;
  min-height: 58px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}