:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: hsl(251 80% 62%)}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}.page-container{display:flex;flex-direction:column;min-height:100vh;padding:1rem}.page-container h1{display:flex;flex-direction:column;font-size:2.5rem;font-weight:700}@media (max-width: 640px){.page-container h1{font-size:1.5rem}}.editor-container{flex:1 1 0%;border:1px solid rgb(235,235,235);border-radius:.5rem;display:flex;flex-direction:column}.editor-content{padding:1rem;flex:1 1 0%;border-radius:.5rem}.editor-content:focus{outline:1px solid var(--color-primary)}.editor-content{caret-color:var(--color-primary)}