:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;--accent-hue: 100;--radius: .25rem;--chrome-hue: 100;--chrome-sat: 15%;--chrome-1: hsl(var(--chrome-hue), var(--chrome-sat), 95%);--chrome-2: hsl(var(--chrome-hue), var(--chrome-sat), 90%);--chrome-3: hsl(var(--chrome-hue), var(--chrome-sat), 80%);--chrome-5: hsl(var(--chrome-hue), var(--chrome-sat), 10%);--chrome-inactive-3: hsl(var(--chrome-hue), var(--chrome-sat), 99%);--chrome-inactive-5: hsl(var(--chrome-hue), var(--chrome-sat), 1%);--chrome-active-1: hsl(var(--chrome-hue), calc(var(--chrome-sat) + 60%), 90%);--chrome-active-2: hsl(var(--chrome-hue), calc(var(--chrome-sat) + 60%), 80%);--chrome-active-3: hsl(var(--chrome-hue), calc(var(--chrome-sat) + 60%), 50%);--chrome-active-5: hsl(var(--chrome-hue), calc(var(--chrome-sat) + 60%), 10%);--chrome-padding: .5rem}*{box-sizing:border-box}html,body{background-color:var(--chrome-1);height:100%;width:100%;margin:0;padding:0;overflow:hidden;display:flex;justify-content:center}button,fieldset,input,legend,select,textarea{appearance:none;background-color:transparent;border:none;padding:0;margin:0;box-sizing:border-box}input,select,textarea{border:1px solid var(--chrome-5);background-color:var(--chrome-inactive-3);color:var(--chrome-inactive-5);border-radius:var(--radius)}input[type=number],input[type=text],input[type=email],select,textarea{font:1.25ch/1.5 sans-serif;display:block;width:100%;padding:.5ch .75ch}textarea{min-height:10ch}input[type=radio],input[type=checkbox]{height:1.5ch;width:1.5ch;vertical-align:middle;align-self:center}input[type=radio]{border-radius:50%}input[type=radio]:checked,input[type=checkbox]:checked{background-color:var(--chrome-active-3)}form{display:grid;gap:1ch;grid-template-columns:repeat(2,auto);align-items:baseline}label{-webkit-user-select:none;user-select:none}body{user-select:none;-webkit-user-select:none;overscroll-behavior:none;touch-action:none;overflow:hidden;height:100vh;width:100vw}section{position:absolute;left:0;top:0;width:100vw;height:100vh;display:grid;grid-template-rows:auto 8em;align-items:end;pointer-events:none}.handle{border:3px solid white;border-radius:50%;width:2rem;height:2rem;position:absolute;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}fieldset{display:inline-block;padding:.5em;font-size:12px}legend{text-align:center;font-weight:700}label{opacity:.5}#right{width:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;background-color:var(--chrome-3);padding:.5em;overflow:hidden}#right-top{display:flex;flex-wrap:wrap;flex-direction:row;align-content:center;justify-content:flex-start;pointer-events:all}#point-a,#point-b{background-color:#00f;color:#fff}#point-cubic1,#point-cubic2{background-color:red;color:#fff}#snippet{align-self:center;font-size:8pt;font-family:monospace;word-break:break-all;text-wrap:wrap;word-wrap:break-word;-webkit-user-select:text;user-select:text;pointer-events:all}#target{position:relative;z-index:2;width:100%;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none}@media (min-aspect-ratio: 1/1){fieldset{width:100%;max-width:8em}fieldset.wide{max-width:unset}#right{height:100%}section{grid-template-rows:none;grid-template-columns:auto 15em}}