.editor{display:flex;flex-direction:column;flex:1 0 0;min-height:0}.editor__cm{display:flex;flex:1 0 0;min-height:0;overflow:hidden}.editor__cm .cm-editor{background-color:#111;flex:1 0 0;font-size:16px;line-height:1.2;overflow:hidden}.editor__cm .cm-scroller{flex:1 0 0;overflow:auto;padding:1rem}.modal{background-color:#0004;inset:0;position:fixed}.modal__popup{background-color:#111;border-radius:.2rem;box-shadow:0 .1rem 2rem #0008;color:#fff;display:flex;flex-flow:column nowrap;padding:1rem;z-index:10000}.modal__popup--centered{inset:0;margin:auto;max-height:14rem;max-width:20rem;position:fixed}.modal__body{flex:1 0 auto}.modal__buttons{display:flex;justify-content:flex-end}.modal__button{background-color:#444;border-radius:.2rem;padding:1rem}.modal__button:not(:last-child){margin-right:1rem}.modal__button--danger{background:#a22}.global-settings__container{padding:1rem}.global-settings__button{border:1px solid #fff4;border-radius:.2rem;padding:1rem 2rem}.list__filter{border:1px solid #fff4;border-radius:.2rem;margin:1rem;padding:1rem 2rem}.list__filter:focus{border:1px solid #fff}.list__items{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));padding:1rem 0 0 1rem}.list__item{background:#444;border-radius:.2rem;color:inherit;flex:1 0 8rem;-webkit-hyphens:auto;hyphens:auto;margin:0 1rem 1rem 0;padding:3rem 1rem;text-align:center;text-decoration:none;word-break:break-all}.list__item--add{background-color:#333}.console{bottom:0;left:0;position:fixed;right:0}.console__button{bottom:0;margin:1rem;padding:1rem;position:fixed;right:0}.console__line{margin:1rem 0;white-space:nowrap}.console__line:before{content:"» ";opacity:.5}.console__output{background-color:#111;border-top:1px solid #fff;height:8rem;overflow:auto;padding:1rem 3rem 1rem 1rem}.console__output--enter-active,.console__output--leave-active{transition:transform .1s ease-in-out}.console__output--enter-from,.console__output--leave-to{transform:translateY(100%)}.console__output--enter-to,.console__output--leave-from{transform:translateY(0)}.result{display:flex;flex:1 0 0;flex-flow:column nowrap;min-height:0}.result__iframe{background-color:#111;border:0;color:#fff;flex:1 0 0;min-height:0}.settings__items{display:flex;flex-direction:column;margin:1rem}.settings__item{align-items:center;display:flex;margin:1rem 0}.settings__label{flex-shrink:0}.settings__input{background:#333;margin-left:1rem;padding:1rem;width:100%}.settings__button{background-color:#444;border-radius:.2rem;flex:1 0 auto;padding:1rem;text-align:center}.settings__button--delete{background:#a22;margin-left:1rem}.top-nav{background-color:#fff2;display:flex;flex-shrink:0;list-style:none;overflow:scroll;padding:0 .2rem}.top-nav__item{background-color:#0006;border-radius:.2rem .2rem 0 0;color:inherit;flex:0 0 2rem;line-height:3rem;margin:.4rem .2rem 0;padding:0 1rem;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none}.top-nav__item--active{background-color:#111}.top-nav__item--tab,.top-nav__item--title{flex-grow:1}.top-nav__item--title{font-size:1.2rem}.loading{align-items:center;display:flex;flex:1 0 auto;flex-direction:column;justify-content:center}.sign-in{align-items:center;display:flex;flex:1 0 auto;flex-direction:column;justify-content:space-between;padding:5rem 0;text-align:center}.google-icon{margin-left:.5rem}*,*:after,*:before{box-sizing:inherit}html{background-color:#111;box-sizing:border-box;color:#fff;font-family:system-ui,sans-serif;text-rendering:geometricPrecision}body{display:flex;flex-direction:column;margin:0;min-height:100dvh;overscroll-behavior:none}code-pad{display:contents}button,input{all:unset}.view{display:flex;flex-direction:column;flex:1 0 0;min-height:0}