*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#000;background:#fff;height:100%;overflow:hidden}#content{position:fixed;inset:0 0 24px}#work-text{min-width:0;transition:right .9s;position:fixed;inset:0 0 24px;overflow-y:auto}#style-text{white-space:pre-wrap;word-break:break-word;width:35%;min-width:0;padding:20px 24px;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.6;transition:left .9s;position:fixed;top:0;bottom:24px;left:0;overflow-y:auto}pre{white-space:pre-wrap;word-break:break-word;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.6}#footer{align-items:center;height:24px;padding:0 12px;font-family:Courier New,Courier,monospace;font-size:11px;display:flex;position:fixed;bottom:0;left:0;right:0}#footer a{cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 8px;text-decoration:none}#footer a:after{content:"|";opacity:.4;margin-left:8px}#footer a:last-of-type:after{content:""}