:root{color-scheme:light dark;--color-base-c: #ffffff;--color-base-c-hover: #d3d3d3;--color-base: #201E1E;--color-base-hover: #302E2E;--color-base-font: #ffffff;--color-base-font-hover: #d3d3d3;--color-base-transparent: #333333BB;--color-base-transparent-2: #55555555;--color-base-disabled: #999999;--color-brand-c: #ffffff;--color-brand: #071C4C;--color-brand-selected: #162F68;--color-brand-hover: #031233;--color-brand-font: #6278AA;--color-brand-font-hover: #3F5891;--color-accent-c: #ffffff;--color-accent: #E4A525;--color-accent-selected: #F3BE54;--color-accent-hover: #BC810D;--color-accent-font: #E4A525;--color-accent-font-hover: #BC810D;--color-bad-c: #ffffff;--color-bad: #A52556;--color-bad-selected: #BB4573;--color-bad-hover: #86113E;--color-bad-font: #BB4573;--color-bad-font-hover: #A52556;--color-good-c: #ffffff;--color-good: #6FAD26;--color-good-selected: #8BC548;--color-good-hover: #548D11;--color-good-font: #8BC548;--color-good-font-hover: #6FAD26;--color-debug: #e100ff;--radius: .3em;--radius-large: .5em;--radius-round: 9999em;color:var(--color-base-c);fill:var(--color-base-c);background-color:var(--color-base)}@media (prefers-color-scheme: light){:root{--color-base-c: #201E1E;--color-base-c-hover: #302E2E;--color-base: #ffffff;--color-base-hover: #d3d3d3;--color-base-font: #201E1E;--color-base-font-hover: #302E2E;--color-base-transparent: #ffffffBB;--color-base-transparent-2: #55555555;color:var(--color-base-c);fill:var(--color-base-c);background-color:var(--color-base)}}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{overflow-x:hidden;overflow-y:hidden}#app{position:absolute;top:0;left:0;right:0;bottom:0}.toolbar{position:absolute;top:0;left:0;right:0;height:3.2em;background-color:var(--color-brand);color:var(--color-brand-c);fill:var(--color-brand-c)}.notepad-canvasContainer{position:absolute;top:3.2em;left:0;bottom:0;right:0;overflow-x:hiden;overflow-y:hiden;background-color:var(--color-base-hover);color:var(--color-base-c)}.notepad-canvasContainer canvas{background-color:var(--color-base)}.notepad-importHeader{display:block;border-radius:var(--radius);font-size:1.2em;margin-top:1em;padding:.4em;align-items:center;justify-content:center}.notepad-importFile{display:block;border-radius:var(--radius);font-size:1.2em;margin-bottom:.6em;margin-top:.6em;padding:.4em;align-items:center;justify-content:center;width:-webkit-fill-available}.notepad-importFile:hover{background-color:var(--color-base-hover)}.notepad-importConfirm{display:block;border-radius:var(--radius);background-color:var(--color-brand);color:var(--color-brand-c);font-size:1.2em;margin:.05em;padding:.4em;align-items:center;justify-content:center}.notepad-importConfirm:hover{background-color:var(--color-brand-font-hover)}.tool{display:inline-flex;border-radius:var(--radius);float:left;font-size:1.5em;margin:.05em;width:1.7em;height:1.7em;align-items:center;justify-content:center;padding-bottom:.3em}.tool:hover{background-color:var(--color-brand-hover)}.toolWithText{display:inline-flex;border-radius:var(--radius);float:left;font-size:1.2em;padding:.5em .5em .3em;width:8em;height:1.7em;align-items:center;justify-content:left}.toolWithText:hover{background-color:var(--color-brand-hover)}.selected-tool{background-color:var(--color-brand-selected)}.selected-tool-good{fill:var(--color-good)}.spacer{float:left;background-color:var(--color-brand-selected);display:inline-block;border-radius:var(--radius);width:.2em;height:2.7em;overflow:hidden;margin:.2em .3em}.toolPopup{display:flex;position:absolute;margin-top:3.7em;margin-left:-2.7em;translate:50% 50%;font-size:.667em;flex-wrap:wrap;align-items:center;justify-content:center;width:15em;height:8em;overflow:visible;border-radius:var(--radius);color:var(--color-base-c);background-color:var(--color-base);z-index:2}.menuPopup{display:flex;position:absolute;margin-top:3.7em;margin-left:-15.7em;translate:50% 50%;font-size:.667em;flex-wrap:wrap;align-items:center;justify-content:center;width:9em;height:9em;overflow:visible;border-radius:var(--radius);color:var(--color-base-c);background-color:var(--color-base);z-index:2}.toolPopupGrayout{display:block;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:var(--color-base-transparent-2);z-index:1}.popupContainer{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000b;z-index:100}.popupContent,.popupContent-fullscreen{position:absolute;text-align:center;top:50%;left:50%;translate:-50% -50% 0;margin:.5em;padding:1em;border-radius:var(--radius);background-color:var(--color-base);color:var(--color-base-c);overflow-x:hidden;overflow-y:auto}.popupContent-fullscreen{position:absolute;top:0;left:0;right:0;bottom:0;translate:0 0 0}.popupExitBtn{z-index:101;position:absolute;display:inline-flex;line-break:normal;align-items:center;justify-content:center;left:.2em;top:.2em;width:2em;height:2em;border-radius:var(--radius);font-size:1.2em}.popupExitBtn:hover{background-color:var(--color-bad);color:var(--color-bad-c)}.popupConfirmBtn,.popupCancelBtn{width:30%;display:inline-block;margin:.25em;padding:.5em;border-radius:var(--radius)}.popupConfirmBtn{color:var(--color-good-c);background-color:var(--color-good)}.popupConfirmBtn:hover{background-color:var(--color-good-hover)}.popupCancelBtn{color:var(--color-bad-c);background-color:var(--color-bad)}.popupCancelBtn:hover{background-color:var(--color-bad-hover)}.popupTitle{display:block;padding-top:.1em;padding-bottom:.1em;font-size:xx-large;font-weight:700}.popupSubtitle{display:block;padding-top:1em;font-size:large;font-weight:700}