#app{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;place-items:stretch;height:100dvh}#app>div{display:flex;flex-direction:column}#app>div>div:first-of-type{display:flex;flex-wrap:wrap}#app>div>div:first-of-type>*{outline:none;cursor:pointer;background:0 0;border:none;padding:8px 16px;transition:all .2s}#app>div>div:first-of-type>*:hover{color:#fff;background:#3e3e3e}#app>div>div:first-of-type>*[disabled]{opacity:.5;cursor:not-allowed}#app>div>div:first-of-type>button[data-selected]{color:#888;border-bottom:2px solid #0000}#app>div>div:first-of-type>button[data-selected][data-selected=true]{color:#fff;border-bottom-color:#007acc}#app>div>div:first-of-type>select{flex:1}#app>div>div:first-of-type>button:last-of-type{color:#fff}#app>div>div:first-of-type>button:last-of-type:active{background:0 0;transform:scale(.9)}#app>div>div:last-of-type{overflow-y:auto;flex:1}#app>iframe{border:none}@media (max-width:1200px){#app{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}