@font-face{font-family:Inter;src:url(/assets/InterVariable-DiVDrmQJ.woff2)format("woff2-variations");font-weight:100 900}:root{--panel-bg-col:#2d2a2e;--panel-border-col:#343234;--interactable-col:#434045;--interactable-border-col:#4b464c;--interactable-hover-col:#5b575d;--accent-col:#396fa9;--font-size:.875rem;--font-col:#e4dde6;--font-muted-col:#a1a1a1;--font-hover-col:#fafafa}html{font-variant-numeric:tabular-nums;-webkit-text-size-adjust:none;font-family:Inter,sans-serif;font-size:16px}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;margin:0;padding:0;position:fixed;overflow:hidden}body{flex-direction:column;display:flex}#loading{z-index:10;background:#000;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#bar{background:#434045;border-radius:3px;width:200px;height:8px}#fill{background:#e4dde6;border-radius:3px;width:0;height:100%}#stage{touch-action:none;flex:1;min-height:0;position:relative}canvas{touch-action:none;cursor:grab;display:block}canvas.drag{cursor:grabbing}#panel{background-color:var(--panel-bg-col);border:1px solid var(--panel-border-col);color:#e4dde6;border-radius:6px;width:150px;font-size:14px;display:flex;position:absolute;top:8px;right:8px}#panel>.body{flex:1;min-width:0}#collapse{background-color:var(--interactable-col);border:1px solid var(--interactable-border-col);cursor:pointer;border-radius:3px;align-items:center;margin:3px;padding:0 2px;display:flex}#collapse:hover{background-color:var(--interactable-hover-col)}#collapse svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;display:block;transform:rotate(180deg)}#panel.collapsed #collapse svg{transform:rotate(0)}#panel.collapsed>.body{display:none}#panel.collapsed{width:auto;height:28px}#labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.label{white-space:nowrap;color:#ececec;-webkit-text-stroke:2px #000;paint-order:stroke fill;text-transform:uppercase;font-size:clamp(.1rem,.667vw,.5rem);font-weight:700;position:absolute;top:0;left:0}.num,.check,.btn{touch-action:none;background-color:var(--interactable-col);border:1px solid var(--interactable-border-col);border-radius:3px;margin:3px;padding:3px 6px}.num:hover,.check:hover,.btn:hover{background-color:var(--interactable-hover-col)}.num:active,.check:active,.btn:active,#collapse:active{background-color:var(--accent-col)}.btn{text-align:center}.num{cursor:ew-resize;gap:6px;display:flex}.check,.btn{cursor:pointer}.check{align-items:center;gap:6px;display:flex}.check .box{border:1px solid;border-radius:2px;width:12px;height:12px}.check .box svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;visibility:hidden;width:100%;height:100%;display:block}.check.on .box svg{visibility:visible}.check.on .box{background-color:var(--accent-col)}#helpOverlay{z-index:20;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#helpOverlay.hidden{display:none}#helpPanel{color:#e4dde6;-webkit-user-select:text;user-select:text;background:#2d2a2e;border:1px solid #343234;border-radius:6px;max-width:820px;max-height:calc(100vh - 32px);margin:32px;padding:16px 20px;font-size:14px;line-height:1.5;position:relative;overflow-y:auto}#helpPanel h1{font-weight:300}#helpPanel h2{margin-top:1.5rem;margin-bottom:.25rem;font-weight:500}#helpPanel p{margin:0 0 10px}#helpPanel .keys p,#helpPanel p:last-child{margin-bottom:0}#helpClose{cursor:pointer;background-color:var(--interactable-col);border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:8px;right:8px}#helpClose:hover{background-color:var(--interactable-hover-col)}#helpClose:active{background-color:var(--accent-col)}#helpClose svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:16px;height:16px;display:block}.imprint{color:#b4b4b4}.spacer{background-color:#ffffff2c;min-height:2px;margin-top:32px}