:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body,html,#root{height:100%;width:100%;min-height:100dvh}body{display:flex;position:relative;flex-direction:column}.sp-file-explorer,.sp-editor,.sp-console{height:calc(100dvh - 69px)!important}@media(max-width:600px){.sp-file-explorer,.sp-console{height:auto!important}.sp-editor{height:50dvh!important}.sp-console{height:calc(50dvh - 69px)!important}.toolbar>.button--wrapper>span{display:none}}.sp-console-header-actions{display:none!important}.sp-console-item{padding-top:4px!important;padding-bottom:0!important;font-size:.9rem!important}.sp-console-item:not(:first-child):after{display:none!important}.sp-bridge-frame{position:absolute;top:-999999px;left:-999999px;height:0;width:0;flex-grow:0;flex-shrink:0}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background-color:#282c34}.toolbar h1{font-size:1.5rem;color:#c678dd}.toolbar button{display:flex;justify-content:center;align-items:center;background-color:#c678dd;color:#242424;border:none;padding:.4rem 1rem;font-size:.9rem;font-weight:500;border-radius:4px;cursor:pointer;gap:.4rem;vertical-align:middle;transition:background-color .3s ease}.toolbar button:hover{background-color:#b565d1}.toolbar button svg{height:1rem;width:1rem}.toolbar .button--wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.toolbar>.button--wrapper>span{font-size:.9rem;color:#ccc;margin:auto}