*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}textarea{all:unset;box-sizing:border-box}body{height:100dvh;margin:0;padding:1.5rem;background-color:#171717}#root{width:min(100%,1000px);height:100%;margin:0 auto;padding:.75rem;padding:1.5rem;padding:1rem;border-radius:1rem;background-image:linear-gradient(120deg,#a1c4fd,#c2e9fb)}.edit-btn{font-size:1.25rem;position:absolute;right:.75rem;top:.75rem;aspect-ratio:1 / 1;display:flex;padding:.5rem;border-radius:50%;cursor:pointer;background-color:#0d0d0d;border:1.5px solid transparent;transition:border-color .15s,transform .15s}.edit-btn:hover{border-color:#b5dbef;transform:scale(1.15)}.edit-btn:active{transform:scale(.95)}.content-container{display:flex;height:100%;width:100%;padding:.25rem;border-radius:1rem;overflow:hidden;position:relative;background-color:#171717;box-shadow:#26394d 0 20px 30px -10px}.markdown-panel{flex-basis:50%;padding:4px;border-radius:.75rem;transition:margin .3s;margin-left:calc(-50% - .5rem)}.markdown-panel.editing{margin-left:0}.markdown-panel textarea{width:100%;height:100%;padding:2rem 1rem 1rem;border:4px solid hsl(240,9%,13%);border-radius:.75rem;resize:none;background-color:#0d0d0d}.html-panel{flex-grow:1;flex-basis:50%;max-width:min(100%,500px);margin:0 auto;padding-left:1rem;overflow:scroll}.html-panel{-ms-overflow-style:none;scrollbar-width:none}.html-panel::-webkit-scrollbar{display:none}@media screen and (max-width: 700px){body,#root{padding:.75rem}.edit-btn{border-color:#b5dbef;z-index:3}.markdown-panel{position:absolute;top:0%;left:0%;height:100%;width:100%;z-index:2;margin-left:calc(-100% - .5rem)}}