*{margin:0;font-family:sans-serif;font-size:100%}:not(input){padding:0}html,body{color:#000;background-color:#fff;width:100%;height:100%;overflow:hidden}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{box-sizing:border-box;border-collapse:separate;white-space:nowrap;background-color:#ffd;border:1px outset #000;flex-direction:row;align-items:center;height:2.5rem;padding:0 .2rem;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:1ex 1ex 3ex gray}.main{position:absolute;inset:2.5rem 0 0}.main__drawing-plane{width:100%;height:100%}.header__title{flex:0 1 content;margin:0 .2rem;font-weight:700;overflow:hidden}.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;min-width:4rem;overflow:hidden}.header__separator{flex:10 0 0}.header__separator--small{flex:1 0 0}.extras{box-sizing:border-box;border-collapse:separate;white-space:nowrap;background-color:#ffd;border:1px outset #000;max-height:80%;padding:0 .15rem;position:absolute;overflow:auto;box-shadow:1ex 1ex 3ex gray}.extras--top-right{width:19rem;top:2.5rem;right:0}.extras--top-left{max-width:30rem;top:2.5rem;left:0}.extras--bottom-left{width:16rem;bottom:0;left:0}.extras--about{max-width:30rem;padding:0 .5rem;top:2.5rem;right:0}.extras--modal{max-height:initial;flex-direction:column;padding:.2rem .5rem;display:flex;inset:5%;box-shadow:1ex 1ex 3ex #000}.extras__line{flex-direction:row;align-items:center;min-height:.5rem;margin:.3rem 0;display:flex}.extras__line--growable{flex:10 0 0}.extras__line--header{justify-content:center;font-size:larger;font-weight:bolder}.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;min-width:4ex;margin:0 .15rem;padding:0 .2rem}.extras__paragraph{text-wrap:auto;text-align:justify;margin:.7rem 0}.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{background-position:50%;background-repeat:no-repeat;background-size:1.5ex;width:100%;height:100%;display:inline-block}.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{height:100%;font-size:inherit;resize:none;flex:10 0 0;margin:0 .15rem;font-family:monospace}.extras__image{background-color:#fff;max-width:100%;max-height:100%;margin:auto}.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{text-align:center;flex:1 0 0}.extras__label--growable{flex:10 0 0;min-height:1ex;overflow-x:hidden}.construction-info{white-space:normal;max-height:50vh;margin:1ex 0;padding:0 .3rem;overflow-y:auto}.construction-info__title{margin:0;padding:0;font-weight:700}.construction-info__paragraph{text-align:justify;margin:1ex 0 0;padding:0}.ui-blocker{opacity:.5;background-color:#000;position:absolute;inset:0}.notification-list{box-sizing:border-box;flex-direction:column;justify-content:flex-end;width:22rem;max-height:80%;display:flex;position:absolute;bottom:0;right:0;overflow:visible}.notification-list__toggle{box-sizing:border-box;height:1.7rem;padding:0;position:absolute;bottom:0;right:0}.notification-list:empty~.notification-list__toggle{display:none}.notification{text-align:center;border:1px outset #000;margin:.2rem 0 0;padding:.2rem;box-shadow:1ex 1ex 3ex gray}.notification--confirmation,.notification--task{background-color:#ddf}.notification--error{background-color:#fcc}.notification--success{background-color:#afa}.notification--warning{background-color:#ff0}.notification__text{text-align:left;margin:0 0 .5rem;padding:0}.notification__button{box-sizing:border-box;height:1.7rem;margin:0 .5rem;padding:0 .2rem}