@layer unstyled-web-components {
  uwc-playground {
    display: flex;
    border: 1px solid gray;
    min-height: 150px;

    & > pre {
      flex: 1 0;
      margin: 0;
      padding: 1rem;

      code {
        display: inline-block;
        width: 100%;
        height: 100%;
        outline: none;
      }
    }

    & > [part="preview"] {
      flex: 1 0;
      border: none;
      border-left: 1px solid gray;
      padding: 1rem;
    }
  }
}