*{margin:0;font-family:sans-serif;font-size:100%}:not(input){padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:#fff;color:#000}body{--display-mouse-info: none;--display-touch-info: none;--display-mouse-info-if-present: table-row-group;--display-touch-info-if-present: table-row-group}.header{position:absolute;top:0;right:0;height:2.5rem;left:0;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:0 .2rem;border:1px outset black;border-collapse:separate;box-shadow:1ex 1ex 3ex gray;white-space:nowrap;background-color:#ffd}.main{position:absolute;inset:2.5rem 0 0}.main__drawing-plane{width:100%;height:100%}.header__title{flex:0 1 content;overflow:hidden;margin:0 .2rem;font-weight:700}.header__label{margin:0 .2rem}.header__button{box-sizing:border-box;height:1.7rem;font-size:inherit;margin:0 .2rem;padding:0 .2rem}.header__button--shrinkable{flex:0 100 min-content;overflow:hidden;min-width:4rem}.header__separator{flex:10 0 0}.header__separator--small{flex:1 0 0}.extras{position:absolute;box-sizing:border-box;padding:0 .15rem;border:1px outset black;border-collapse:separate;box-shadow:1ex 1ex 3ex gray;white-space:nowrap;background-color:#ffd;max-height:80%;overflow:auto}.extras--top-right{top:2.5rem;right:0;width:19rem}.extras--top-left{top:2.5rem;left:0;max-width:30rem}.extras--bottom-left{bottom:0;left:0;width:16rem}.extras--about{top:2.5rem;right:0;padding:0 .5rem;max-width:30rem}.extras--modal{display:flex;flex-direction:column;inset:5%;max-height:initial;padding:.2rem .5rem;box-shadow:1ex 1ex 3ex #000}.extras__line{display:flex;flex-direction:row;min-height:.5rem;align-items:center;margin:.3rem 0}.extras__line--growable{flex:10 0 0}.extras__line--header{font-size:larger;font-weight:bolder;justify-content:center}.extras__separator{flex:10 0 0}.extras__separator--small{flex:0 0 1rem}.extras__button{box-sizing:border-box;height:1.7rem;font-size:inherit;margin:0 .15rem;padding:0 .2rem;min-width:4ex}.extras__paragraph{margin:.7rem 0;text-wrap:auto;text-align:justify}.extras__paragraph--quote{text-align:left;margin-bottom:0;font-style:oblique;font-weight:700}.extras__paragraph--author{text-align:right;margin-top:0}.icon{display:inline-block;width:100%;height:100%;background-size:1.5ex;background-position:center;background-repeat:no-repeat}.extras__button--stop .icon{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'><path d='M0 0h24v24h-24vz'/></svg>")}.extras__button--pause .icon{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'><path d='M0 0h10v24h-10zM24 0h-10v24h10z'/></svg>")}.extras__button--play .icon{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'><path d='M0 0v24l24-12z'/></svg>")}.extras__button--next .icon{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'><path d='M0 0v24l10-12zM10 0v24l10-12zM20 0v24h4v-24z'/></svg>")}.extras__button--previous .icon{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 24 24'><path d='M24 0v24l-10-12zM14 0v24l-10-12zM4 0v24h-4v-24z'/></svg>")}.extras__area{flex:10 0 0;height:100%;margin:0 .15rem;font-size:inherit;font-family:monospace;resize:none}.extras__image{max-height:100%;max-width:100%;margin:auto;background-color:#fff}.extras__input{box-sizing:border-box;height:1.7rem;font-size:inherit;margin:0 .15rem}.extras__input::file-selector-button{height:100%}.extras__input--growable{flex:10 0 0}.extras__input[type=range]{width:100%;height:min-content}.extras__label{margin:0 .15rem}.extras__label--range{flex:1 0 0;text-align:center}.extras__label--growable{flex:10 0 0;overflow-x:hidden;min-height:1ex}.construction-info{max-height:50vh;margin:1ex 0;padding:0 .3rem;white-space:normal;overflow-y:auto}.construction-info__title{margin:0;padding:0;font-weight:700}.construction-info__paragraph{margin:1ex 0 0;padding:0;text-align:justify}.ui-blocker{position:absolute;inset:0;background-color:#000;opacity:.5}.notification-list{position:absolute;right:0;bottom:0;box-sizing:border-box;width:22rem;max-height:80%;display:flex;flex-direction:column;justify-content:flex-end;overflow:visible}.notification-list__toggle{position:absolute;right:0;bottom:0;box-sizing:border-box;height:1.7rem;padding:0}.notification-list:empty~.notification-list__toggle{display:none}.notification{margin:.2rem 0 0;padding:.2rem;border:1px outset black;box-shadow:1ex 1ex 3ex gray;text-align:center}.notification--confirmation,.notification--task{background-color:#ddf}.notification--error{background-color:#fcc}.notification--success{background-color:#afa}.notification--warning{background-color:#ff0}.notification__text{margin:0 0 .5rem;padding:0;text-align:left}.notification__button{margin:0 .5rem;padding:0 .2rem;box-sizing:border-box;height:1.7rem}