:root{--fontSizeSm: 12px;--fontSizeMd: 14px;--fontSizeLg: 18px;--fontSizeXl: 22px;--paddingSm: 5px;--marginSm: 5px;--transitionSpeed: .1s;--colorWhite: #cfcccc;--textColor: var(--colorWhite);--colorPrimary: #845ec2;--colorPrimaryHover: #b96ac4;--colorDanger: #dc3545;--colorDangerHover: #df636f;--colorSuccess: #28a745;--colorSuccessHover: #42b95e;--colorInfo: #285fa7;--colorInfoHover: #4276b9;--colorUi: #666;--colorUiBackground: #333;--colorUiHover: #888;--dropShadow: drop-shadow(0px 1px 1px #222);--navbarHeight: 37px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--colorUiBackground)}::-webkit-scrollbar-thumb{background:var(--colorPrimary)}::-webkit-scrollbar-thumb:hover{background:var(--colorPrimaryHover);cursor:pointer}@media (prefers-reduced-motion: reduce){:root{--transitionSpeed: 0ms}}*{box-sizing:border-box}body{padding:0;margin:0;font-family:Consolas;font-size:var(--fontSizeMd);height:100svh;background-color:#111;color:var(--textColor);overflow:clip}app-root{display:block;height:100%}input,p{margin:0}app-slider,app-checkbox,app-dropdown{padding:var(--paddingSm);display:block;width:fit-content;height:fit-content}app-dialog{display:block;inset:0;position:fixed;margin:auto;z-index:1;pointer-events:none}app-dialog dialog{pointer-events:all}app-canvas{display:block;width:100%;height:100%}.visually-hidden{position:absolute;left:0;top:0;transform:translate(-100%) translateY(-100%)}.version-hint{position:absolute;z-index:1;top:var(--paddingSm);right:var(--paddingSm);color:var(--colorPrimary)}.source-code-hint{position:absolute;z-index:1;right:var(--paddingSm);bottom:var(--paddingSm);color:var(--colorPrimary)}.source-code-hint:hover{color:var(--textColor)}