:root{--header-height: 3.2rem;--editor-height: calc(100vh - var(--header-height));--color-dark: #1e1e1e;--color-btn: #eb6651;--color-btn-secondary: #f79a3e}html,body{margin:0;padding:0;box-sizing:border-box;background:var(--color-dark);font-family:monospace;color:#fff}#root{height:100vh;overflow:hidden}header{height:var(--header-height);display:flex;font-size:1rem;align-items:center;justify-content:space-between;padding:0 .6rem;background:var(--color-dark);border-bottom:1px solid rgba(255,255,255,.1)}h1{margin:0;font-weight:lighter;font-size:1.2rem;margin-bottom:.1rem;opacity:.6;text-transform:uppercase}.btn{background:var(--color-btn);color:#fff;border:0;padding:.4rem .6rem;border-radius:.15rem;cursor:pointer;transition:all .2s ease;margin-left:.6rem}.btn-secondary{background:var(--color-btn-secondary)}.btn:hover,.btn:focus,.btn:active{opacity:.9}