*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#3c3c43;background-color:#f6f7f8;width:100%;height:100vh;font-family:Gilroy,PingFang SC}textarea{font-family:inherit}.fork{z-index:2;position:absolute;top:0;right:0}.container{justify-content:center;width:100%;height:100%;display:flex}.content{width:100%;max-width:1100px;margin:64px auto 0;padding:24px}h1{text-align:center;margin-bottom:64px}header{align-items:center;gap:32px;margin-bottom:10px;padding-left:16px;font-size:16px;display:flex}.langs{align-items:center;gap:16px;display:flex}#toggle{color:#333;cursor:pointer;outline:0}.langs.reverse{flex-direction:row-reverse}.box{background:linear-gradient(#f4f7ff,#f4f7ff),linear-gradient(94.84deg,#fff 3.78%,#fcfdff 9.75%,#e6eeff 102.09%),linear-gradient(126.58deg,#fff -18.12%,#fff0 26.77%);border:2px solid #e6eeff;border-radius:8px;justify-content:flex-start;align-items:flex-start;width:100%;padding:20px 0;display:flex;position:relative;overflow:hidden}.box:before{content:"";border-left:3px dashed #e6eeff;width:0;position:absolute;top:20px;bottom:20px;left:50%}#input{resize:none;height:100%;min-height:300px;color:inherit;background-color:#0000;border:none;outline:0;flex:1;padding:0 20px;font-size:20px;line-height:32px;display:block}#output{flex:1;align-self:flex-start;min-height:300px;padding:0 20px;font-size:20px;line-height:32px}.meta{padding-top:16px;padding-bottom:64px;padding-left:12px;font-size:14px}