*,:after,:before{background-repeat:no-repeat;box-sizing:border-box}:after,:before{text-decoration:inherit;vertical-align:inherit}:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4}:where(body){margin:0}:where(h1){font-size:2em;margin:.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li):before{content:"\200B";float:left}:where(pre){font-family:monospace,monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,select){margin:0}:where(button,[type=button i],[type=reset i],[type=submit i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy=true i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}:root{color-scheme:light dark}html{font-family:Roboto;font-size:16px;font-weight:400}@media (prefers-color-scheme:light){html{background:#fff;color:#444}}@media (prefers-color-scheme:dark){html{background:#222;color:#ccc}}body.lock-browser,html.lock-browser{overflow:hidden;touch-action:none}@supports (overscroll-behavior-y:none){body.lock-browser{overflow-y:auto;overscroll-behavior-y:none}}.no-user-select{user-select:none;-webkit-user-select:none}header{min-height:4rem;text-align:center}@media (prefers-color-scheme:light){header{background:#eee;border-bottom:.1rem solid #444}}@media (prefers-color-scheme:dark){header{background:#333;border-bottom:.1rem solid #ccc}}header .title{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;font-size:2rem;font-weight:700;justify-content:center}header p{margin:0 .25rem}.view{height:40vw;overflow:hidden;position:relative;text-align:center}@media screen and (max-width:1024px){.view{height:28rem}}@media screen and (max-width:640px){.view{height:36rem}}@media (prefers-color-scheme:light){.view{background:#fff}}@media (prefers-color-scheme:dark){.view{background:#222}}.view .flowbox{position:absolute;text-align:center}.view .flowbox:hover{cursor:grab}.view .flowbox:active{cursor:grabbing}.menu{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:.5rem;text-align:center}@media (prefers-color-scheme:light){.menu{background:#ddd}}@media (prefers-color-scheme:dark){.menu{background:#444}}.menu .item{align-items:center;border-radius:.3rem;cursor:pointer;display:flex;font-weight:700;height:2rem;justify-content:center;margin:.5rem;width:2rem}@media (prefers-color-scheme:light){.menu .item{background:#bbb;color:#444}}@media (prefers-color-scheme:dark){.menu .item{background:#ccc;color:#222}}@media (prefers-color-scheme:light){.menu .item.selected{background:#8e98ff}}@media (prefers-color-scheme:dark){.menu .item.selected{background:#ff8856}}.settings-back{padding:1rem}@media (prefers-color-scheme:light){.settings-back{background:#eee}}@media (prefers-color-scheme:dark){.settings-back{background:#333}}.settings{border-radius:.5rem;font-size:1.2rem;margin:auto;max-width:40rem;min-height:25rem;text-align:center}@media (prefers-color-scheme:light){.settings{background:#eee;border:.2rem solid #ddd}}@media (prefers-color-scheme:dark){.settings{background:#333;border:.2rem solid #444}}.settings .select-type{font-size:1.4rem;margin:1rem;text-align:center;width:10rem}@media (prefers-color-scheme:light){.settings .select-type{background:#eee;border:.2rem solid #ddd;color:#444}}@media (prefers-color-scheme:dark){.settings .select-type{background:#333;border:.2rem solid #444;color:#ccc}}.settings hr{border-style:none}@media (prefers-color-scheme:light){.settings hr{border-top:.1rem solid #ddd}}@media (prefers-color-scheme:dark){.settings hr{border-top:.1rem solid #444}}.settings .monitor .with-radio{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.settings .monitor input[type=radio]{margin:1rem}@media (prefers-color-scheme:light){.settings .monitor input[type=radio]{accent-color:#8e98ff;background:#ccc}}@media (prefers-color-scheme:dark){.settings .monitor input[type=radio]{accent-color:#ff8856;background:#999}}.settings .settings-form{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;flex-wrap:nowrap;justify-content:center}.settings .settings-form .settings-flex-item-form{width:auto}.settings .settings-form label{display:block;margin:.1rem .5rem;text-align:right;width:5rem}.settings .settings-form .input-aspect{width:20rem}@media screen and (max-width:640px){.settings .settings-form .input-aspect{width:12rem}}.settings .settings-form .input-length{width:13rem}@media screen and (max-width:640px){.settings .settings-form .input-length{width:6rem}}.settings .settings-form .select-length{width:6rem}@media screen and (max-width:640px){.settings .settings-form .select-length{width:5rem}}.settings .settings-form .input-aspect,.settings .settings-form .input-length,.settings .settings-form .select-length{margin:.1rem .5rem}.settings .settings-form .select-others{margin:2rem .5rem;width:24rem}@media screen and (max-width:640px){.settings .settings-form .select-others{width:16rem}}.settings .settings-form .input-aspect,.settings .settings-form .input-length,.settings .settings-form .select-length,.settings .settings-form .select-others{font-size:1.2rem}@media (prefers-color-scheme:light){.settings .settings-form .input-aspect,.settings .settings-form .input-length,.settings .settings-form .select-length,.settings .settings-form .select-others{background:#eee;border:.2rem solid #ddd;color:#444}}@media (prefers-color-scheme:dark){.settings .settings-form .input-aspect,.settings .settings-form .input-length,.settings .settings-form .select-length,.settings .settings-form .select-others{background:#333;border:.2rem solid #444;color:#ccc}}.settings .buttons{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.settings .buttons .delete-button,.settings .buttons .move-center-button{align-items:center;border-radius:.3rem;cursor:pointer;display:flex;height:2rem;justify-content:center;margin:.5rem 2rem;width:2rem}@media (prefers-color-scheme:light){.settings .buttons .delete-button,.settings .buttons .move-center-button{background:#ccc;color:#444}}@media (prefers-color-scheme:dark){.settings .buttons .delete-button,.settings .buttons .move-center-button{background:#999;color:#222}}footer{bottom:0;margin:1rem;text-align:center}@media (prefers-color-scheme:light){footer{background:#fff;color:#ccc}}@media (prefers-color-scheme:dark){footer{background:#222;color:#555}}@media (prefers-color-scheme:light){footer a{color:#ccc}}@media (prefers-color-scheme:dark){footer a{color:#555}}@media (prefers-color-scheme:light){footer a:hover{color:#8e98ff}}@media (prefers-color-scheme:dark){footer a:hover{color:#ff8856}}