@scope (inspector-ui) {
  :where(:scope) {
    --inspector-pane-font-size: var(--a-ui-tiny);
    --inspector-border:         1px solid var(--a-border-subtle);
    --inspector-radius:         var(--a-radius);
  }

  :scope {
    display:        flex;
    flex-direction: column;
    overflow:       hidden;
    border:         var(--inspector-border);
    border-radius:  var(--inspector-radius);
    min-width:      0;
  }

  /* Inner tabs-ui fills the host */
  :scope > tabs-ui {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  /* Tab panes: code-ui children get a scrolling region and tiny UI font */
  :scope tab-ui > code-ui {
    display: block;
    overflow: auto;
    font-size: var(--inspector-pane-font-size);
  }
}
