.angle-input{--disk-radius:24px;--pivot-radius:16px;--border-color:#ccc;border:1px solid var(--border-color);width:calc(2 * var(--disk-radius));height:calc(2 * var(--disk-radius));background-color:#eef;border-radius:50%;position:relative;top:0;left:0;box-shadow:2px 2px 2px #888}.angle-input:focus{--border-color:#77f;outline:none}.angle-input input{opacity:0;width:0;height:0}.angle-input .pivot{width:calc(2 * var(--disk-radius));height:calc(2 * var(--disk-radius));top:calc(var(--disk-radius) - var(--pivot-radius) - 7px);left:calc(var(--disk-radius) - var(--pivot-radius) - 7px);background-color:#0000;border-radius:50%;display:inline-block;position:absolute}.angle-input .pivot:before{content:"";cursor:move;border:1px solid var(--border-color);background-color:#ccc;border-radius:50%;width:16px;height:16px;position:absolute;right:16px;box-shadow:0 0 8px #fff}.range-input[type=range]{appearance:none;border:none;outline:none;width:70%;overflow:hidden}.range-input[type=range]::-webkit-slider-runnable-track{height:16px;color:var(--key-color);border:1px solid #ccc;border-radius:2px}.range-input[type=range]::-moz-range-track{height:16px;color:var(--key-color);border:1px solid #ccc;border-radius:2px}.range-input[type=range]::-webkit-slider-thumb{background:var(--key-color);cursor:pointer;appearance:none;border-radius:3px;width:16px;height:16px;margin-top:-1px;box-shadow:0 0 2px 2px #759fff,-105px 0 0 100px #6080ab}.range-input[type=range]::-moz-range-thumb{background:var(--key-color);cursor:pointer;appearance:none;border-radius:3px;width:16px;height:16px;margin-top:-1px;box-shadow:0 0 2px 2px #759fff,-105px 0 0 100px #6080ab}.range-input[type=range]::-moz-range-progress{background-color:var(--key-color)}.palette table{border-collapse:collapse;background-color:#dfd;border:1px solid #dfd;width:100%;box-shadow:2px 2px 2px #888}.palette td{border:1px solid #b2e7b2;padding:3px}.palette input{border:1px solid var(--border-color)}.palette input[type=number]{width:3em}.palette input[type=text]{width:10em}.copiable-text{background-color:var(--button-like-bg-color);border:2px solid #777;border-radius:4px;width:100%;padding:3px;display:flex}.copiable-text input[type=text]{background-color:#0000;border:none;width:calc(100% - 2.1em);overflow-x:scroll}.copiable-text button{cursor:pointer;background-color:#0000;border:none;width:2em;font-family:monospace}.copiable-text button svg{--color:#777}.copiable-text button:focus{outline:none}.preview{background-color:#0000;background-image:linear-gradient(45deg,#ccc 25%,#0000 25% 75%,#ccc 75%),linear-gradient(45deg,#ccc 25%,#0000 25% 75%,#ccc 75%);background-position:0 0,.5em .5em;background-repeat:repeat,repeat;background-size:1em 1em;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:max(15em,min(30vw,30vh));height:max(15em,min(30vw,30vh));margin-bottom:9em}.preview #messages{color:#f33;height:3em;overflow-y:auto}.preview #svg-image{width:100%;height:100%}.svg-save-form{margin:5px 0}:root{--bg-color:#f0f7ff;--key-color:#235599;--border-color:#ccc;--button-like-bg-color:#eef;background-color:var(--bg-color);color:var(--key-color);font-family:Times New Roman,Times,serif}.flex{flex-flow:wrap;justify-content:center;align-items:center;display:flex}select{border:1px solid var(--border-color);background-color:var(--button-like-bg-color);color:var(--key-color);border-radius:5px;margin:0 .3em .5em;box-shadow:2px 2px 2px #888}caption{margin-top:.5em;font-weight:700}input{color:var(--key-color)}input[type=submit]{background-color:var(--button-like-bg-color);border:3px outset var(--border-color);border-radius:5px}input[type=number],input[type=text]{border:none;border-bottom:2px solid var(--border-color);text-align:center;vertical-align:middle;background-color:#fffb}input[type=number]:focus,input[type=text]:focus{border-bottom:2px solid var(--key-color);background-color:#fff;outline:none}input[type=number]:disabled,input[type=text]:disabled{color:var(--key-color)}.unit,.sep{margin:0 .3em;font-family:monospace}.small{vertical-align:middle;font-size:.7em}.git-link{width:1.6em;height:1.6em;margin:5px 0 0 5px}