diff --git a/index.html b/index.html
index 1235ce8..83d2bec 100644
--- a/index.html
+++ b/index.html
@@ -123,7 +123,7 @@ <h2>A project by Xing</h2>
 					<svg height='32' viewBox="0 0 96 96"> <circle fill="#000" r="48" cy="48" cx="48"/> <g id="text-group"><path fill="#fff" d=" M10 5h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18 M10 25h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18 M10 45h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18 M10 65h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18 M10 85h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18m10 0h2v18h-2v-18 "/></g> <g id="fork-group"><path fill="#000" d="M20 16l62 62l-8 8l-62-62z"/><path fill="#fff" d="M18 18l60 60l-4 4l-60-60z"/></g> </svg>
 					Greasyfork Scripts
 				</a>
-				<a id='bookmarklet' href='javascript:!async function(){"use strict";const t=document.createElement("aside"),e=t.attachShadow({mode:"open"}),n=document.createElement("main");n.addEventListener("click",t=>{n.classList.contains("focus")||t.target===a||n.classList.add("focus")});const a=document.createElement("button");a.textContent="↑ collapse ↑",a.id="collapse",a.addEventListener("click",()=>{n.classList.remove("focus")});const r=document.createElement("form"),l=document.createElement("style"),i=`"Google Sans", Roboto, RobotDraft, Helvetica, sans-serif, serif`;l.textContent=`\n* {\n\tbox-sizing: border-box;\n\ttransition: all 200ms;\n}\n*:not(input) {\n\tuser-select: none;\n}\n@media (prefers-reduced-motion) {\n\t* {\n\t\ttransition: all 0s;\n\t}\n}\n:focus {\n\toutline: 0;\n}\nmain {\n\tz-index: 99999;\n\tposition: fixed;\n\tleft: 0;\n\ttop: 0;\n\twidth: 480px;\n\tmax-width: 100vw;\n\theight: auto;\n\tmin-height: 100vh;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tbackground: white;\n\ttransform: translateY(calc(-100% + 3rem));\n\tbox-shadow: 0 .1rem .25rem #0004;\n\tborder-radius: 0 0 .75rem 0;\n\tpadding: 1rem 1rem 0 1rem;\n\toverflow: hidden scroll;\n\tfont-family: ${i};\n\tfont-size: 1rem;\n\tcursor: pointer;\n}\nbutton{\n\tfont-family: inherit;\n\tfont-size: .8rem;\n}\nmain #collapse {\n\tbackground: white;\n\tcursor: pointer;\n\tmargin-bottom: .5rem;\n}\nmain.focus {\n\ttransform: none;\n\tborder-radius: 0;\n\theight: 100vh;\n\tpadding: 1rem;\n\tcursor: default;\n}\n#previews {\n\tmargin-top: 1rem;\n\theight: 3rem;\n\tdisplay: flex;\n}\n#previews>video,\n#previews>canvas {\n\theight: 100%;\n\twidth: auto;\n\tbackground-image: linear-gradient(90deg,\n\t\thsl( 18, 100%, 68%) 16.7%,\thsl(-10, 100%, 80%) 16.7%,\n\t\thsl(-10, 100%, 80%) 33.3%,\thsl(  5,  90%, 72%) 33.3%,\n\t\thsl(  5,  90%, 72%) 50%,\thsl( 48, 100%, 75%) 50%,\n\t\thsl( 48, 100%, 75%) 66.7%,\thsl( 36, 100%, 70%) 66.7%,\n\t\thsl( 36, 100%, 70%) 83.3%,\thsl( 20,  90%, 70%) 83.3%\n\t);\n\tmargin-right: 1rem;\n}\n#previews>h1 {\n\tflex-grow: 1;\n\tfont-size: 1rem;\n\tfont-weight: normal;\n\ttext-align: center;\n\tcolor: #444;\n\tline-height: 1.5rem;\n}\n:hover>#previews>h1 {\n\ttransform: translateY(.1rem); /* Tiny nudge downwards */\n}\n.focus>#previews>h1 {\n\tdisplay: none;\n}\n.focus>#previews {\n\theight: auto;\n}\n.focus>#previews>* {\n\theight: auto;\n\twidth: calc(50% - .5rem);\n}\n#presets,\nlabel {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n}\n#presets>* {\n\tborder: 0;\n\tbackground: transparent;\n\tflex-grow: 1;\n}\n#presets>:first-child {\n\tborder-radius: 100px 0 0 100px;\n}\n#presets>:last-child {\n\tborder-radius: 0 100px 100px 0;\n}\nlabel {\n\theight: 2rem;\n}\nlabel>*{\n\twidth: calc(100% - 6.5rem);\n}\nlabel>*,\n#collapse {\n\theight: 1.5rem;\n\tborder-radius: 0.75rem;\n\tborder: 0.25rem solid lightgray;\n}\nlabel>:hover,\n#collapse:hover {\n\tborder: 0.25rem solid gray;\n}\n#presets>:hover {\n\tbackground: #0003;\n}\n#presets>:focus {\n\tbackground: black;\n\tcolor: white;\n}\n#presets:focus-within,\n#collapse:focus,\nlabel>:focus {\n\tborder-color: black;\n}\ntextarea {\n\ttext-align: center;\n\tfont-family: inherit;\n\tfont-weight: bold;\n\tresize: none;\n\tline-height: 1;\n}\ninput[type=range] {\n\t-webkit-appearance: none;\n\t--gradient: transparent, transparent;\n\t--rainbow: hsl(0, 80%, 75%), hsl(30, 80%, 75%), hsl(60, 80%, 75%), hsl(90, 80%, 75%), hsl(120, 80%, 75%), hsl(150, 80%, 75%), hsl(180, 80%, 75%), hsl(210, 80%, 75%), hsl(240, 80%, 75%), hsl(270, 80%, 75%), hsl(300, 80%, 75%), hsl(330, 80%, 75%);\n\tbackground: linear-gradient(90deg, var(--gradient)), linear-gradient(90deg, var(--rainbow));\n}\ninput[type=range]::-webkit-slider-thumb {\n\t-webkit-appearance: none;\n\tbackground: white;\n\twidth: 1rem;\n\theight: 1rem;\n\tborder: 0.25rem solid black;\n\tborder-radius: 0.5rem;\n}\ninput[type=range]:focus::-webkit-slider-thumb {\n\tborder-color: white;\n\tbackground: black;\n}\ninput#exposure,\ninput#fog,\ninput#vignette {\n\t--gradient: black, #8880, white\n}\ninput#contrast {\n\t--gradient: gray, #8880\n}\ninput#temperature {\n\t--gradient: #88f, #8880, #ff8\n}\ninput#tint {\n\t--gradient: #f8f, #8880, #8f8\n}\ninput#sepia {\n\t--gradient: #8880, #aa8\n}\ninput#hue,\ninput#rotate {\n\tbackground: linear-gradient(90deg, hsl(0, 80%, 75%), hsl(60, 80%, 75%), hsl(120, 80%, 75%), hsl(180, 80%, 75%), hsl(240, 80%, 75%), hsl(300, 80%, 75%), hsl(0, 80%, 75%), hsl(60, 80%, 75%), hsl(120, 80%, 75%), hsl(180, 80%, 75%), hsl(240, 80%, 75%), hsl(300, 80%, 75%), hsl(0, 80%, 75%))\n}\ninput#saturate {\n\t--gradient: gray, #8880 50%, blue, magenta\n}\ninput#blur {\n\t--gradient: #8880, gray\n}\ninput#scale,\ninput#x,\ninput#y,\ninput#pillarbox,\ninput#letterbox {\n\t--gradient: black, white\n}\n`,r.append(l);const s=Object.fromEntries("exposure,contrast,temperature,tint,sepia,hue,saturate,blur,fog,vignette,rotate,scale,x,y,pillarbox,letterbox,text".split(",").map(t=>{let e;if("text"==t?(e=document.createElement("textarea")).placeholder="🌈 Write text here 🌦️":((e=document.createElement("input")).type="range",e.min=["blur","sepia","scale","pillarbox","letterbox"].includes(t)?0:-1,e.max=1,e.step=1e-5,e.value=0),e.classList.add("input"),!["temperature","tint"].includes(t)||!navigator.userAgent.includes("Firefox")){let n=document.createElement("label");n.textContent=e.id=t,r.append(n),n.append(e)}return[t,e]}));r.addEventListener("wheel",t=>{if("range"==t.target.type){t.preventDefault();const e=t.target,n=e.getBoundingClientRect().width,a=-t.deltaX,r=t.deltaY,l=(Math.abs(a)>Math.abs(r)?a:r)/n,i=e.max-e.min;let s=Number(e.value);e.value=s+l*i}}),r.addEventListener("contextmenu",t=>{"range"==t.target.type&&(t.preventDefault(),t.target.value=0)});const o=document.createElement("label"),u=document.createElement("div");u.id="presets";const c="reset,concorde,mono,stucco,matcha,deepfry".split(",").map(t=>{let e=document.createElement("button");return e.textContent=e.id=t,e});o.textContent="presets",u.append(...c),o.append(u),o.addEventListener("click",t=>{switch(t.preventDefault(),Object.values(s).forEach(t=>{"text"!==t.id&&(t.value=0)}),t.target.id){case"concorde":s.saturate.value=.1,s.contrast.value=.1,s.temperature.value=-.4,s.tint.value=.2;break;case"mono":s.saturate.value=-1,s.contrast.value=-.1,s.exposure.value=.1,s.vignette.value=-.5;break;case"stucco":s.contrast.value=-.1,s.temperature.value=-.2,s.tint.value=.2,s.sepia.value=.2,s.saturate.value=.25,s.fog.value=.1;break;case"matcha":s.exposure.value=.1,s.tint.value=-.75,s.sepia.value=1,s.hue.value=.2,s.vignette.value=.3,s.fog.value=.3;break;case"deepfry":s.contrast.value=1,s.saturate.value=1}});const d="http://www.w3.org/2000/svg",p=document.createElementNS(d,"svg"),h=document.createElementNS(d,"filter");h.id="filter";const m=document.createElementNS(d,"feColorMatrix");h.append(m),p.append(h);const g=document.createElement("div");g.id="previews";const b=document.createElement("video");b.setAttribute("playsinline",""),b.setAttribute("autoplay",""),b.setAttribute("muted","");const v=document.createElement("canvas"),f=document.createElement("h1");function x(t,e){return(Number(t)+1)**e}function w(t){return 100*Number(t)+"%"}function y(t,e){let n=Number(t);return Math.sign(n)*Math.abs(Number(n))**e}f.textContent="↓ Mercator Studio ↓",g.append(b,v,f),r.append(o),n.append(a,r,g),e.append(n,p),document.body.append(t);const k=8;class E extends MediaStream{constructor(t){super(t),b.srcObject=t;const e=t.getVideoTracks()[0].getSettings(),n=e.width,a=e.height,r=[n/2,a/2];v.width=n,v.height=a;const l=v.getContext("2d");let o=b.currentTime;l.textAlign="center",l.textBaseline="middle",function t(){if(!b.srcObject||o!=b.currentTime){o=b.currentTime,l.clearRect(0,0,n,a),s.hue.value%=1,s.rotate.value%=1;let t=w(x(s.exposure.value,2)),e=w(x(s.contrast.value,3)),u=y(s.temperature.value,2),c=y(s.tint.value,2),d=w(s.sepia.value),p=360*Number(s.hue.value)+"deg",h=w(k**s.saturate.value),g=Number(s.blur.value)*n/16+"px",v=Number(s.fog.value),f=Number(s.vignette.value),E=2*Number(s.rotate.value)*Math.PI,M=x(s.scale.value,2),$=Number(s.x.value)*n,N=Number(s.y.value)*a,S=Number(s.pillarbox.value)*n/2,R=Number(s.letterbox.value)*a/2,T=s.text.value.split("\n");if(m.setAttribute("values",[1+u-c/2,0,0,0,0,0,1+c,0,0,0,0,0,1-u-c/2,0,0,0,0,0,1,0].join(" ")),l.filter=`\n\t\t\t\t\t\tbrightness(${t})\n\t\t\t\t\t\tcontrast(${e})\n\t\t\t\t\t\t${"url(#filter)".repeat(Boolean(u||c))}\n\t\t\t\t\t\tsepia(${d})\n\t\t\t\t\t\thue-rotate(${p})\n\t\t\t\t\t\tsaturate(${h})\n\t\t\t\t\t\tblur(${g})\n\t\t\t\t\t`,l.translate(...r),E&&l.rotate(E),M-1&&l.scale(M,M),($||N)&&l.translate($,N),l.translate(-n/2,-a/2),b.srcObject?l.drawImage(b,0,0,n,a):"18, 100%, 68%; -10,100%,80%; 5, 90%, 72%; 48, 100%, 75%; 36, 100%, 70%; 20, 90%, 70%".split(";").forEach((t,e)=>{l.fillStyle=`hsl(${t})`,l.fillRect(e*n/6,0,n/6,a)}),l.setTransform(1,0,0,1,0,0),l.filter="brightness(1)",v){let t=100*Math.sign(v),e=Math.abs(v);l.fillStyle=`hsla(0,0%,${t}%,${e})`,l.fillRect(0,0,n,a)}if(f){let t=100*Math.sign(f),e=Math.abs(f),i=l.createRadialGradient(...r,0,...r,Math.sqrt((n/2)**2+(a/2)**2));i.addColorStop(0,`hsla(0,0%,${t}%,0`),i.addColorStop(1,`hsla(0,0%,${t}%,${e}`),l.fillStyle=i,l.fillRect(0,0,n,a)}if(S&&(l.clearRect(0,0,S,a),l.clearRect(n,0,-S,a)),R&&(l.clearRect(0,0,n,R),l.clearRect(0,a,n,-R)),T){const t=.9*(n-2*S),e=.9*(a-2*R);l.font=`bold ${t}px ${i}`;let s=l.measureText("0"),o=(s.width,s.actualBoundingBoxAscent+s.actualBoundingBoxDescent),u=T.reduce((t,e)=>Math.max(t,l.measureText(e).width),0);const c=Math.min(t**2/u,e**2/o/T.length);l.font=`bold ${c}px ${i}`,s=l.measureText("0"),o=1.5*(s.actualBoundingBoxAscent+s.actualBoundingBoxDescent),l.lineWidth=c/8,l.strokeStyle="black",l.fillStyle="white",T.forEach((t,e)=>{let n=r[0],a=r[1]+o*(e-T.length/2+.5);l.strokeText(t,n,a),l.fillText(t,n,a)})}}requestAnimationFrame(t)}();const u=v.captureStream(30);return u.addEventListener("inactive",()=>{t.getTracks().forEach(t=>{t.stop()}),l.clearRect(0,0,n,a),b.srcObject=null}),u}}MediaDevices.prototype.old_getUserMedia=MediaDevices.prototype.getUserMedia,MediaDevices.prototype.getUserMedia=async function(t){return t&&t.video&&!t.audio?new E(await navigator.mediaDevices.old_getUserMedia(t)):navigator.mediaDevices.old_getUserMedia(t)}}();'>
+				<a id='bookmarklet' href='javascript:!async function(){"use strict";const t=document.createElement("aside"),e=t.attachShadow({mode:"open"}),n=document.createElement("main");n.addEventListener("click",t=>{n.classList.contains("focus")||t.target===a||n.classList.add("focus")});const a=document.createElement("button");a.textContent="↑ collapse ↑",a.id="collapse",a.addEventListener("click",()=>{n.classList.remove("focus")});const r=document.createElement("form"),i=document.createElement("style"),s=`"Google Sans", Roboto, RobotDraft, Helvetica, sans-serif, serif`;i.textContent=`\n* {\nbox-sizing: border-box;\ntransition: all 200ms;\n}\n*:not(input) {\nuser-select: none;\n}\n@media (prefers-reduced-motion) {\n* {\ntransition: all 0s;\n}\n}\n:focus {\noutline: 0;\n}\nmain {\nz-index: 99999;\nposition: fixed;\nleft: 0;\ntop: 0;\nwidth: 480px;\nmax-width: 100vw;\nheight: auto;\nmin-height: 100vh;\ndisplay: flex;\nflex-direction: column;\njustify-content: space-between;\nbackground: white;\ntransform: translateY(calc(-100% + 3rem));\nbox-shadow: 0 .1rem .25rem #0004;\nborder-radius: 0 0 .75rem 0;\npadding: 1rem 1rem 0 1rem;\noverflow: hidden scroll;\nfont-family: ${s};\nfont-size: 1rem;\ncursor: pointer;\n}\nbutton{\nfont-family: inherit;\nfont-size: .8rem;\n}\nmain #collapse {\nbackground: white;\ncursor: pointer;\nmargin-bottom: .5rem;\n}\nmain.focus {\ntransform: none;\nborder-radius: 0;\nheight: 100vh;\npadding: 1rem;\ncursor: default;\n}\n#previews {\nmargin-top: 1rem;\nheight: 3rem;\ndisplay: flex;\n}\n#previews>video,\n#previews>canvas {\nheight: 100%;\nwidth: auto;\nbackground-image: linear-gradient(90deg,\nhsl( 18, 100%, 68%) 16.7%,hsl(-10, 100%, 80%) 16.7%,\nhsl(-10, 100%, 80%) 33.3%,hsl(  5,  90%, 72%) 33.3%,\nhsl(  5,  90%, 72%) 50%,hsl( 48, 100%, 75%) 50%,\nhsl( 48, 100%, 75%) 66.7%,hsl( 36, 100%, 70%) 66.7%,\nhsl( 36, 100%, 70%) 83.3%,hsl( 20,  90%, 70%) 83.3%\n);\nmargin-right: 1rem;\n}\n#previews>h1 {\nflex-grow: 1;\nfont-size: 1rem;\nfont-weight: normal;\ntext-align: center;\ncolor: #444;\nline-height: 1.5rem;\n}\n:hover>#previews>h1 {\ntransform: translateY(.1rem); /* Tiny nudge downwards */\n}\n.focus>#previews>h1 {\ndisplay: none;\n}\n.focus>#previews {\nheight: auto;\n}\n.focus>#previews>* {\nheight: auto;\nwidth: calc(50% - .5rem);\n}\n#presets,\nlabel {\ndisplay: flex;\njustify-content: space-between;\nalign-items: center;\n}\n#presets>* {\nborder: 0;\nbackground: transparent;\nflex-grow: 1;\n}\n#presets>:first-child {\nborder-radius: 100px 0 0 100px;\n}\n#presets>:last-child {\nborder-radius: 0 100px 100px 0;\n}\nlabel {\nheight: 2rem;\n}\nlabel>*{\nwidth: calc(100% - 6.5rem);\n}\nlabel>*,\n#collapse {\nheight: 1.5rem;\nborder-radius: 0.75rem;\nborder: 0.25rem solid lightgray;\n}\nlabel>:hover,\n#collapse:hover {\nborder: 0.25rem solid gray;\n}\n#presets>:hover {\nbackground: #0003;\n}\n#presets>:focus {\nbackground: black;\ncolor: white;\n}\n#presets:focus-within,\n#collapse:focus,\nlabel>:focus {\nborder-color: black;\n}\ntextarea {\ntext-align: center;\nfont-family: inherit;\nfont-weight: bold;\nresize: none;\nline-height: 1;\n}\ninput[type=range] {\n-webkit-appearance: none;\n--gradient: transparent, transparent;\n--rainbow: hsl(0, 80%, 75%), hsl(30, 80%, 75%), hsl(60, 80%, 75%), hsl(90, 80%, 75%), hsl(120, 80%, 75%), hsl(150, 80%, 75%), hsl(180, 80%, 75%), hsl(210, 80%, 75%), hsl(240, 80%, 75%), hsl(270, 80%, 75%), hsl(300, 80%, 75%), hsl(330, 80%, 75%);\nbackground: linear-gradient(90deg, var(--gradient)), linear-gradient(90deg, var(--rainbow));\n}\ninput[type=range]::-webkit-slider-thumb {\n-webkit-appearance: none;\nbackground: white;\nwidth: 1rem;\nheight: 1rem;\nborder: 0.25rem solid black;\nborder-radius: 0.5rem;\n}\ninput[type=range]:focus::-webkit-slider-thumb {\nborder-color: white;\nbackground: black;\n}\ninput#exposure,\ninput#fog,\ninput#vignette {\n--gradient: black, #8880, white\n}\ninput#contrast {\n--gradient: gray, #8880\n}\ninput#temperature {\n--gradient: #88f, #8880, #ff8\n}\ninput#tint {\n--gradient: #f8f, #8880, #8f8\n}\ninput#sepia {\n--gradient: #8880, #aa8\n}\ninput#hue,\ninput#rotate {\nbackground: linear-gradient(90deg, hsl(0, 80%, 75%), hsl(60, 80%, 75%), hsl(120, 80%, 75%), hsl(180, 80%, 75%), hsl(240, 80%, 75%), hsl(300, 80%, 75%), hsl(0, 80%, 75%), hsl(60, 80%, 75%), hsl(120, 80%, 75%), hsl(180, 80%, 75%), hsl(240, 80%, 75%), hsl(300, 80%, 75%), hsl(0, 80%, 75%))\n}\ninput#saturate {\n--gradient: gray, #8880 50%, blue, magenta\n}\ninput#blur {\n--gradient: #8880, gray\n}\ninput#scale,\ninput#x,\ninput#y,\ninput#pillarbox,\ninput#letterbox {\n--gradient: black, white\n}\n`,r.append(i);const l=Object.fromEntries("exposure,contrast,temperature,tint,sepia,hue,saturate,blur,fog,vignette,rotate,scale,x,y,pillarbox,letterbox,text".split(",").map(t=>{let e;if("text"==t?(e=document.createElement("textarea")).placeholder="🌈 Write text here 🌦️":((e=document.createElement("input")).type="range",e.min=["blur","sepia","scale","pillarbox","letterbox"].includes(t)?0:-1,e.max=1,e.step=1e-5,e.value=0),e.classList.add("input"),!["temperature","tint"].includes(t)||!navigator.userAgent.includes("Firefox")){let n=document.createElement("label");n.textContent=e.id=t,r.append(n),n.append(e)}return[t,e]}));r.addEventListener("wheel",t=>{if("range"==t.target.type){t.preventDefault();const e=t.target,n=e.getBoundingClientRect().width,a=-t.deltaX,r=t.deltaY,i=(Math.abs(a)>Math.abs(r)?a:r)/n,s=e.max-e.min;e.value=e.valueAsNumber+i*s}}),r.addEventListener("contextmenu",t=>{"range"==t.target.type&&(t.preventDefault(),t.target.value=0)});const o=document.createElement("label"),c=document.createElement("div");c.id="presets";const u="reset,concorde,mono,stucco,matcha,deepfry".split(",").map(t=>{let e=document.createElement("button");return e.textContent=e.id=t,e});o.textContent="presets",c.append(...u),o.append(c),o.addEventListener("click",t=>{switch(t.preventDefault(),Object.values(l).forEach(t=>{"text"!==t.id&&(t.value=0)}),t.target.id){case"concorde":l.saturate.value=.1,l.contrast.value=.1,l.temperature.value=-.4,l.tint.value=.2;break;case"mono":l.saturate.value=-1,l.contrast.value=-.1,l.exposure.value=.1,l.vignette.value=-.5;break;case"stucco":l.contrast.value=-.1,l.temperature.value=-.2,l.tint.value=.2,l.sepia.value=.2,l.saturate.value=.25,l.fog.value=.1;break;case"matcha":l.exposure.value=.1,l.tint.value=-.75,l.sepia.value=1,l.hue.value=.2,l.vignette.value=.3,l.fog.value=.3;break;case"deepfry":l.contrast.value=1,l.saturate.value=1}});const d="http://www.w3.org/2000/svg",p=document.createElementNS(d,"svg"),h=document.createElementNS(d,"filter");h.id="filter";const m=document.createElementNS(d,"feComponentTransfer"),g=Object.fromEntries(["r","g","b"].map(t=>{const e=document.createElementNS(d,"feFunc"+t.toUpperCase());return e.setAttribute("type","table"),e.setAttribute("tableValues","0 1"),[t,e]}));m.append(...Object.values(g)),h.append(m),p.append(h);const b=document.createElement("div");b.id="previews";const f=document.createElement("video");f.setAttribute("playsinline",""),f.setAttribute("autoplay",""),f.setAttribute("muted","");const v=document.createElement("canvas"),x=document.createElement("h1");function w(t,e){return(t+1)**e}function y(t){return Array(32).fill(0).map((e,n)=>Math.pow(n/31,2**t)).join(" ")}function k(t){return 100*t+"%"}x.textContent="↓ Mercator Studio ↓",b.append(f,v,x),r.append(o),n.append(a,r,b),e.append(n,p),document.body.append(t);const E=8;class M extends MediaStream{constructor(t){super(t),f.srcObject=t;const e=t.getVideoTracks()[0].getSettings(),n=e.width,a=e.height,r=[n/2,a/2];v.width=n,v.height=a;const i=v.getContext("2d");let o=f.currentTime;i.textAlign="center",i.textBaseline="middle",function t(){if(!f.srcObject||o!=f.currentTime){o=f.currentTime,i.clearRect(0,0,n,a),l.hue.value%=1,l.rotate.value%=1;let t=Object.fromEntries(Object.entries(l).map(t=>[t[0],t[1].valueAsNumber||t[1].value])),e=k(w(t.exposure,2)),c=k(w(t.contrast,3)),u=t.temperature,d=t.tint,p=k(t.sepia),h=360*t.hue+"deg",m=k(E**t.saturate),b=t.blur*n/16+"px",v=t.fog,x=t.vignette,M=2*t.rotate*Math.PI,$=w(t.scale,2),S=t.x*n,A=t.y*a,j=t.pillarbox*n/2,R=t.letterbox*a/2,T=t.text.split("\n");if(g.r.setAttribute("tableValues",y(d/2-u)),g.g.setAttribute("tableValues",y(-d)),g.b.setAttribute("tableValues",y(u+d/2)),i.filter=`\nbrightness(${e})\ncontrast(${c})\n${"url(#filter)".repeat(Boolean(u||d))}\nsepia(${p})\nhue-rotate(${h})\nsaturate(${m})\nblur(${b})\n`,i.translate(...r),M&&i.rotate(M),$-1&&i.scale($,$),(S||A)&&i.translate(S,A),i.translate(-n/2,-a/2),f.srcObject?i.drawImage(f,0,0,n,a):"18, 100%, 68%; -10,100%,80%; 5, 90%, 72%; 48, 100%, 75%; 36, 100%, 70%; 20, 90%, 70%".split(";").forEach((t,e)=>{i.fillStyle=`hsl(${t})`,i.fillRect(e*n/6,0,n/6,a)}),i.setTransform(1,0,0,1,0,0),i.filter="brightness(1)",v){let t=100*Math.sign(v),e=Math.abs(v);i.fillStyle=`hsla(0,0%,${t}%,${e})`,i.fillRect(0,0,n,a)}if(x){let t=100*Math.sign(x),e=Math.abs(x),s=i.createRadialGradient(...r,0,...r,Math.sqrt((n/2)**2+(a/2)**2));s.addColorStop(0,`hsla(0,0%,${t}%,0`),s.addColorStop(1,`hsla(0,0%,${t}%,${e}`),i.fillStyle=s,i.fillRect(0,0,n,a)}if(j&&(i.clearRect(0,0,j,a),i.clearRect(n,0,-j,a)),R&&(i.clearRect(0,0,n,R),i.clearRect(0,a,n,-R)),T){const t=.9*(n-2*j),e=.9*(a-2*R);i.font=`bold ${t}px ${s}`;let l=i.measureText("0"),o=(l.width,l.actualBoundingBoxAscent+l.actualBoundingBoxDescent),c=T.reduce((t,e)=>Math.max(t,i.measureText(e).width),0);const u=Math.min(t**2/c,e**2/o/T.length);i.font=`bold ${u}px ${s}`,l=i.measureText("0"),o=1.5*(l.actualBoundingBoxAscent+l.actualBoundingBoxDescent),i.lineWidth=u/8,i.strokeStyle="black",i.fillStyle="white",T.forEach((t,e)=>{let n=r[0],a=r[1]+o*(e-T.length/2+.5);i.strokeText(t,n,a),i.fillText(t,n,a)})}}requestAnimationFrame(t)}();const c=v.captureStream(30);return c.addEventListener("inactive",()=>{t.getTracks().forEach(t=>{t.stop()}),i.clearRect(0,0,n,a),f.srcObject=null}),c}}MediaDevices.prototype.old_getUserMedia=MediaDevices.prototype.getUserMedia,MediaDevices.prototype.getUserMedia=async function(t){return t&&t.video&&!t.audio?new M(await navigator.mediaDevices.old_getUserMedia(t)):navigator.mediaDevices.old_getUserMedia(t)}}();'>
 					<svg height='32' viewBox="2 2 20 20"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z" fill="#444"/></svg>
 					<span hidden>Mercator Studio</span>
 				</a>
@@ -158,6 +158,7 @@ <h2>A project by Xing</h2>
 Scroll or drag the sliders to adjust, and right click on them to reset.
 
 Changelog:
+· 1.12.0 Luminance-preserving temperature & tint.
 · 1.11.0 Multiline text input. Rebranded as Mercator Studio for Google Meet.
 · 1.10.8 Right click to individually reset; Text scales correctly.
 · 1.10.7 Turns off camera in sync; Partial Firefox support.