.tabs{display:flex;flex-wrap:wrap;align-items:stretch;font-size:1.4em;opacity:1;transition:opacity .5s;transition-delay:1s;background-color:light-dark(#eee,#111)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.tabs .navbar-button:hover,.tabs .navbar-button[data-active=true]{background-color:light-dark(#fff,#222)}.tabs .tab-container{position:relative}.tabs .tab-container .tab{position:relative;padding:.3em 2em .4em 1em;flex-shrink:0;display:flex;gap:.25em;align-items:center}.tabs .tab-container .tab[data-new-tab=true]{animation:fade-in 1s forwards}.tabs .tab-container .close-tab{position:absolute;right:.5em;top:50%;transform:translateY(-50%);font-size:1em;line-height:1em;padding:0 .25em;opacity:.5}.tabs .add-tab{display:flex;align-items:center;justify-content:center;width:1.7em}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:light-dark(rgba(0,0,0,.35),rgba(0,0,0,.5));animation:confirm-modal-fade-in .25s ease-out}.confirm-modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:20em;max-width:90vw;padding:1.25em 1.5em;background-color:light-dark(#fff,#222);color:light-dark(#222,#fff);border:1px solid light-dark(#ddd,#333);box-shadow:none;animation:confirm-modal-fade-in .3s ease-out .05s both;font-family:inherit;font-weight:400}.confirm-modal-content:focus{outline:none}.confirm-modal-title{margin:0 0 .5em;font-size:1em;font-weight:400;letter-spacing:.02em}.confirm-modal-description{margin:0 0 1.25em;color:light-dark(#444,#bbb);font-size:.9em;line-height:1.5}.confirm-modal-actions{display:flex;gap:.5em;justify-content:flex-end}.confirm-modal-button{padding:.3em .6em .4em;font-size:1em;border-radius:0;cursor:pointer;font-family:inherit;font-weight:400;transition:background-color .2s ease,opacity .2s ease}.confirm-modal-button.confirm-modal-cancel{background-color:light-dark(#eee,#111);color:light-dark(#222,#fff)}.confirm-modal-button.confirm-modal-cancel:hover{background-color:light-dark(#fff,#222)}.confirm-modal-button.confirm-modal-confirm{background-color:light-dark(#222,#444);color:light-dark(#fff,#eee)}.confirm-modal-button.confirm-modal-confirm:hover{background-color:light-dark(#333,#555)}.confirm-modal-content[data-variant=danger] .confirm-modal-button.confirm-modal-confirm{background-color:#8b0000;color:#fff}.confirm-modal-content[data-variant=danger] .confirm-modal-button.confirm-modal-confirm:hover{background-color:#600}@keyframes confirm-modal-fade-in{0%{opacity:0}to{opacity:1}}.main-text-area{border:none;background-color:transparent;resize:none;flex:1;outline:none;font-size:2em;padding:.5em}:root{font-family:Inconsolata,monospace;line-height:1.5;font-weight:400;color-scheme:light dark;color:light-dark(#222,#fff);background-color:light-dark(#fff,#222);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;width:100dvw;width:100vw;height:100dvh;height:100vh}body{margin:0}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background-color:transparent;border:none;border-radius:0;padding:0}textarea{font-family:inherit;font-size:inherit;color:inherit}