:root{--font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;--padding:1rem;--font-size:1.2rem}body{font-family:var(--font-family);margin:0;overflow:hidden;width:100%}#editor{align-items:stretch;display:flex;height:100vh;height:100dvh;justify-content:flex-start;position:relative;transition:background-color .3s ease;width:100%}.history-trigger{background:transparent;border:0;border-radius:50%;bottom:.8rem;color:inherit;cursor:pointer;display:grid;height:2rem;opacity:.22;padding:0;place-items:center;position:absolute;right:.8rem;transition:opacity .2s ease,background-color .2s ease;width:2rem;z-index:2}.history-trigger--active,.history-trigger:focus-visible,.history-trigger:hover{background-color:#80808024;opacity:.75}.history-clear:focus-visible,.history-close:focus-visible,.history-item:focus-visible,.history-trigger:focus-visible{outline:2px solid currentColor;outline-offset:2px}.history-trigger svg{height:1.2rem;width:1.2rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.history-drawer{border:1px solid hsla(0,0%,50%,.25);border-radius:.75rem;bottom:3.25rem;box-shadow:0 .75rem 2.5rem #00000029;box-sizing:border-box;display:flex;flex-direction:column;max-height:min(32rem,calc(100% - 4rem));overflow:hidden;position:absolute;right:.75rem;width:min(22rem,calc(100% - 1.5rem));z-index:3}.history-header{align-items:center;border-bottom:1px solid hsla(0,0%,50%,.2);display:flex;justify-content:space-between;padding:.85rem .9rem .65rem}.history-header>div{align-items:baseline;display:flex;gap:.5rem}.history-actions{align-items:center;display:flex;gap:.35rem}.history-header h2{font-size:.9rem;font-weight:600;margin:0}.history-empty,.history-header span,.history-item time{opacity:.55}.history-header span,.history-item time{font-size:.7rem}.history-close{border:0;border-radius:50%;font-size:1.25rem;height:1.75rem;line-height:1;opacity:.5;padding:0;width:1.75rem}.history-clear,.history-close{background:transparent;color:inherit;cursor:pointer}.history-clear{border:0;border-radius:.35rem;font:inherit;font-size:.72rem;opacity:.55;padding:.3rem .45rem}.history-clear:hover{background-color:#cc33331a;color:#c33;opacity:1}.history-close:hover{background-color:#80808024;opacity:1}.history-list{overflow-y:auto;padding:.35rem}.history-item{background:transparent;border:0;border-radius:.45rem;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:.25rem;padding:.65rem;text-align:left;width:100%}.history-item:hover{background-color:#8080801f}.history-item span{font-size:.82rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.history-empty{font-size:.78rem;line-height:1.6;margin:0;padding:1.4rem 1rem;text-align:center}.history-panel-enter-active,.history-panel-leave-active{transition:opacity .16s ease,transform .16s ease}.history-panel-enter-from,.history-panel-leave-to{opacity:0;transform:translateY(.4rem)}.editor-textarea{border:none;font-family:var(--font-family);font-size:var(--font-size);outline:none;resize:none;transition:width .3s ease,background-color .3s ease,color .3s ease}.editor-textarea,.markdown-view{box-sizing:border-box;height:100%;padding:var(--padding)}.markdown-view{overflow-y:auto;transition:background-color .3s ease,color .3s ease;width:50%}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.markdown-view h1,.markdown-view h2,.markdown-view h3{margin-bottom:1rem;margin-top:1.5rem}.markdown-view p{line-height:1.6;margin:.8rem 0}.markdown-view code{background-color:#0000000d;border-radius:3px;font-family:monospace;padding:.2rem .4rem}.markdown-view pre code{background-color:#0000001a;display:block;overflow-x:auto;padding:1rem}@media (max-width:768px){#editor{flex-direction:column}.editor-textarea{width:100%!important}.editor--markdown .editor-textarea,.editor--markdown .markdown-view{height:50vh;height:50dvh;width:100%!important}}