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