OpenAI Chat Playground Layout Fix CSS

openai-chat-playground-layout-fix.css

/* Apply to: https://platform.openai.com/playground/chat */
.interactive {
    display: inline-block !important;
    border: .04rem solid #999 !important;
    width: 66%;
    min-height: 100px;
    float: right !important;
    margin-bottom: 10px;
}

.interactive.system {
    display: inline-block !important;
    border: .04rem solid #444 !important;
    width: 33%;
    float: left !important;
    position: sticky;
    top: 0;
}

.interactive:nth-of-type(even) {
  border: .04rem solid #666 !important;
}

/* Container class at time of writing */
.css-u2l010 {
    display: block;
    max-width: 90%;
}