tweakit 0.4.0 → 0.4.2

package/dist/tweaks/{plot-KQGIWQHO.js → plot-AMSWXKO7.js}

@@ -1,2 +1,2 @@
-import{a as k}from"./chunk-SIIHIBXV.js";import{B as D,X as G,g as $,t as N,v as S,x as Y,y as Z}from"./chunk-WWCMYF2Q.js";var W=Object.assign(Object.create(null),{sin:Math.sin,cos:Math.cos,tan:Math.tan,asin:Math.asin,acos:Math.acos,atan:Math.atan,atan2:Math.atan2,sinh:Math.sinh,cosh:Math.cosh,tanh:Math.tanh,sqrt:Math.sqrt,cbrt:Math.cbrt,abs:Math.abs,exp:Math.exp,log:Math.log,ln:Math.log,log10:Math.log10,log2:Math.log2,floor:Math.floor,ceil:Math.ceil,round:Math.round,sign:Math.sign,trunc:Math.trunc,min:Math.min,max:Math.max,pow:Math.pow,hypot:Math.hypot,mod:(r,f)=>r%f,clamp:(r,f,o)=>Math.min(Math.max(r,f),o)}),U=Object.assign(Object.create(null),{pi:Math.PI,e:Math.E,tau:Math.PI*2,phi:(1+Math.sqrt(5))/2});function q(r){if(typeof r!="string"||!r.trim()||r.length>512)return null;let f=r,o=[],p=/\d*\.?\d+(?:[eE][+-]?\d+)?/y,d=/[A-Za-z_]\w*/y,a=0;for(;a<f.length;){let t=f[a];if(t===" "||t==="	"||t===`
-`){a++;continue}if(t>="0"&&t<="9"||t==="."&&f[a+1]>="0"&&f[a+1]<="9"){p.lastIndex=a;let n=p.exec(f);if(!n||n.index!==a)return null;o.push({t:"num",v:parseFloat(n[0])}),a=p.lastIndex;continue}if(t>="A"&&t<="Z"||t>="a"&&t<="z"||t==="_"){d.lastIndex=a;let n=d.exec(f);o.push({t:"id",v:n[0]}),a=d.lastIndex;continue}if(t==="*"&&f[a+1]==="*"){o.push({t:"op",v:"^"}),a+=2;continue}if("+-*/%^".includes(t)){o.push({t:"op",v:t}),a++;continue}if(t==="("){o.push({t:"lp"}),a++;continue}if(t===")"){o.push({t:"rp"}),a++;continue}if(t===","){o.push({t:"comma"}),a++;continue}return null}if(!o.length)return null;let m=0,l=()=>o[m],s=t=>{let n=o[m];return!n||t&&n.t!==t?null:(m++,n)},x=()=>{let t=b();if(!t)return null;for(;l()&&l().t==="op"&&(l().v==="+"||l().v==="-");){let n=s("op").v,i=b();if(!i)return null;let c=t;t=n==="+"?e=>c(e)+i(e):e=>c(e)-i(e)}return t},b=()=>{let t=M();if(!t)return null;for(;l()&&l().t==="op"&&(l().v==="*"||l().v==="/"||l().v==="%");){let n=s("op").v,i=M();if(!i)return null;let c=t;t=n==="*"?e=>c(e)*i(e):n==="/"?e=>c(e)/i(e):e=>c(e)%i(e)}return t},M=()=>{if(l()&&l().t==="op"&&(l().v==="-"||l().v==="+")){let t=s("op").v,n=M();return n?t==="-"?i=>-n(i):n:null}return g()},g=()=>{let t=F();if(!t)return null;if(l()&&l().t==="op"&&l().v==="^"){s("op");let n=M();return n?i=>Math.pow(t(i),n(i)):null}return t},F=()=>{let t=l();if(!t)return null;if(t.t==="num")return s("num"),()=>t.v;if(t.t==="lp"){s("lp");let n=x();return!n||!s("rp")?null:n}if(t.t==="id"){s("id");let n=t.v.toLowerCase();if(l()&&l().t==="lp"){let i=W[n];if(!i)return null;s("lp");let c=[];if(l()&&l().t!=="rp")do{let e=x();if(!e)return null;c.push(e)}while(s("comma"));return s("rp")?e=>i(...c.map(L=>L(e))):null}if(n==="x")return i=>i;if(n in U){let i=U[n];return()=>i}return null}return null},w=x();return w&&m===o.length?w:null}function X(r,f){let o=Number(r.xMin??r.min),p=Number(r.xMax??r.max);if(Number.isFinite(o)||(o=-10),Number.isFinite(p)||(p=10),p<o){let e=o;o=p,p=e}p===o&&(o-=1,p+=1);let d=Math.max(2,Math.min(4096,r.samples|0||256)),a=Number.isFinite(r.yMin)&&Number.isFinite(r.yMax)&&+r.yMax>+r.yMin,m=typeof r.fn=="function"?r.fn:null,l=r.editable!==!1&&!m,s=r.expr!=null?String(r.expr):m?"":"sin(x)",x=m||q(s),b=N("div","tw-plot");r.label&&b.append(S("div","tw-plot-label",r.label));let M=N("div","tw-plot-graph"),g=k("svg","tw-plot-svg");g.setAttribute("preserveAspectRatio","none");let F=k("line","tw-plot-axis"),w=k("line","tw-plot-axis"),t=k("path","tw-plot-curve");g.append(F,w,t),M.append(g),b.append(M);let n=null;if(l){let e=N("div","tw-plot-field");n=N("input","tw-plot-input"),n.type="text",n.value=s,n.spellcheck=!1,n.autocapitalize="off",n.autocomplete="off",D(n),n.setAttribute("aria-label",`${r.label||"Plot"} \u2014 expression in x`),n.setAttribute("aria-invalid","false"),e.append(S("span","tw-plot-fx","y ="),n),b.append(e)}let i=6,c=()=>{let e=typeof x=="function";b.classList.toggle("is-invalid",l&&!e),n&&n.setAttribute("aria-invalid",l&&!e?"true":"false");let L=M.getBoundingClientRect(),C=L.width,I=L.height;if(C<2)return;g.setAttribute("viewBox",`0 0 ${C} ${I}`);let z=[],v=1/0,E=-1/0;if(e)for(let u=0;u<d;u++){let y=o+(p-o)*(u/(d-1)),h;try{h=x(y)}catch{h=NaN}z.push(h),Number.isFinite(h)&&(h<v&&(v=h),h>E&&(E=h))}let A=r.yMin,O=r.yMax;if(!a)if(!Number.isFinite(v)||v===E){let u=Number.isFinite(v)?v:0;A=u-1,O=u+1}else{let u=(E-v)*.12;A=v-u,O=E+u}let P=u=>i+(u-o)/(p-o)*(C-2*i),j=u=>I-i-(u-A)/(O-A)*(I-2*i),B=(u,y,h,T,V,H)=>{u.style.display=H?"":"none",H&&(u.setAttribute("x1",y),u.setAttribute("y1",h),u.setAttribute("x2",T),u.setAttribute("y2",V))};B(F,i,j(0),C-i,j(0),A<=0&&O>=0),B(w,P(0),i,P(0),I-i,o<=0&&p>=0);let _="",R=!1;if(e)for(let u=0;u<d;u++){let y=z[u];if(!Number.isFinite(y)){R=!1;continue}let h=P(o+(p-o)*(u/(d-1))),T=$(j(y),-1e4,1e4);_+=(R?"L":"M")+h.toFixed(1)+","+T.toFixed(1)+" ",R=!0}t.setAttribute("d",_)};return l&&n.addEventListener("input",()=>{s=n.value,x=q(s),c(),f(s)}),Y(c),Z(b,[[window,"resize"],[window,"tw-reflow"]],c),{el:b,get:()=>s,set:e=>{e!=null&&(s=String(e),n&&(n.value=s),m||(x=q(s)),c())}}}G("plot",X);export{q as compileExpr};
+import{a as k}from"./chunk-5G6TFQOD.js";import{C as D,Y as G,g as $,u as N,w as S,y as Y,z as Z}from"./chunk-3GZFWFKC.js";var W=Object.assign(Object.create(null),{sin:Math.sin,cos:Math.cos,tan:Math.tan,asin:Math.asin,acos:Math.acos,atan:Math.atan,atan2:Math.atan2,sinh:Math.sinh,cosh:Math.cosh,tanh:Math.tanh,sqrt:Math.sqrt,cbrt:Math.cbrt,abs:Math.abs,exp:Math.exp,log:Math.log,ln:Math.log,log10:Math.log10,log2:Math.log2,floor:Math.floor,ceil:Math.ceil,round:Math.round,sign:Math.sign,trunc:Math.trunc,min:Math.min,max:Math.max,pow:Math.pow,hypot:Math.hypot,mod:(r,f)=>r%f,clamp:(r,f,o)=>Math.min(Math.max(r,f),o)}),U=Object.assign(Object.create(null),{pi:Math.PI,e:Math.E,tau:Math.PI*2,phi:(1+Math.sqrt(5))/2});function q(r){if(typeof r!="string"||!r.trim()||r.length>512)return null;let f=r,o=[],p=/\d*\.?\d+(?:[eE][+-]?\d+)?/y,d=/[A-Za-z_]\w*/y,a=0;for(;a<f.length;){let t=f[a];if(t===" "||t==="	"||t===`
+`){a++;continue}if(t>="0"&&t<="9"||t==="."&&f[a+1]>="0"&&f[a+1]<="9"){p.lastIndex=a;let n=p.exec(f);if(!n||n.index!==a)return null;o.push({t:"num",v:parseFloat(n[0])}),a=p.lastIndex;continue}if(t>="A"&&t<="Z"||t>="a"&&t<="z"||t==="_"){d.lastIndex=a;let n=d.exec(f);o.push({t:"id",v:n[0]}),a=d.lastIndex;continue}if(t==="*"&&f[a+1]==="*"){o.push({t:"op",v:"^"}),a+=2;continue}if("+-*/%^".includes(t)){o.push({t:"op",v:t}),a++;continue}if(t==="("){o.push({t:"lp"}),a++;continue}if(t===")"){o.push({t:"rp"}),a++;continue}if(t===","){o.push({t:"comma"}),a++;continue}return null}if(!o.length)return null;let m=0,l=()=>o[m],s=t=>{let n=o[m];return!n||t&&n.t!==t?null:(m++,n)},x=()=>{let t=b();if(!t)return null;for(;l()&&l().t==="op"&&(l().v==="+"||l().v==="-");){let n=s("op").v,i=b();if(!i)return null;let c=t;t=n==="+"?e=>c(e)+i(e):e=>c(e)-i(e)}return t},b=()=>{let t=M();if(!t)return null;for(;l()&&l().t==="op"&&(l().v==="*"||l().v==="/"||l().v==="%");){let n=s("op").v,i=M();if(!i)return null;let c=t;t=n==="*"?e=>c(e)*i(e):n==="/"?e=>c(e)/i(e):e=>c(e)%i(e)}return t},M=()=>{if(l()&&l().t==="op"&&(l().v==="-"||l().v==="+")){let t=s("op").v,n=M();return n?t==="-"?i=>-n(i):n:null}return g()},g=()=>{let t=F();if(!t)return null;if(l()&&l().t==="op"&&l().v==="^"){s("op");let n=M();return n?i=>Math.pow(t(i),n(i)):null}return t},F=()=>{let t=l();if(!t)return null;if(t.t==="num")return s("num"),()=>t.v;if(t.t==="lp"){s("lp");let n=x();return!n||!s("rp")?null:n}if(t.t==="id"){s("id");let n=t.v.toLowerCase();if(l()&&l().t==="lp"){let i=W[n];if(!i)return null;s("lp");let c=[];if(l()&&l().t!=="rp")do{let e=x();if(!e)return null;c.push(e)}while(s("comma"));return s("rp")?e=>i(...c.map(L=>L(e))):null}if(n==="x")return i=>i;if(n in U){let i=U[n];return()=>i}return null}return null},w=x();return w&&m===o.length?w:null}function X(r,f){let o=Number(r.xMin??r.min),p=Number(r.xMax??r.max);if(Number.isFinite(o)||(o=-10),Number.isFinite(p)||(p=10),p<o){let e=o;o=p,p=e}p===o&&(o-=1,p+=1);let d=Math.max(2,Math.min(4096,r.samples|0||256)),a=Number.isFinite(r.yMin)&&Number.isFinite(r.yMax)&&+r.yMax>+r.yMin,m=typeof r.fn=="function"?r.fn:null,l=r.editable!==!1&&!m,s=r.expr!=null?String(r.expr):m?"":"sin(x)",x=m||q(s),b=N("div","tw-plot");r.label&&b.append(S("div","tw-plot-label",r.label));let M=N("div","tw-plot-graph"),g=k("svg","tw-plot-svg");g.setAttribute("preserveAspectRatio","none");let F=k("line","tw-plot-axis"),w=k("line","tw-plot-axis"),t=k("path","tw-plot-curve");g.append(F,w,t),M.append(g),b.append(M);let n=null;if(l){let e=N("div","tw-plot-field");n=N("input","tw-plot-input"),n.type="text",n.value=s,n.spellcheck=!1,n.autocapitalize="off",D(n),n.setAttribute("aria-label",`${r.label||"Plot"} \u2014 expression in x`),n.setAttribute("aria-invalid","false"),e.append(S("span","tw-plot-fx","y ="),n),b.append(e)}let i=6,c=()=>{let e=typeof x=="function";b.classList.toggle("is-invalid",l&&!e),n&&n.setAttribute("aria-invalid",l&&!e?"true":"false");let L=M.getBoundingClientRect(),C=L.width,I=L.height;if(C<2)return;g.setAttribute("viewBox",`0 0 ${C} ${I}`);let z=[],v=1/0,E=-1/0;if(e)for(let u=0;u<d;u++){let y=o+(p-o)*(u/(d-1)),h;try{h=x(y)}catch{h=NaN}z.push(h),Number.isFinite(h)&&(h<v&&(v=h),h>E&&(E=h))}let A=r.yMin,O=r.yMax;if(!a)if(!Number.isFinite(v)||v===E){let u=Number.isFinite(v)?v:0;A=u-1,O=u+1}else{let u=(E-v)*.12;A=v-u,O=E+u}let P=u=>i+(u-o)/(p-o)*(C-2*i),j=u=>I-i-(u-A)/(O-A)*(I-2*i),B=(u,y,h,T,V,H)=>{u.style.display=H?"":"none",H&&(u.setAttribute("x1",y),u.setAttribute("y1",h),u.setAttribute("x2",T),u.setAttribute("y2",V))};B(F,i,j(0),C-i,j(0),A<=0&&O>=0),B(w,P(0),i,P(0),I-i,o<=0&&p>=0);let _="",R=!1;if(e)for(let u=0;u<d;u++){let y=z[u];if(!Number.isFinite(y)){R=!1;continue}let h=P(o+(p-o)*(u/(d-1))),T=$(j(y),-1e4,1e4);_+=(R?"L":"M")+h.toFixed(1)+","+T.toFixed(1)+" ",R=!0}t.setAttribute("d",_)};return l&&n.addEventListener("input",()=>{s=n.value,x=q(s),c(),f(s)}),Y(c),Z(b,[[window,"resize"],[window,"tw-reflow"]],c),{el:b,get:()=>s,set:e=>{e!=null&&(s=String(e),n&&(n.value=s),m||(x=q(s)),c())}}}G("plot",X);export{q as compileExpr};

package/dist/tweaks/{point-4J4HHM2Z.js → point-UF7RGMGJ.js}

@@ -1 +1 @@
-import{a as O,f as X,g as G,i as I,j as K}from"./chunk-SIIHIBXV.js";import{I as N,X as V,g as P,i as T,p as B,t as p}from"./chunk-WWCMYF2Q.js";function Z(d,U){let o=d.components,{root:$,trigger:q,right:z}=I("tw-point",d.label??"Point"),L=p("span","tw-trigger-value"),Y=p("div","tw-trigger-chip tw-point-preview"),f=p("div","tw-point-preview-dot");Y.append(f),z.append(Y,L);let C=p("div","tw-color-pop tw-point-pop"),D=p("div","tw-point-body");C.append(D);let j=d.pad!==!1&&o.length>=2,J=t=>{let e=B(Math.abs(Number.isFinite(+t.value)?+t.value:0))[1],r=t.min??-e,n=t.max??e,s=10**Math.floor(Math.log10((n-r)/200));return{lo:r,hi:n,step:t.step??(s>0&&Number.isFinite(s)?s:1)}},g=o.map(J),v=g[0],w=g[1],y=v?.lo??-1,x=v?.hi??1,b=w?.lo??-1,h=w?.hi??1,k=(t,e,r)=>r>e?P((t-e)/(r-e),0,1):.5,a=null,A=null,m=null;if(j){a=p("div","tw-pad"),A=p("div","tw-pad-thumb");let t=O("svg","tw-pad-line");t.setAttribute("viewBox","0 0 100 100"),t.setAttribute("preserveAspectRatio","none"),m=O("line"),t.append(m);let e=k(0,b,h);m.setAttribute("x1",k(0,y,x)*100),m.setAttribute("y1",(d.invertY?e:1-e)*100),a.append(p("div","tw-pad-axis tw-pad-axis-x"),p("div","tw-pad-axis tw-pad-axis-y"),t,A),D.append(a)}let H=p("div","tw-fields");D.append(H);let c=()=>{S(),Q()},E=()=>U(R()),i=o.map((t,e)=>{let r=K({label:t.label,value:t.value??0,step:g[e].step,min:t.min,max:t.max},()=>{c(),E()});return H.append(r.el),r}),R=()=>Object.fromEntries(o.map((t,e)=>[t.key,i[e].get()])),M=(t,e)=>(+t).toFixed(T(e)),Q=()=>{L.textContent=o.map((t,e)=>M(i[e].get(),g[e].step)).join(", ")},S=()=>{f.style.left="50%",f.style.top="50%"};if(j){let e=n=>`calc(${(n*100).toFixed(2)}% + ${((.5-n)*5).toFixed(2)}px)`;S=()=>{let n=k(i[0].get(),y,x),s=k(i[1].get(),b,h),l=d.invertY?s:1-s,u=n*100,F=l*100;A.style.left=u+"%",A.style.top=F+"%",f.style.left=e(n),f.style.top=e(l),m.setAttribute("x2",u),m.setAttribute("y2",F),a.setAttribute("aria-description",`${o[0].label??o[0].key} ${M(i[0].get(),v.step)}, ${o[1].label??o[1].key} ${M(i[1].get(),w.step)}`)},X(a,n=>{let[s,l]=G(n,a),u=d.invertY?l:1-l;i[0].set(y+s*(x-y)),i[1].set(b+u*(h-b)),c(),E()}),a.tabIndex=0,a.setAttribute("role","group"),a.setAttribute("aria-label",`${d.label??"Point"} pad: ${o[0].label??o[0].key} and ${o[1].label??o[1].key}`),a.addEventListener("keydown",n=>{if(n.key==="Home"){n.preventDefault(),o.forEach((F,W)=>i[W].set(F.value??0)),c(),E();return}let s=n.key==="ArrowRight"?1:n.key==="ArrowLeft"?-1:0,l=n.key==="ArrowUp"?1:n.key==="ArrowDown"?-1:0;if(!s&&!l)return;n.preventDefault();let u=n.shiftKey?10:1;s&&i[0].set(P(i[0].get()+s*v.step*u,y,x)),l&&i[1].set(P(i[1].get()+(d.invertY?-l:l)*w.step*u,b,h)),c(),E()})}return $.append(C),N($,q,C,{width:216,fallbackH:240,gap:6,onOpen:c}),c(),{el:$,set:t=>{t&&o.forEach((e,r)=>{t[e.key]!=null&&i[r].set(t[e.key])}),c()},get:R}}V("point",Z);
+import{a as O,f as X,g as G,i as I,j as K}from"./chunk-5G6TFQOD.js";import{J as N,Y as V,g as P,j as T,q as B,u as p}from"./chunk-3GZFWFKC.js";function Z(d,U){let o=d.components,{root:$,trigger:q,right:z}=I("tw-point",d.label??"Point"),L=p("span","tw-trigger-value"),Y=p("div","tw-trigger-chip tw-point-preview"),f=p("div","tw-point-preview-dot");Y.append(f),z.append(Y,L);let C=p("div","tw-color-pop tw-point-pop"),D=p("div","tw-point-body");C.append(D);let j=d.pad!==!1&&o.length>=2,J=t=>{let e=B(Math.abs(Number.isFinite(+t.value)?+t.value:0))[1],r=t.min??-e,n=t.max??e,s=10**Math.floor(Math.log10((n-r)/200));return{lo:r,hi:n,step:t.step??(s>0&&Number.isFinite(s)?s:1)}},g=o.map(J),v=g[0],w=g[1],y=v?.lo??-1,x=v?.hi??1,b=w?.lo??-1,h=w?.hi??1,k=(t,e,r)=>r>e?P((t-e)/(r-e),0,1):.5,a=null,A=null,m=null;if(j){a=p("div","tw-pad"),A=p("div","tw-pad-thumb");let t=O("svg","tw-pad-line");t.setAttribute("viewBox","0 0 100 100"),t.setAttribute("preserveAspectRatio","none"),m=O("line"),t.append(m);let e=k(0,b,h);m.setAttribute("x1",k(0,y,x)*100),m.setAttribute("y1",(d.invertY?e:1-e)*100),a.append(p("div","tw-pad-axis tw-pad-axis-x"),p("div","tw-pad-axis tw-pad-axis-y"),t,A),D.append(a)}let H=p("div","tw-fields");D.append(H);let c=()=>{S(),Q()},E=()=>U(R()),i=o.map((t,e)=>{let r=K({label:t.label,value:t.value??0,step:g[e].step,min:t.min,max:t.max},()=>{c(),E()});return H.append(r.el),r}),R=()=>Object.fromEntries(o.map((t,e)=>[t.key,i[e].get()])),M=(t,e)=>(+t).toFixed(T(e)),Q=()=>{L.textContent=o.map((t,e)=>M(i[e].get(),g[e].step)).join(", ")},S=()=>{f.style.left="50%",f.style.top="50%"};if(j){let e=n=>`calc(${(n*100).toFixed(2)}% + ${((.5-n)*5).toFixed(2)}px)`;S=()=>{let n=k(i[0].get(),y,x),s=k(i[1].get(),b,h),l=d.invertY?s:1-s,u=n*100,F=l*100;A.style.left=u+"%",A.style.top=F+"%",f.style.left=e(n),f.style.top=e(l),m.setAttribute("x2",u),m.setAttribute("y2",F),a.setAttribute("aria-description",`${o[0].label??o[0].key} ${M(i[0].get(),v.step)}, ${o[1].label??o[1].key} ${M(i[1].get(),w.step)}`)},X(a,n=>{let[s,l]=G(n,a),u=d.invertY?l:1-l;i[0].set(y+s*(x-y)),i[1].set(b+u*(h-b)),c(),E()}),a.tabIndex=0,a.setAttribute("role","group"),a.setAttribute("aria-label",`${d.label??"Point"} pad: ${o[0].label??o[0].key} and ${o[1].label??o[1].key}`),a.addEventListener("keydown",n=>{if(n.key==="Home"){n.preventDefault(),o.forEach((F,W)=>i[W].set(F.value??0)),c(),E();return}let s=n.key==="ArrowRight"?1:n.key==="ArrowLeft"?-1:0,l=n.key==="ArrowUp"?1:n.key==="ArrowDown"?-1:0;if(!s&&!l)return;n.preventDefault();let u=n.shiftKey?10:1;s&&i[0].set(P(i[0].get()+s*v.step*u,y,x)),l&&i[1].set(P(i[1].get()+(d.invertY?-l:l)*w.step*u,b,h)),c(),E()})}return $.append(C),N($,q,C,{width:216,fallbackH:240,gap:6,onOpen:c}),c(),{el:$,set:t=>{t&&o.forEach((e,r)=>{t[e.key]!=null&&i[r].set(t[e.key])}),c()},get:R}}V("point",Z);

package/dist/tweaks/shadow-54LEQGQ6.js

@@ -0,0 +1 @@
+import{d as m,f as Q}from"./chunk-GDMWOXFU.js";import{i as J,j as K}from"./chunk-5G6TFQOD.js";import{J as Y,V as q,W as z,Y as G,h as D,u as l,v as X,w as M}from"./chunk-3GZFWFKC.js";var b={x:0,y:8,blur:24,spread:0,color:"rgb(0 0 0 / 0.18)"},w=(n,c)=>n!=null&&n!==""&&Number.isFinite(+n)?+n:c,i=n=>String(+n.toFixed(1)),oe=/#[0-9a-f]{3,8}\b|(?:oklch|oklab|rgba?|hsla?|hwb|lab|lch|color)\([^()]*\)/i,re=/^(-?\d*\.?\d+)(px)?$/,se=n=>{let c=oe.exec(n);if(!c||!m(c[0]))return null;let h=(n.slice(0,c.index)+" "+n.slice(c.index+c[0].length)).trim().split(/\s+/).filter(Boolean),p=h.includes("inset"),r=h.filter(o=>o!=="inset");if(r.length<2||r.length>4||!r.every(o=>re.test(o)))return null;let s=r.map(o=>+o.replace(/px$/,""));return{inset:p,x:s[0],y:s[1],blur:s[2]??0,spread:s[3]??0,color:c[0]}},le=z('<path d="M18 9s-4.4 6-6 6-6-6-6-6"/>',"tw-shadow-chevron",2.5);function ie(n,c){let h=e=>typeof e=="string"?se(e):D(e)?e:null,p=h(n.value??n)||{},r=!!p.inset,s=w(p.x,b.x),o=w(p.y,b.y),u=Math.max(0,w(p.blur,b.blur)),d=w(p.spread,b.spread),{root:y,trigger:U,right:W}=J("tw-shadow",n.label??"Shadow"),F=l("span","tw-trigger-chip tw-shadow-chip"),j=l("span","tw-shadow-chip-tile");F.append(j);let N=l("span","tw-trigger-value");W.append(F,N);let S=l("div","tw-color-pop tw-shadow-pop"),A=l("div","tw-shadow-stage"),I=l("div","tw-shadow-card");A.append(I);let L=q([{value:"outer",label:"Outer"},{value:"inner",label:"Inner"}],r?"inner":"outer",e=>{e==="inner"!==r&&(r=e==="inner",g(),E())},"Shadow position"),T=l("div","tw-row");T.append(M("span","tw-row-label","Position"),L.el);let B=l("div","tw-fields tw-shadow-fields"),x=(e,t,ee,te)=>{let P=K({label:e,value:t(),step:1,min:te,unit:"px"},ne=>{ee(ne),g(),E()});return B.append(P.el),P},v=x("X",()=>s,e=>{s=e}),$=x("Y",()=>o,e=>{o=e}),C=x("Blur",()=>u,e=>{u=Math.max(0,e)},0),R=x("Spread",()=>d,e=>{d=e});s=v.get(),o=$.get(),u=C.get(),d=R.get();let f=X("tw-trigger tw-shadow-color");f.setAttribute("aria-expanded","false");let H=l("span","tw-trigger-chip tw-color-swatch"),V=l("span","tw-trigger-value"),O=l("span","tw-trigger-right");O.append(H,V),O.insertAdjacentHTML("beforeend",le),f.append(M("span","tw-trigger-label","Colour"),O);let a=Q({value:typeof p.color=="string"&&m(p.color)?p.color:b.color,onMode:()=>g()},()=>{g(),E()});a.el.hidden=!0,f.addEventListener("click",()=>{let e=a.el.hidden;a.el.hidden=!e,f.setAttribute("aria-expanded",String(e)),Z.reflow()}),S.append(A,T,B,f,a.el),y.append(S);let k=e=>`${r?"inset ":""}${i(s*e)}px ${i(o*e)}px ${i(u*e)}px ${i(d*e)}px ${a.get()}`,_=()=>({inset:r,x:+i(s),y:+i(o),blur:+i(u),spread:+i(d),color:a.get(),css:k(1)}),E=()=>c(_()),g=()=>{I.style.boxShadow=k(1),j.style.boxShadow=k(.3),N.textContent=`${r?"in ":""}${i(s)} ${i(o)} ${i(u)}${d?" "+i(d):""}`,H.style.background=a.swatchCss(),V.textContent=a.valueText()},Z=Y(y,U,S,{width:260,fallbackH:300,gap:6,onOpen:a.reflow,onReflow:a.reflow});return g(),{el:y,set:e=>{let t=h(e);t&&(t.inset!=null&&(r=!!t.inset,L.set(r?"inner":"outer")),t.x!=null&&(v.set(w(t.x,s)),s=v.get()),t.y!=null&&($.set(w(t.y,o)),o=$.get()),t.blur!=null&&(C.set(w(t.blur,u)),u=C.get()),t.spread!=null&&(R.set(w(t.spread,d)),d=R.get()),typeof t.color=="string"&&m(t.color)&&a.set(t.color),g())},get:_}}G("shadow",ie);

package/dist/tweaks/{sides-EI7BN5Q6.js → sides-WJF2NEGM.js}

@@ -1 +1 @@
-import{j as w}from"./chunk-SIIHIBXV.js";import{V as E,X as S,t as d,u as F,v as j}from"./chunk-WWCMYF2Q.js";var V=E('<path d="M10.5 13.5a4 4 0 0 0 5.6 0l3-3a4 4 0 0 0-5.6-5.6l-1.5 1.5M13.5 10.5a4 4 0 0 0-5.6 0l-3 3a4 4 0 0 0 5.6 5.6l1.5-1.5"/>'),_=/^(-?\d*\.?\d+)([a-z%]*)$/i,R=e=>e!=null&&e!==""&&Number.isFinite(+e)?+e:null,A=e=>String(+e.toFixed(2)),B=e=>e.length===1?[e[0],e[0],e[0],e[0]]:e.length===2?[e[0],e[1],e[0],e[1]]:e.length===3?[e[0],e[1],e[2],e[1]]:e.slice(0,4),M=(e,b)=>{if(typeof e=="number")return Number.isFinite(e)?[e,e,e,e]:null;if(typeof e=="string"){let s=e.trim().split(/\s+/).map(o=>{let a=_.exec(o);return a?+a[1]:NaN});return s.length>=1&&s.length<=4&&s.every(Number.isFinite)?B(s):null}if(Array.isArray(e)){let s=e.map(R);return s.length>=1&&s.length<=4&&s.every(o=>o!==null)?B(s):null}if(e&&typeof e=="object"){let s=e,o=b.slice(),a=!1;return["top","right","bottom","left"].forEach((t,r)=>{let p=R(s[t]);p!==null&&(o[r]=p,a=!0)}),a?o:null}return null};function z(e,b){let s=typeof e.unit=="string"&&e.unit.trim()?e.unit.trim():"px",o=!!e.corners,a={step:e.step??1,min:e.min,max:e.max,unit:s},t=M(e.value??e,[0,0,0,0])||[0,0,0,0],r=t.every(n=>n===t[0]),p=d("div","tw-sides"),f=w({label:e.label,value:t[0],row:!0,...a},n=>{t=[n,n,n,n],m(),y()}),u=F("tw-sides-link",V);u.setAttribute("aria-label","Link all sides"),u.title="Same on all sides",u.addEventListener("click",()=>T());let k=d("div","tw-sides-multi"),h=d("div","tw-sides-head"),N=d("span","tw-sides-sum");h.append(j("span","tw-row-label",e.label),N);let x=d("div","tw-fields"),g=(o?["TL","TR","BR","BL"]:["T","R","B","L"]).map((n,l)=>{let i=w({label:n,value:t[l],...a},c=>{t[l]=c,m(),y()});return x.append(i.el),i});k.append(h,x),p.append(f.el,k),t=g.map(n=>n.get());let O=()=>{let[n,l,i,c]=t.map(A),I=L=>L==="0"?"0":L+s;return(n===i&&l===c?n===l?[n]:[n,l]:l===c?[n,l,i]:[n,l,i,c]).map(I).join(" ")},C=()=>({top:t[0],right:t[1],bottom:t[2],left:t[3],css:O()}),y=()=>b(C()),m=()=>{p.classList.toggle("is-linked",r),u.setAttribute("aria-pressed",String(r)),r?f.el.insertBefore(u,f.el.lastChild):h.append(u),f.set(t[0]),g.forEach((n,l)=>n.set(t[l])),N.textContent=t.map(A).join(" ")},T=()=>{r=!r,r&&(t=[t[0],t[0],t[0],t[0]]),m(),y(),u.focus()};return m(),{el:p,set:n=>{let l=M(n,t);l&&(g.forEach((i,c)=>i.set(l[c])),t=g.map(i=>i.get()),r=t.every(i=>i===t[0]),m())},get:C}}S("sides",z);
+import{j as w}from"./chunk-5G6TFQOD.js";import{W as E,Y as S,u as d,v as F,w as j}from"./chunk-3GZFWFKC.js";var V=E('<path d="M10.5 13.5a4 4 0 0 0 5.6 0l3-3a4 4 0 0 0-5.6-5.6l-1.5 1.5M13.5 10.5a4 4 0 0 0-5.6 0l-3 3a4 4 0 0 0 5.6 5.6l1.5-1.5"/>'),_=/^(-?\d*\.?\d+)([a-z%]*)$/i,R=e=>e!=null&&e!==""&&Number.isFinite(+e)?+e:null,A=e=>String(+e.toFixed(2)),B=e=>e.length===1?[e[0],e[0],e[0],e[0]]:e.length===2?[e[0],e[1],e[0],e[1]]:e.length===3?[e[0],e[1],e[2],e[1]]:e.slice(0,4),M=(e,b)=>{if(typeof e=="number")return Number.isFinite(e)?[e,e,e,e]:null;if(typeof e=="string"){let s=e.trim().split(/\s+/).map(o=>{let a=_.exec(o);return a?+a[1]:NaN});return s.length>=1&&s.length<=4&&s.every(Number.isFinite)?B(s):null}if(Array.isArray(e)){let s=e.map(R);return s.length>=1&&s.length<=4&&s.every(o=>o!==null)?B(s):null}if(e&&typeof e=="object"){let s=e,o=b.slice(),a=!1;return["top","right","bottom","left"].forEach((t,r)=>{let p=R(s[t]);p!==null&&(o[r]=p,a=!0)}),a?o:null}return null};function z(e,b){let s=typeof e.unit=="string"&&e.unit.trim()?e.unit.trim():"px",o=!!e.corners,a={step:e.step??1,min:e.min,max:e.max,unit:s},t=M(e.value??e,[0,0,0,0])||[0,0,0,0],r=t.every(n=>n===t[0]),p=d("div","tw-sides"),f=w({label:e.label,value:t[0],row:!0,...a},n=>{t=[n,n,n,n],m(),y()}),u=F("tw-sides-link",V);u.setAttribute("aria-label","Link all sides"),u.title="Same on all sides",u.addEventListener("click",()=>T());let k=d("div","tw-sides-multi"),h=d("div","tw-sides-head"),N=d("span","tw-sides-sum");h.append(j("span","tw-row-label",e.label),N);let x=d("div","tw-fields"),g=(o?["TL","TR","BR","BL"]:["T","R","B","L"]).map((n,l)=>{let i=w({label:n,value:t[l],...a},c=>{t[l]=c,m(),y()});return x.append(i.el),i});k.append(h,x),p.append(f.el,k),t=g.map(n=>n.get());let O=()=>{let[n,l,i,c]=t.map(A),I=L=>L==="0"?"0":L+s;return(n===i&&l===c?n===l?[n]:[n,l]:l===c?[n,l,i]:[n,l,i,c]).map(I).join(" ")},C=()=>({top:t[0],right:t[1],bottom:t[2],left:t[3],css:O()}),y=()=>b(C()),m=()=>{p.classList.toggle("is-linked",r),u.setAttribute("aria-pressed",String(r)),r?f.el.insertBefore(u,f.el.lastChild):h.append(u),f.set(t[0]),g.forEach((n,l)=>n.set(t[l])),N.textContent=t.map(A).join(" ")},T=()=>{r=!r,r&&(t=[t[0],t[0],t[0],t[0]]),m(),y(),u.focus()};return m(),{el:p,set:n=>{let l=M(n,t);l&&(g.forEach((i,c)=>i.set(l[c])),t=g.map(i=>i.get()),r=t.every(i=>i===t[0]),m())},get:C}}S("sides",z);

package/dist/tweaks/{spring-JGHWZBNF.js → spring-YHAPWWTF.js}

@@ -1 +1 @@
-import{b as $,c as ee,e as ne,j as k,l as se}from"./chunk-SIIHIBXV.js";import{U as Q,X as Z,g as D,t as M,v as z,x as J,y as H}from"./chunk-WWCMYF2Q.js";function ue(l,te){let x=(e,n,s)=>Number.isFinite(+e)?Math.max(n,+e):s,P=e=>({stiffness:x(e.stiffness,1,300),damping:x(e.damping,.5,26),mass:x(e.mass,.1,1)}),a=e=>Number.isFinite(+e),_=e=>D(a(e)?+e:.5,.1,1),C=e=>D(a(e)?+e:.2,0,1),j=e=>+e.toPrecision(10),ie=e=>{let n=(2*Math.PI/e.visualDuration)**2,s=1-e.bounce,o=1;return{stiffness:j(n),damping:j(2*s*Math.sqrt(n*o)),mass:o}},N=e=>e==="time"||e==="physics"?e:null,d={stiffness:l.stiffness,damping:l.damping,mass:l.mass,visualDuration:l.visualDuration,bounce:l.bounce,...l.value||{}},r=N(d.mode)??N(l.mode)??(a(d.visualDuration)||a(d.bounce)?"time":"physics"),i={visualDuration:_(d.visualDuration),bounce:C(d.bounce)},u=P({stiffness:d.stiffness,damping:d.damping,mass:d.mass}),y=M("div","tw-spring"),p=M("div","tw-spring-viz"),f=document.createElement("canvas");f.className="tw-spring-canvas",p.append(f);let F=M("div","tw-fields"),U=M("div","tw-fields"),t=f.getContext("2d"),A=()=>P(r==="time"?ie(i):u),c=()=>{let e=p.getBoundingClientRect(),n=Math.max(1,Math.round(e.width)),s=Math.max(1,Math.round(e.height));if(n<2)return;let o=window.devicePixelRatio||1;f.width=n*o,f.height=s*o,t.setTransform(o,0,0,o,0,0),t.clearRect(0,0,n,s);let X=A(),O=se(X.stiffness,X.damping,X.mass,Math.max(160,Math.round(n*o))),re=Math.max(1.05,...O),b=8,G=w=>b+w/(O.length-1)*(n-2*b),T=w=>s-b-w/re*(s-2*b);t.strokeStyle=$(y,"--tw-surface-active")||"rgba(255,255,255,0.1)",t.lineWidth=1,t.beginPath(),t.moveTo(b,T(1)),t.lineTo(n-b,T(1)),t.stroke(),t.strokeStyle=ee(y),t.lineWidth=1.5,t.lineJoin=t.lineCap="round",t.beginPath(),O.forEach((w,E)=>E?t.lineTo(G(E),T(w)):t.moveTo(G(E),T(w))),t.stroke()},B=()=>r==="time"?{...A(),visualDuration:i.visualDuration,bounce:i.bounce}:A(),v=()=>te(B()),m={};[["stiffness","Stiffness",1],["damping","Damping",.5],["mass","Mass",.1]].forEach(([e,n,s])=>{m[e]=k({label:n,value:u[e],step:s,min:s},o=>{u[e]=o,c(),v()}),F.append(m[e].el)});let S=k({label:"Duration",value:i.visualDuration*1e3,step:50,min:.1*1e3,max:1*1e3,unit:"ms"},e=>{i.visualDuration=_(e/1e3),c(),v()}),R=k({label:"Bounce",value:i.bounce*100,step:5,min:0,max:100,unit:"%"},e=>{i.bounce=C(e/100),c(),v()});U.append(S.el,R.el);let I=()=>{U.style.display=r==="time"?"":"none",F.style.display=r==="physics"?"":"none"},V=Q([{value:"time",label:"Time"},{value:"physics",label:"Physics"}],r,e=>{e!=="time"&&e!=="physics"||e===r||(r=e,I(),c(),v())},"Spring mode"),L=M("div","tw-row");L.append(z("span","tw-row-label","Mode"),V.el),l.label&&y.append(z("div","tw-spring-label",l.label)),y.append(p,L,F,U);let K=1,oe=500,W=1,ae=40,g=null,Y=e=>{if(!g)return;let n=D((e.clientX-g.left)/g.width,0,1),s=D((e.clientY-g.top)/g.height,0,1);r==="time"?(S.set((.1+n*(1-.1))*1e3),i.visualDuration=S.get()/1e3,R.set((1-s)*100),i.bounce=R.get()/100):(m.stiffness.set(K+n*(oe-K)),u.stiffness=m.stiffness.get(),m.damping.set(W+s*(ae-W)),u.damping=m.damping.get()),c(),v()};ne(p,{onDown:e=>{e.preventDefault(),g=p.getBoundingClientRect(),p.classList.add("is-dragging"),Y(e)},onMove:Y,onEnd:()=>{g=null,p.classList.remove("is-dragging")}}),I(),J(c),H(f,[[window,"resize"],[window,"tw-reflow"],[matchMedia("(prefers-color-scheme: dark)"),"change"],[window,"tw-retheme"]],c);let h=null,q=!1;return typeof MutationObserver=="function"&&(h=new MutationObserver(()=>{f.isConnected?(q=!0,c()):q&&(h.disconnect(),h=null)}),h.observe(document.documentElement,{subtree:!0,attributes:!0,attributeFilter:["data-tw-scheme"]})),{el:y,destroy:()=>{h&&(h.disconnect(),h=null)},set:e=>{if(!e||typeof e!="object")return;let n=N(e.mode),s=a(e.visualDuration)||a(e.bounce),o=a(e.stiffness)||a(e.damping)||a(e.mass);!s&&!o&&!n||(r=n??(s?"time":"physics"),s&&(a(e.visualDuration)&&(i.visualDuration=_(e.visualDuration)),a(e.bounce)&&(i.bounce=C(e.bounce))),o&&(u=P({...u,...e})),V.set(r),S.set(i.visualDuration*1e3),R.set(i.bounce*100),m.stiffness.set(u.stiffness),m.damping.set(u.damping),m.mass.set(u.mass),I(),c())},get:()=>B()}}Z("spring",ue);
+import{b as $,c as ee,e as ne,j as k,l as se}from"./chunk-5G6TFQOD.js";import{V as Q,Y as Z,g as D,u as M,w as z,y as J,z as H}from"./chunk-3GZFWFKC.js";function ue(l,te){let x=(e,n,s)=>Number.isFinite(+e)?Math.max(n,+e):s,P=e=>({stiffness:x(e.stiffness,1,300),damping:x(e.damping,.5,26),mass:x(e.mass,.1,1)}),a=e=>Number.isFinite(+e),_=e=>D(a(e)?+e:.5,.1,1),C=e=>D(a(e)?+e:.2,0,1),j=e=>+e.toPrecision(10),ie=e=>{let n=(2*Math.PI/e.visualDuration)**2,s=1-e.bounce,o=1;return{stiffness:j(n),damping:j(2*s*Math.sqrt(n*o)),mass:o}},N=e=>e==="time"||e==="physics"?e:null,d={stiffness:l.stiffness,damping:l.damping,mass:l.mass,visualDuration:l.visualDuration,bounce:l.bounce,...l.value||{}},r=N(d.mode)??N(l.mode)??(a(d.visualDuration)||a(d.bounce)?"time":"physics"),i={visualDuration:_(d.visualDuration),bounce:C(d.bounce)},u=P({stiffness:d.stiffness,damping:d.damping,mass:d.mass}),y=M("div","tw-spring"),p=M("div","tw-spring-viz"),f=document.createElement("canvas");f.className="tw-spring-canvas",p.append(f);let F=M("div","tw-fields"),U=M("div","tw-fields"),t=f.getContext("2d"),A=()=>P(r==="time"?ie(i):u),c=()=>{let e=p.getBoundingClientRect(),n=Math.max(1,Math.round(e.width)),s=Math.max(1,Math.round(e.height));if(n<2)return;let o=window.devicePixelRatio||1;f.width=n*o,f.height=s*o,t.setTransform(o,0,0,o,0,0),t.clearRect(0,0,n,s);let X=A(),O=se(X.stiffness,X.damping,X.mass,Math.max(160,Math.round(n*o))),re=Math.max(1.05,...O),b=8,G=w=>b+w/(O.length-1)*(n-2*b),T=w=>s-b-w/re*(s-2*b);t.strokeStyle=$(y,"--tw-surface-active")||"rgba(255,255,255,0.1)",t.lineWidth=1,t.beginPath(),t.moveTo(b,T(1)),t.lineTo(n-b,T(1)),t.stroke(),t.strokeStyle=ee(y),t.lineWidth=1.5,t.lineJoin=t.lineCap="round",t.beginPath(),O.forEach((w,E)=>E?t.lineTo(G(E),T(w)):t.moveTo(G(E),T(w))),t.stroke()},B=()=>r==="time"?{...A(),visualDuration:i.visualDuration,bounce:i.bounce}:A(),v=()=>te(B()),m={};[["stiffness","Stiffness",1],["damping","Damping",.5],["mass","Mass",.1]].forEach(([e,n,s])=>{m[e]=k({label:n,value:u[e],step:s,min:s},o=>{u[e]=o,c(),v()}),F.append(m[e].el)});let S=k({label:"Duration",value:i.visualDuration*1e3,step:50,min:.1*1e3,max:1*1e3,unit:"ms"},e=>{i.visualDuration=_(e/1e3),c(),v()}),R=k({label:"Bounce",value:i.bounce*100,step:5,min:0,max:100,unit:"%"},e=>{i.bounce=C(e/100),c(),v()});U.append(S.el,R.el);let I=()=>{U.style.display=r==="time"?"":"none",F.style.display=r==="physics"?"":"none"},V=Q([{value:"time",label:"Time"},{value:"physics",label:"Physics"}],r,e=>{e!=="time"&&e!=="physics"||e===r||(r=e,I(),c(),v())},"Spring mode"),L=M("div","tw-row");L.append(z("span","tw-row-label","Mode"),V.el),l.label&&y.append(z("div","tw-spring-label",l.label)),y.append(p,L,F,U);let K=1,oe=500,W=1,ae=40,g=null,Y=e=>{if(!g)return;let n=D((e.clientX-g.left)/g.width,0,1),s=D((e.clientY-g.top)/g.height,0,1);r==="time"?(S.set((.1+n*(1-.1))*1e3),i.visualDuration=S.get()/1e3,R.set((1-s)*100),i.bounce=R.get()/100):(m.stiffness.set(K+n*(oe-K)),u.stiffness=m.stiffness.get(),m.damping.set(W+s*(ae-W)),u.damping=m.damping.get()),c(),v()};ne(p,{onDown:e=>{e.preventDefault(),g=p.getBoundingClientRect(),p.classList.add("is-dragging"),Y(e)},onMove:Y,onEnd:()=>{g=null,p.classList.remove("is-dragging")}}),I(),J(c),H(f,[[window,"resize"],[window,"tw-reflow"],[matchMedia("(prefers-color-scheme: dark)"),"change"],[window,"tw-retheme"]],c);let h=null,q=!1;return typeof MutationObserver=="function"&&(h=new MutationObserver(()=>{f.isConnected?(q=!0,c()):q&&(h.disconnect(),h=null)}),h.observe(document.documentElement,{subtree:!0,attributes:!0,attributeFilter:["data-tw-scheme"]})),{el:y,destroy:()=>{h&&(h.disconnect(),h=null)},set:e=>{if(!e||typeof e!="object")return;let n=N(e.mode),s=a(e.visualDuration)||a(e.bounce),o=a(e.stiffness)||a(e.damping)||a(e.mass);!s&&!o&&!n||(r=n??(s?"time":"physics"),s&&(a(e.visualDuration)&&(i.visualDuration=_(e.visualDuration)),a(e.bounce)&&(i.bounce=C(e.bounce))),o&&(u=P({...u,...e})),V.set(r),S.set(i.visualDuration*1e3),R.set(i.bounce*100),m.stiffness.set(u.stiffness),m.damping.set(u.damping),m.mass.set(u.mass),I(),c())},get:()=>B()}}Z("spring",ue);

package/dist/tweaks/tabs-C45GWZYF.js

@@ -0,0 +1 @@
+import{O as f,U as g,Y as w,u as s,w as v,y as m}from"./chunk-3GZFWFKC.js";var A=0;function x(E){let o=`tw-tabs-${++A}`,c=s("div","tw-tabs"),r=s("div","tw-tabs-bar");r.setAttribute("role","tablist");let l=s("div","tw-tabs-pill");r.append(l);let u=s("div","tw-tabs-pages"),d=[],i=E.pages.map((a,e)=>{let t=v("button","tw-tabs-tab",a.title);t.setAttribute("role","tab"),t.dataset.active=String(e===0),t.setAttribute("aria-selected",String(e===0)),t.tabIndex=e===0?0:-1,t.id=`${o}-tab-${e}`,t.setAttribute("aria-controls",`${o}-page-${e}`);let n=s("div","tw-tabs-page tw-controls");return n.dataset.active=String(e===0),n.setAttribute("role","tabpanel"),n.id=`${o}-page-${e}`,n.setAttribute("aria-labelledby",t.id),d.push(n),u.append(n),t.addEventListener("click",()=>b(e)),r.append(t),t});c.append(r,u);let p=a=>f(r,l,a);function b(a){i.forEach((e,t)=>{e.dataset.active=String(t===a),e.setAttribute("aria-selected",String(t===a)),e.tabIndex=t===a?0:-1}),d.forEach((e,t)=>e.dataset.active=String(t===a)),p(!0),requestAnimationFrame(()=>window.dispatchEvent(new Event("tw-reflow")))}return r.addEventListener("keydown",a=>{let e=i.findIndex(n=>n.dataset.active==="true");if(e<0)return;let t=g(a.key,e,i.length,-1);t<0||(a.preventDefault(),b(t),i[t].focus())}),m(p),{el:c,bodies:d,activate:b,active:()=>i.findIndex(a=>a.dataset.active==="true")}}w("tabs",x);

package/dist/tweaks.css

@@ -1 +1 @@
-.tw-panel,.tw-portal{--tw-surface: rgba(255, 255, 255, .04);--tw-surface-hover: rgba(255, 255, 255, .075);--tw-surface-active: rgba(255, 255, 255, .13);--tw-text-root: #fafafa;--tw-text-section: rgba(255, 255, 255, .64);--tw-text-label: rgba(255, 255, 255, .64);--tw-text-focus: #ffffff;--tw-text-primary: rgba(255, 255, 255, .92);--tw-text-secondary: rgba(255, 255, 255, .56);--tw-text-tertiary: rgba(255, 255, 255, .5);--tw-on-accent: var(--tw-text-primary);--tw-border: rgba(255, 255, 255, .045);--tw-border-hover: rgba(255, 255, 255, .11);--tw-selection: rgba(255, 255, 255, .22);--tw-base: #242424;--tw-checker: repeating-conic-gradient(#6b6b6b 0% 25%, #9a9a9a 0% 50%) 0 0 / 8px 8px;--tw-dropdown-bg: #292929;--tw-radius: 8px;--tw-row-height: 32px;--tw-width: 256px;--tw-shadow-dropdown: 0 12px 32px -8px rgba(0, 0, 0, .6);--tw-shadow-panel: 0 0 0 1px rgba(255, 255, 255, .06), 0 8px 28px -8px rgba(0, 0, 0, .5), 0 18px 48px -16px rgba(0, 0, 0, .38);--tw-shadow-panel-lifted: 0 0 0 1px rgba(255, 255, 255, .08), 0 12px 32px -8px rgba(0, 0, 0, .55), 0 28px 64px -16px rgba(0, 0, 0, .45);--tw-success: #86efac;--tw-danger: #ff5f5f;--tw-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--tw-font-mono: ui-monospace, "SF Mono", Menlo, monospace;--tw-ease-out: cubic-bezier(.25, 1, .5, 1);--tw-ease-spring: cubic-bezier(.22, 1, .36, 1);--tw-ease-pop: cubic-bezier(.34, 1.56, .64, 1);--tw-ease-inout: cubic-bezier(.4, 0, .2, 1);--tw-ease-fold: linear(0, .077, .237, .411, .57, .699, .797, .869, .918, .952, .973, .986, .994, .998, 1);font-family:var(--tw-font-sans);line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.tw-panel{width:var(--tw-width);background:var(--tw-base);box-shadow:var(--tw-shadow-panel);border-radius:calc(var(--tw-radius) + 10px);padding:10px}.tw-panel *,.tw-panel *:before,.tw-panel *:after{box-sizing:border-box}:is(.tw-panel,.tw-color-pop,.tw-select-dropdown,.tw-presets-menu) ::selection{background:var(--tw-selection);color:var(--tw-text-focus)}.tw-panel,.tw-color-pop,.tw-select-dropdown,.tw-presets-menu{-webkit-tap-highlight-color:transparent}.tw-panel,.tw-portal{color-scheme:dark}.tw-panel[data-mode=floating]{position:fixed;z-index:99990;box-shadow:var(--tw-shadow-panel-lifted);transition:box-shadow .25s var(--tw-ease-out)}.tw-lift-slot{display:block;flex:none;pointer-events:none}.tw-panel[data-draggable=true]>.tw-header,.tw-panel[data-draggable=true]>.tw-header .tw-header-toggle,.tw-panel[data-mode=floating]>.tw-header,.tw-panel[data-mode=floating]>.tw-header .tw-header-toggle{cursor:grab}.tw-panel[data-draggable=true]>.tw-header,.tw-panel[data-mode=floating]>.tw-header{touch-action:none;margin-top:-10px;padding-top:10px}.tw-panel.is-dragging{-webkit-user-select:none;user-select:none;box-shadow:var(--tw-shadow-panel-lifted);z-index:99991}.tw-panel.is-dragging>.tw-header,.tw-panel.is-dragging>.tw-header .tw-header-toggle{cursor:grabbing}.tw-grabber{position:absolute;top:3px;left:50%;width:28px;height:4px;border-radius:999px;background:var(--tw-text-primary);transform:translate(-50%) scaleX(.4);opacity:0;pointer-events:none;transition:opacity .15s,transform .2s var(--tw-ease-spring)}@media(hover:hover)and (pointer:fine){.tw-header:hover>.tw-grabber{opacity:.4;transform:translate(-50%) scaleX(1)}}.tw-panel.is-grabbing>.tw-header>.tw-grabber{opacity:.7;transform:translate(-50%) scaleX(1)}.tw-panel.is-dragging>.tw-header>.tw-grabber{opacity:.85;transform:translate(-50%) scaleX(1)}.tw-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:9px;margin-bottom:8px;border-bottom:1px solid var(--tw-border)}.tw-title{font-size:14px;font-weight:500;color:var(--tw-text-root);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-header-toggle{display:flex;align-items:center;gap:6px;flex:1;min-width:0;background:none;border:none;padding:0;margin:0;cursor:pointer;color:inherit;font:inherit;text-align:left}.tw-chevron{width:15px;height:15px;flex-shrink:0;color:var(--tw-text-section);transition:transform .2s var(--tw-ease-out),color .15s}.tw-panel.is-collapsed .tw-chevron{transform:rotate(-90deg)}.tw-toolbar{display:flex;align-items:center;gap:4px}.tw-search{display:none;flex:1;min-width:0;height:24px;padding:0 8px;font:inherit;font-size:13px;font-weight:500;color:var(--tw-text-primary);background:var(--tw-surface);border:1px solid var(--tw-border);border-radius:calc(var(--tw-radius) - 2px);outline:none}.tw-search:focus{border-color:var(--tw-border-hover)}.tw-search::placeholder{color:var(--tw-text-tertiary)}.tw-panel.is-searching .tw-header-toggle{display:none}.tw-panel.is-searching .tw-search{display:block}.tw-filter-hidden{display:none!important}.tw-hint{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:4px;padding:0;vertical-align:-2px;flex:none;background:none;border:none;color:var(--tw-text-tertiary);cursor:help;pointer-events:auto;transition:color .15s,transform .18s var(--tw-ease-spring)}.tw-hint:focus-visible{color:var(--tw-text-secondary);transform:scale(1.2)}@media(hover:hover)and (pointer:fine){.tw-hint:hover{color:var(--tw-text-secondary);transform:scale(1.2)}}.tw-hint:focus-visible{outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:1px;border-radius:999px}.tw-hint svg{width:13px;height:13px;display:block}.tw-tip{position:fixed;z-index:100000;max-width:220px;padding:8px 12px;font-size:12px;line-height:1.4;color:var(--tw-text-primary);background:var(--tw-dropdown-bg);border:1px solid var(--tw-border);border-radius:8px;box-shadow:var(--tw-shadow-dropdown);pointer-events:none;opacity:0;transform:translateY(2px);transition:opacity .12s,transform .12s}.tw-tip.is-open{opacity:1;transform:none}.tw-toast{position:fixed;left:50%;bottom:24px;z-index:100000;max-width:min(320px,calc(100vw - 32px));padding:8px 16px;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tw-text-primary);background:var(--tw-dropdown-bg);border:1px solid var(--tw-border);border-radius:999px;box-shadow:var(--tw-shadow-dropdown);pointer-events:none;opacity:0;transform:translate(-50%,6px);transition:opacity .16s,transform .22s var(--tw-ease-spring)}.tw-toast.is-open{opacity:1;transform:translate(-50%)}.tw-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .25s var(--tw-ease-inout)}.tw-body>.tw-controls{overflow-x:visible;overflow-y:clip;min-height:0;min-width:0}.tw-panel.is-collapsed .tw-body{grid-template-rows:0fr}.tw-header{transition:margin-bottom .25s,padding-bottom .25s,border-color .25s}.tw-panel.is-collapsed .tw-header{margin-bottom:0;padding-bottom:0;border-color:transparent}.tw-header:has(+.tw-body>.tw-controls>.tw-folder:first-child){margin-bottom:0}.tw-toolbar-btn{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;flex-shrink:0;background:var(--tw-surface);border:none;border-radius:calc(var(--tw-radius) - 2px);color:var(--tw-text-label);cursor:pointer;will-change:transform;transition:background .15s,color .15s,transform .24s var(--tw-ease-pop)}@media(hover:hover)and (pointer:fine){.tw-toolbar-btn:hover{background:var(--tw-surface-hover);color:var(--tw-text-primary)}.tw-toolbar-btn:disabled{cursor:default}}.tw-toolbar-btn:after{content:"";position:absolute;inset:-2px}.tw-toolbar-btn:active{transform:scale(.86);transition:transform .08s ease-out}.tw-toolbar-btn svg{width:14px;height:14px;display:block}.tw-toolbar-btn__icons{position:relative;display:block;width:14px;height:14px}.tw-toolbar-btn__icons svg{position:absolute;inset:0;will-change:transform,filter;filter:blur(0);transition:opacity .25s var(--tw-ease-inout),transform .25s var(--tw-ease-inout),filter .25s var(--tw-ease-inout)}.tw-toolbar-btn__check{opacity:0;transform:scale(.25);filter:blur(2px);color:var(--tw-success)}.tw-toolbar-btn--swap.is-copied .tw-toolbar-btn__copy{opacity:0;transform:scale(.25);filter:blur(2px)}.tw-toolbar-btn--swap.is-copied .tw-toolbar-btn__check{opacity:1;transform:none;filter:blur(0)}.tw-toolbar-btn--reset svg{--tw-spin: 0deg;--tw-wind: 0deg;will-change:transform;transform:rotate(calc(var(--tw-spin) + var(--tw-wind)));transition:transform .34s cubic-bezier(.34,1.55,.5,1)}@media(hover:hover)and (pointer:fine){.tw-toolbar-btn--reset:not(:disabled):hover svg{--tw-wind: 22deg}}.tw-toolbar-btn--reset.is-spinning svg{transition-duration:.5s;transition-timing-function:var(--tw-ease-inout)}.tw-copy-back{transform:translate(calc(-1 * var(--tw-fan, 0px)),calc(-1 * var(--tw-fan, 0px)))}.tw-copy-front{transform:translate(var(--tw-fan, 0px),var(--tw-fan, 0px))}.tw-layer-top{transform:translateY(calc(-1 * var(--tw-lift, 0px)))}.tw-copy-back,.tw-copy-front,.tw-layer-top{transition:transform .3s var(--tw-ease-pop)}@media(hover:hover)and (pointer:fine){.tw-toolbar-btn:not(:disabled):hover{--tw-fan: 1px;--tw-lift: 1.75px}}.tw-toolbar-btn[aria-expanded=true]{--tw-lift: 1.75px}.tw-trigger:focus-visible,.tw-select-trigger:focus-visible,.tw-button:focus-visible,.tw-seg-btn:focus-visible,.tw-header-toggle:focus-visible,.tw-folder-header:focus-visible,.tw-slider:focus-visible,.tw-pad:focus-visible,.tw-motion-stage:focus-visible,.tw-sides-link:focus-visible,.tw-radiogrid-btn:focus-visible,.tw-buttongroup-btn:focus-visible,.tw-tabs-tab:focus-visible,.tw-text:focus-visible:not(.tw-focus-quiet),.tw-num:focus-visible:not(.tw-focus-quiet),.tw-color-chan-input:focus-visible:not(.tw-focus-quiet),.tw-search:focus-visible:not(.tw-focus-quiet),.tw-color-mode:focus-visible,.tw-presets-load:focus-visible,.tw-presets-savebtn:focus-visible,.tw-presets-del:focus-visible,.tw-presets-input:focus-visible:not(.tw-focus-quiet){outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:-2px}.tw-toolbar-btn:focus-visible{outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:1px}.tw-gradient-stop:focus-visible,.tw-gradient-add:focus-visible,.tw-bezier-handle:focus-visible{outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:2px}.tw-controls{display:flex;flex-direction:column;gap:6px}.tw-controls>*{min-width:0}.tw-cond-hidden{display:none!important}.is-disabled{opacity:.4;cursor:not-allowed}.is-disabled *{pointer-events:none}.tw-resettable{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tw-resettable.tw-resettable{transition:color .15s,background-color .3s ease-out}.tw-resettable.tw-reset-holding{border-radius:calc(var(--tw-radius) - 4px);background-color:var(--tw-surface-active, rgba(128, 128, 128, .22));transition:color .15s,background-color .5s ease-out}.tw-slider-wrap{position:relative;height:var(--tw-row-height)}.tw-slider{position:absolute;inset:0;cursor:pointer;user-select:none;-webkit-user-select:none;overflow:hidden;background:var(--tw-surface);border-radius:var(--tw-radius);touch-action:none}.tw-slider-hashmarks{position:absolute;inset:0;pointer-events:none}.tw-slider-hashmark{position:absolute;top:50%;width:1px;height:8px;border-radius:999px;transform:translate(-50%) translateY(-50%);background:#fff0;transition:background .2s}.tw-slider.is-active .tw-slider-hashmark{background:var(--tw-border-hover)}.tw-slider.is-active .tw-slider-value{color:var(--tw-text-focus)}.tw-slider-fill{position:absolute;top:0;bottom:0;left:0;width:0;background:var(--tw-surface-active);transition:background .15s;pointer-events:none}.tw-slider.is-active .tw-slider-fill{background:var(--tw-accent, var(--tw-border-hover))}.tw-slider-handle{position:absolute;top:50%;left:0;width:3px;height:20px;border-radius:999px;background:var(--tw-text-primary);transform:translateY(-50%) scaleX(.25);opacity:0;pointer-events:none;transition:opacity .15s,transform .2s var(--tw-ease-spring)}.tw-slider.is-hover .tw-slider-handle,.tw-slider:focus-within .tw-slider-handle{opacity:.5;transform:translateY(-50%) scaleX(1)}@media(hover:hover)and (pointer:fine){.tw-slider:hover .tw-slider-handle{opacity:.5;transform:translateY(-50%) scaleX(1)}}.tw-slider.is-active .tw-slider-handle,.tw-slider.is-dragging .tw-slider-handle{opacity:.9;transform:translateY(-50%) scaleX(1)}.tw-slider-handle:focus-visible{opacity:.9;transform:translateY(-50%) scaleX(1);outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:2px}.tw-slider.is-active.is-dodge .tw-slider-handle,.tw-slider.is-dragging.is-dodge .tw-slider-handle,.tw-slider.is-hover.is-dodge .tw-slider-handle{opacity:.1;transform:translateY(-50%) scaleX(1) scaleY(.75)}@media(hover:hover)and (pointer:fine){.tw-slider:hover.is-dodge .tw-slider-handle{opacity:.1;transform:translateY(-50%) scaleX(1) scaleY(.75)}}.tw-interval.is-active .tw-slider-handle.is-dodge,.tw-interval.is-dragging .tw-slider-handle.is-dodge{opacity:.1;transform:translateY(-50%) scaleX(1) scaleY(.75)}.tw-slider-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);max-width:calc(100% - 64px);font-size:12px;font-weight:500;color:var(--tw-text-label);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-interval .tw-slider-label{max-width:calc(100% - 112px)}.tw-slider-value{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:500;font-family:var(--tw-font-sans);color:var(--tw-text-label);pointer-events:auto;transition:color .15s}.tw-slider-value.is-editable{cursor:text;color:var(--tw-text-focus);text-decoration:underline;text-decoration-color:var(--tw-text-tertiary);text-underline-offset:3px}.tw-slider-input{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:4ch;min-width:3ch;max-width:6ch;font-size:12px;font-weight:500;font-family:var(--tw-font-sans);color:var(--tw-text-label);background:transparent;border:none;padding:0;outline:none;text-align:right}.tw-slider-input:focus{color:var(--tw-text-focus)}.tw-row{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--tw-row-height);padding:2px 10px 2px 12px;background:var(--tw-surface);border-radius:var(--tw-radius)}.tw-row-label{font-size:12px;font-weight:500;line-height:17px;color:var(--tw-text-label);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-slider-label:empty,.tw-row-label:empty,.tw-select-label:empty,.tw-radiogrid-label:empty,.tw-trigger-label:empty,.tw-fps-label:empty{display:none}.tw-row-label:empty+*,.tw-select-label:empty+*,.tw-trigger-label:empty+*{margin-left:auto}.tw-seg{position:relative;display:flex;gap:2px;padding:2px;border-radius:var(--tw-radius)}.tw-row .tw-seg{flex-shrink:0;margin-right:-8px}.tw-seg-pill{position:absolute;top:2px;bottom:2px;left:0;width:0;background:var(--tw-accent, var(--tw-surface-active));border-radius:calc(var(--tw-radius) - 2px);z-index:0;pointer-events:none}.tw-seg.is-ready .tw-seg-pill{transition:left .24s var(--tw-ease-out),width .24s var(--tw-ease-out)}.tw-seg-btn{position:relative;z-index:1;flex:0 0 auto;min-width:40px;padding:6px 8px;text-align:center;font:inherit;font-size:12px;font-weight:500;background:transparent;border:none;cursor:pointer;color:var(--tw-text-label);transition:color .15s,transform .2s var(--tw-ease-pop)}.tw-seg-btn[data-active=true]{color:var(--tw-on-accent)}.tw-seg-btn:active{transform:scale(.9);transition:transform .08s ease-out}.tw-row .tw-seg .tw-seg-btn{min-width:0;padding:5px}.tw-radiogrid{display:flex;align-items:center;gap:10px;min-height:var(--tw-row-height);padding:4px 4px 4px 12px;background:var(--tw-surface);border-radius:var(--tw-radius)}.tw-radiogrid-label{flex-shrink:1;min-width:0;font-size:12px;font-weight:500;color:var(--tw-text-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-radiogrid-grid{flex:1 1 0;max-width:max-content;min-width:0;margin-left:auto;display:grid;grid-template-columns:repeat(var(--tw-rg-cols, 3),minmax(0,1fr));gap:4px}.tw-radiogrid-btn{font:inherit;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;padding:5px;text-align:center;color:var(--tw-text-label);background:transparent;border:none;border-radius:calc(var(--tw-radius) - 2px);cursor:pointer;transition:background .15s,color .15s,transform .2s var(--tw-ease-pop);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(hover:hover)and (pointer:fine){.tw-radiogrid-btn:hover{background:var(--tw-surface-hover);color:var(--tw-text-primary)}}.tw-radiogrid-btn:active{transform:scale(.93);transition:background .15s,color .15s,transform .08s ease-out}.tw-radiogrid-btn[data-active=true]{background:var(--tw-accent, var(--tw-surface-active));color:var(--tw-on-accent)}.tw-button{display:flex;align-items:center;justify-content:center;width:100%;height:var(--tw-row-height);padding:0 16px;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-secondary);background:var(--tw-surface);border:none;border-radius:var(--tw-radius);cursor:pointer;transition:background .15s,color .15s,transform .24s var(--tw-ease-pop)}@media(hover:hover)and (pointer:fine){.tw-button:hover{background:var(--tw-surface-hover);color:var(--tw-text-primary)}}.tw-button:active{background:var(--tw-surface-active);transform:scale(.975);transition:background .15s,color .15s,transform .08s ease-out}.tw-buttongroup{height:auto;min-height:var(--tw-row-height)}.tw-buttongroup-btns{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0;margin-right:-6px}.tw-buttongroup-btn{flex:1 1 0;min-width:6ch;padding:5px 8px;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-label);background:var(--tw-surface-active);border:none;border-radius:calc(var(--tw-radius) - 2px);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,color .15s,transform .2s var(--tw-ease-pop)}@media(hover:hover)and (pointer:fine){.tw-buttongroup-btn:hover{background:var(--tw-surface-hover);color:var(--tw-text-primary)}}.tw-buttongroup-btn:active{transform:scale(.93);transition:background .15s,color .15s,transform .08s ease-out}.tw-separator{height:1px;margin:3px 2px;background:var(--tw-border)}.tw-tabs{display:flex;flex-direction:column;gap:8px}.tw-tabs-bar{position:relative;display:flex;gap:2px;padding:2px;min-width:0;background:var(--tw-surface);border-radius:var(--tw-radius)}.tw-tabs-pill{position:absolute;top:2px;bottom:2px;left:0;width:0;background:var(--tw-surface-active);border-radius:calc(var(--tw-radius) - 2px);z-index:0;transition:left .24s var(--tw-ease-out),width .24s var(--tw-ease-out)}.tw-tabs-tab{position:relative;z-index:1;flex:1;min-width:0;padding:5px 8px;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-label);background:transparent;border:none;border-radius:calc(var(--tw-radius) - 2px);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s,transform .2s var(--tw-ease-pop)}.tw-tabs-tab[data-active=true]{color:var(--tw-text-primary)}.tw-tabs-tab:active{transform:scale(.95);transition:color .15s,transform .08s ease-out}.tw-tabs-page{display:none;flex-direction:column;gap:6px}.tw-tabs-page[data-active=true]{display:flex;animation:tw-page-in .3s var(--tw-ease-out)}@keyframes tw-page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.tw-select{position:relative}.tw-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:var(--tw-row-height);padding:0 12px;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-label);background:var(--tw-surface);border:none;border-radius:var(--tw-radius);cursor:pointer;transition:background .15s,transform .24s var(--tw-ease-pop)}@media(hover:hover)and (pointer:fine){.tw-select-trigger:hover{background:var(--tw-surface-hover)}}.tw-select-trigger:active{transform:scale(.985);transition:background .15s,transform .08s ease-out}.tw-select.is-open .tw-select-trigger{background:var(--tw-surface-active)}.tw-select-label{font-weight:500;flex:1 1 0;min-width:5ch;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-select-right{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto;max-width:calc(100% - 5ch - 10px)}.tw-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-select-chevron{width:18px;height:18px;flex-shrink:0;opacity:.6;margin-right:-4.5px;transition:transform .2s var(--tw-ease-out)}.tw-select.is-open .tw-select-chevron{transform:rotate(180deg)}.tw-select-dropdown{position:fixed;z-index:99999;padding:4px;border-radius:calc(var(--tw-radius) + 2px);background:var(--tw-dropdown-bg);border:1px solid var(--tw-border);box-shadow:var(--tw-shadow-dropdown);max-height:60vh;overflow-y:auto;transform-origin:top;opacity:0;transform:translateY(-6px) scale(.96);pointer-events:none;transition:opacity .16s var(--tw-ease-out),transform .22s var(--tw-ease-spring)}.tw-select-dropdown.is-open{opacity:1;transform:none;pointer-events:auto}.tw-select-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-label);background:transparent;border:none;border-radius:calc(var(--tw-radius) - 2px);cursor:pointer;text-align:left;transition:background .15s,color .15s}@media(hover:hover)and (pointer:fine){.tw-select-option:hover{background:var(--tw-surface-hover)}}.tw-select-option:focus-visible{background:var(--tw-surface-hover);color:var(--tw-text-primary);outline:none}.tw-select-option[data-selected=true]{color:var(--tw-text-primary);background:var(--tw-accent, var(--tw-surface-active))}.tw-option-swatch{flex-shrink:0;width:12px;height:12px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--tw-border-hover)}.tw-option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-presets-menu{position:fixed;z-index:99999;width:208px;display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--tw-dropdown-bg);border:1px solid var(--tw-border);border-radius:calc(var(--tw-radius) + 4px);box-shadow:var(--tw-shadow-dropdown);transform-origin:top right;opacity:0;transform:translateY(-6px) scale(.97);pointer-events:none;transition:opacity .16s var(--tw-ease-out),transform .24s var(--tw-ease-spring)}.tw-presets-menu.is-open{opacity:1;transform:none;pointer-events:auto}.tw-presets-save{display:flex;gap:6px}.tw-presets-input{flex:1;min-width:0;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-primary);background:var(--tw-surface);border:1px solid var(--tw-border);border-radius:calc(var(--tw-radius) - 2px);padding:6px 8px;outline:none}.tw-presets-input:focus{border-color:var(--tw-border-hover)}.tw-presets-input::placeholder{color:var(--tw-text-tertiary)}.tw-presets-savebtn{flex-shrink:0;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-primary);background:var(--tw-surface);border:none;border-radius:calc(var(--tw-radius) - 2px);padding:6px 10px;cursor:pointer;transition:background .15s}@media(hover:hover)and (pointer:fine){.tw-presets-savebtn:hover{background:var(--tw-surface-hover)}}.tw-presets-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.tw-presets-empty{padding:8px;font-size:12px;font-weight:500;color:var(--tw-text-tertiary);text-align:center}.tw-presets-row{display:flex;align-items:center;gap:2px}.tw-presets-load{flex:1;min-width:0;text-align:left;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-label);background:transparent;border:none;border-radius:calc(var(--tw-radius) - 2px);padding:6px 8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,color .15s}@media(hover:hover)and (pointer:fine){.tw-presets-load:hover{background:var(--tw-surface-hover);color:var(--tw-text-primary)}}.tw-presets-del{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--tw-text-tertiary);background:transparent;border:none;border-radius:calc(var(--tw-radius) - 2px);cursor:pointer;transition:background .15s,color .15s,transform .2s var(--tw-ease-pop)}@media(hover:hover)and (pointer:fine){.tw-presets-del:hover{background:var(--tw-surface-hover);color:var(--tw-text-primary)}}.tw-presets-del:active{transform:scale(.85);transition:background .15s,color .15s,transform .08s ease-out}.tw-presets-savebtn:active{transform:scale(.95)}.tw-presets-del svg{width:12px;height:12px;display:block}.tw-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:var(--tw-row-height);padding:0 10px 0 12px;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-label);cursor:pointer;background:var(--tw-surface);border:none;border-radius:var(--tw-radius);transition:background .15s,transform .24s var(--tw-ease-pop)}@media(hover:hover)and (pointer:fine){.tw-trigger:hover{background:var(--tw-surface-hover)}}.tw-trigger:active{transform:scale(.985);transition:background .15s,transform .08s ease-out}.is-open>.tw-trigger{background:var(--tw-surface-active)}.tw-trigger-label{flex:1 1 0;min-width:5ch;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-trigger-right{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto;max-width:calc(100% - 5ch - 10px)}.tw-trigger-value{font-family:var(--tw-font-sans);word-spacing:.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:20ch}.tw-trigger-chip{height:18px;flex-shrink:0;border-radius:calc(var(--tw-radius) - 4px);box-shadow:inset 0 0 0 1px var(--tw-border-hover);transition:transform .2s var(--tw-ease-spring)}.is-open>.tw-trigger .tw-trigger-chip{transform:scale(1.07)}@media(hover:hover)and (pointer:fine){.tw-trigger:hover .tw-trigger-chip{transform:scale(1.07)}}.tw-color{position:relative}.tw-color-swatch{width:18px}.tw-color-pop,.tw-select-dropdown,.tw-grab-guide,.tw-presets-menu{line-height:normal}.tw-portal *,.tw-portal *:before,.tw-portal *:after{box-sizing:border-box}.tw-color-pop{position:fixed;z-index:99999;width:240px;display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--tw-dropdown-bg);border:1px solid var(--tw-border);border-radius:calc(var(--tw-radius) + 10px);box-shadow:var(--tw-shadow-dropdown);max-height:calc(100dvh - 16px);overflow-y:auto;overflow-x:clip;opacity:0;transform:translateY(-6px) scale(.97);transform-origin:top;pointer-events:none;transition:opacity .16s var(--tw-ease-out),transform .24s var(--tw-ease-spring)}.tw-color-pop.is-open{opacity:1;transform:none;pointer-events:auto}.tw-color-body{display:flex;flex-direction:column;gap:8px;min-width:0}.tw-color-mode-row{display:flex;align-items:center;gap:8px}.tw-color-mode{appearance:none;-webkit-appearance:none;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-primary);background-color:var(--tw-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;border:1px solid var(--tw-border);border-radius:calc(var(--tw-radius) - 2px);padding:4px 26px 4px 10px;cursor:pointer;outline:none}@media(hover:hover)and (pointer:fine){.tw-color-mode:hover{background-color:var(--tw-surface-hover)}}.tw-color-mode:focus-visible{border-color:var(--tw-border-hover)}.tw-color-gamut{margin-left:auto;font-family:var(--tw-font-sans);font-size:12px;font-weight:500;color:var(--tw-text-tertiary)}.tw-color-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tw-color-channels--hex{grid-template-columns:1fr}.tw-color-chan{display:flex;flex-direction:column;gap:3px;min-width:0}.tw-color-chan-label{font-size:10px;font-weight:600;letter-spacing:.03em;color:var(--tw-text-tertiary);text-transform:uppercase}.tw-color-chan-input{width:100%;min-width:0;font:inherit;font-size:12px;font-weight:500;font-family:var(--tw-font-sans);color:var(--tw-text-label);background:var(--tw-surface);border:1px solid var(--tw-border);border-radius:calc(var(--tw-radius) - 2px);padding:5px 6px;outline:none;text-transform:uppercase}.tw-color-chan-input:focus{color:var(--tw-text-focus);border-color:var(--tw-border-hover)}.tw-wg-area{position:relative;width:100%;height:140px;border-radius:var(--tw-radius);cursor:crosshair;touch-action:none;box-shadow:inset 0 0 0 1px var(--tw-border)}.tw-wg-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:inherit}.tw-wg-thumb{position:absolute;width:14px;height:14px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px #00000073;transform:translate(-50%,-50%);pointer-events:none;transition:transform .18s var(--tw-ease-spring),box-shadow .18s}.tw-wg-area.is-grabbing .tw-wg-thumb{transform:translate(-50%,-50%) scale(1.32);box-shadow:0 0 0 1px #00000073,0 2px 8px #00000073}.tw-wg-hue,.tw-wg-alpha{position:relative;width:100%;height:14px;border-radius:999px;cursor:ew-resize;touch-action:none;box-shadow:inset 0 0 0 1px var(--tw-border)}.tw-wg-alpha{background:var(--tw-checker)}.tw-wg-hue-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:inherit}.tw-wg-hue-thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000073,0 1px 3px #0006;transform:translate(-50%,-50%);pointer-events:none;transition:transform .18s var(--tw-ease-spring),box-shadow .18s}.tw-wg-hue.is-grabbing .tw-wg-hue-thumb,.tw-wg-alpha.is-grabbing .tw-wg-hue-thumb{transform:translate(-50%,-50%) scale(1.28);box-shadow:0 0 0 1px #00000073,0 2px 8px #00000073}.tw-wg-alpha-grad{position:absolute;inset:0;border-radius:inherit}.tw-gradient{position:relative}.tw-gradient-preview{width:72px;background:var(--tw-checker)}.tw-gradient-pop{width:260px}.tw-gradient-pop .tw-color-mode-row{gap:6px}.tw-gradient-pop .tw-color-mode{padding-left:8px;padding-right:24px}.tw-gradient-bar-row{display:flex;align-items:stretch;gap:6px}.tw-gradient-bar-row>.tw-gradient-bar{flex:1;min-width:0}.tw-gradient-bar{position:relative;width:100%;height:28px;border-radius:var(--tw-radius);box-shadow:inset 0 0 0 1px var(--tw-border);background:var(--tw-checker)}.tw-gradient-grad{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.tw-gradient-rail{position:absolute;left:0;right:0;bottom:-5px;height:14px;pointer-events:none}.tw-gradient-stop{position:absolute;top:0;width:13px;height:13px;padding:0;transform:translate(-50%);border-radius:calc(var(--tw-radius) - 4px);background:var(--stop);border:2px solid var(--tw-dropdown-bg);box-shadow:0 0 0 1px var(--tw-border-hover),0 1px 3px #0006;cursor:ew-resize;touch-action:none;pointer-events:auto;transition:opacity .12s ease,transform .16s var(--tw-ease-spring),box-shadow .16s}.tw-gradient-stop[data-sel=true]{box-shadow:0 0 0 2px var(--tw-accent, var(--tw-text-focus)),0 1px 3px #0006;z-index:1}.tw-gradient-stop:before,.tw-bezier-handle:before{content:"";position:absolute;inset:-4px;border-radius:inherit}@media(hover:hover)and (pointer:fine){.tw-gradient-stop:hover{transform:translate(-50%) scale(1.22)}}.tw-gradient-stop[data-removing=true]{opacity:.3;transform:translate(-50%) scale(.7)}.tw-gradient-add{display:flex;align-items:center;justify-content:center;flex:none;width:32px;padding:0;border:none;border-radius:var(--tw-radius);background:var(--tw-surface);color:var(--tw-text-primary);cursor:pointer;will-change:transform;transition:background .15s,transform .24s var(--tw-ease-pop)}.tw-gradient-add:active{transform:scale(.88);transition:background .15s,transform .08s ease-out}.tw-gradient-add svg{width:16px;height:16px;display:block;will-change:transform;transition:transform .2s var(--tw-ease-pop)}@media(hover:hover)and (pointer:fine){.tw-gradient-add:hover{background:var(--tw-surface-hover)}.tw-gradient-add:hover svg{transform:scale(1.18)}}.tw-text,.tw-num{flex:1;min-width:0;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-label);background:transparent;border:none;outline:none;text-align:right;cursor:text;padding:0;border-radius:calc(var(--tw-radius) - 4px)}.tw-num{font-family:var(--tw-font-sans)}.tw-text:focus,.tw-num:focus{color:var(--tw-text-focus)}.tw-text::placeholder{color:var(--tw-text-tertiary)}.tw-row-multiline{position:relative;flex-direction:column;align-items:stretch;height:auto;gap:4px;padding:6px 10px 10px 12px}.tw-textarea{flex:none;width:100%;resize:vertical;min-height:3em;padding:0;line-height:1.45;text-align:left;font-family:var(--tw-font-sans)}.tw-textarea::-webkit-resizer{background:transparent}.tw-textarea:is(.is-clip-top,.is-clip-bottom){--tw-clip-top: 0px;--tw-clip-bottom: 0px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--tw-clip-top),#000 calc(100% - var(--tw-clip-bottom)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--tw-clip-top),#000 calc(100% - var(--tw-clip-bottom)),transparent)}.tw-textarea.is-clip-top{--tw-clip-top: 14px}.tw-textarea.is-clip-bottom{--tw-clip-bottom: 14px}.tw-row-multiline:after{content:"";position:absolute;right:8px;bottom:8px;width:11px;height:11px;pointer-events:none;background-color:var(--tw-text-tertiary);--tw-grip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M11 3 3 11M11 7 7 11' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");-webkit-mask:var(--tw-grip) right bottom / contain no-repeat;mask:var(--tw-grip) right bottom / contain no-repeat}.tw-image{position:relative}.tw-image-input{display:none}.tw-image-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-image-thumb{width:18px;background:var(--tw-base) center / cover no-repeat}.tw-image-thumb[data-set=false]{background:var(--tw-checker)}.tw-image .tw-trigger[data-over=true]{background:var(--tw-surface-hover);outline:1.5px dashed var(--tw-border-hover);outline-offset:-2px}.tw-image .tw-trigger[data-over=true] .tw-image-thumb{transform:scale(1.14)}.tw-fps{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 8px;background:var(--tw-surface);border-radius:var(--tw-radius);padding:8px 10px 10px 12px}.tw-fps-label{font-size:12px;font-weight:500;color:var(--tw-text-label)}.tw-fps-val{font-family:var(--tw-font-sans);font-size:12px;color:var(--tw-text-primary);text-align:right}.tw-fps-canvas{grid-column:1 / -1;width:100%;height:40px;display:block;margin-top:6px}.tw-monitor-buffer{grid-column:1 / -1;margin:6px 0 0;height:calc(var(--tw-monitor-rows, 4) * 1.45em);overflow:hidden;font-family:var(--tw-font-sans);font-variant-numeric:tabular-nums;font-size:11px;line-height:1.45;color:var(--tw-text-secondary);white-space:pre;word-break:break-all}.tw-num-wrap{display:flex;align-items:center;gap:4px}.tw-slider-unit{color:var(--tw-text-tertiary)}.tw-num-unit{flex-shrink:0;font-size:12px;line-height:normal;color:var(--tw-text-tertiary);padding-right:2px;user-select:none;-webkit-user-select:none}.tw-num-wrap .tw-num{flex:0 0 auto;width:6ch;text-overflow:ellipsis}.tw-row>.tw-num-wrap .tw-num{width:9ch}.tw-num-grab{display:flex;align-items:center;justify-content:center;width:12px;height:18px;flex-shrink:0;color:var(--tw-text-tertiary);cursor:ew-resize;touch-action:none;transition:color .15s,transform .18s var(--tw-ease-spring)}.tw-num-grab svg{width:12px;height:12px;display:block}.tw-num-grab.is-dragging{color:var(--tw-text-primary);transform:scale(1.22)}@media(hover:hover)and (pointer:fine){.tw-num-grab:hover{color:var(--tw-text-primary);transform:scale(1.22)}}.tw-grab-guide{position:fixed;inset:0;z-index:100001;pointer-events:none}.tw-grab-line{position:fixed;height:2px;border:0;transform:translateY(-50%);background:radial-gradient(circle closest-side,var(--tw-text-label) 99%,transparent) 0 50% / var(--tw-grab-gap, 7px) 2px repeat-x}.tw-grab-dot{position:fixed;width:5px;height:5px;border-radius:50%;background:var(--tw-text-label);transform:translate(-50%,-50%)}.tw-grab-bubble{position:fixed;transform:translate(-50%,-100%);padding:2px 7px;border-radius:calc(var(--tw-radius) - 2px);background:var(--tw-dropdown-bg);border:1px solid var(--tw-border);box-shadow:var(--tw-shadow-dropdown);color:var(--tw-text-primary);font-family:var(--tw-font-sans);font-size:11px;font-weight:500;white-space:nowrap;transform-origin:bottom center;animation:tw-bubble-in .18s var(--tw-ease-pop)}@keyframes tw-bubble-in{0%{opacity:0;transform:translate(-50%,-100%) scale(.8)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.tw-grab-arrow{position:fixed;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid var(--tw-text-label)}.tw-folder{display:flex;flex-direction:column;border-top:1px solid var(--tw-border);border-bottom:1px solid var(--tw-border)}.tw-folder+.tw-folder{border-top:none;margin-top:-6px}.tw-folder .tw-folder{margin-left:10px}.tw-controls>.tw-folder:first-child{border-top:none}.tw-folder:last-child{border-bottom:none}.tw-folder-header{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;height:var(--tw-row-height);padding:0;background:none;border:none;cursor:pointer;color:inherit;font:inherit;text-align:left}.tw-folder-title{font-size:12px;font-weight:600;color:var(--tw-text-section);letter-spacing:-.01em;transition:color .15s}@media(hover:hover)and (pointer:fine){.tw-folder-header:hover .tw-folder-title,.tw-folder-header:hover .tw-chevron{color:var(--tw-text-primary)}}.tw-folder-header .tw-chevron{color:var(--tw-text-section);margin-right:-1.75px;transition:transform .35s var(--tw-ease-fold),color .15s}.tw-folder.is-collapsed .tw-folder-header .tw-chevron{transform:rotate(180deg)}.tw-folder-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .35s var(--tw-ease-fold);contain:layout}.tw-folder.is-collapsed .tw-folder-body{grid-template-rows:0fr}.tw-folder-body>.tw-controls{overflow-x:visible;overflow-y:clip;min-height:0;min-width:0;padding-bottom:8px;opacity:1;transition:opacity .35s var(--tw-ease-fold),padding-bottom .35s var(--tw-ease-fold)}.tw-folder.is-collapsed .tw-folder-body>.tw-controls{opacity:0;padding-bottom:0}.tw-folder:last-child .tw-folder-body>.tw-controls{padding-bottom:0}.tw-folder-body>.tw-controls>*{flex-shrink:0}.tw-shadow-chip,.tw-motion-chip{width:26px;background:var(--tw-base);overflow:hidden}.tw-shadow-chip{display:flex;align-items:center;justify-content:center}.tw-shadow-chip-tile{width:12px;height:8px;border-radius:2px;background:var(--tw-dropdown-bg)}.tw-shadow-stage{display:flex;align-items:center;justify-content:center;height:84px;border-radius:var(--tw-radius);background:var(--tw-base);overflow:hidden}.tw-shadow-card{width:64px;height:40px;border-radius:9px;background:var(--tw-dropdown-bg)}.tw-shadow-pop{width:260px}.tw-shadow-color{width:100%}.tw-shadow-color .tw-trigger-right,.tw-shadow-color .tw-trigger-value{max-width:none}.tw-shadow-pop .tw-color-body[hidden]{display:none}.tw-shadow-chevron{flex-shrink:0;width:12px;height:12px;color:var(--tw-text-tertiary);transition:transform .2s var(--tw-ease-pop)}.tw-shadow-color[aria-expanded=true] .tw-shadow-chevron{transform:rotate(180deg)}.tw-shadow-pop .tw-color-body{margin-top:2px}.tw-sides-link{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;color:var(--tw-text-tertiary);background:transparent;border:none;border-radius:calc(var(--tw-radius) - 3px);cursor:pointer;transition:color .15s,background .15s}.tw-sides-link svg{width:14px;height:14px}.tw-sides-link[aria-pressed=true]{color:var(--tw-accent, var(--tw-text-primary))}@media(hover:hover)and (pointer:fine){.tw-sides-link:hover{background:var(--tw-surface-hover);color:var(--tw-text-primary)}}.tw-sides>.tw-row .tw-sides-link{margin-left:auto}.tw-sides.is-linked .tw-sides-multi,.tw-sides:not(.is-linked)>.tw-row{display:none}.tw-sides-multi{display:flex;flex-direction:column;gap:6px;padding:6px 10px 10px 12px;background:var(--tw-surface);border-radius:var(--tw-radius)}.tw-sides-head{display:flex;align-items:center;gap:8px;min-height:20px}.tw-sides-multi .tw-fields,.tw-fields.tw-shadow-fields{grid-auto-flow:row;grid-template-columns:1fr 1fr}.tw-sides-sum{margin-left:auto;font-family:var(--tw-font-sans);font-size:12px;font-weight:500;color:var(--tw-text-tertiary);word-spacing:.1em}.tw-motion-chip{position:relative}.tw-motion-chip svg{display:block;width:100%;height:100%}.tw-motion-chip path{fill:none;stroke:var(--tw-accent, var(--tw-text-primary));stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.tw-motion-body,.tw-motion-pane{display:flex;flex-direction:column;gap:8px}.tw-motion-pop .tw-bezier-graph,.tw-motion-pop .tw-spring-viz{height:120px}.tw-motion-pane .tw-spring>.tw-row{display:none}.tw-motion-stage{display:flex;align-items:center;height:56px;padding:0 16px;border-radius:var(--tw-radius);background:var(--tw-surface);overflow:hidden;cursor:pointer}.tw-motion-box{width:24px;height:24px;border-radius:7px;background:var(--tw-accent, var(--tw-text-primary));will-change:transform}.tw-spring{display:flex;flex-direction:column;gap:6px}.tw-spring-viz{width:100%;height:96px;border-radius:var(--tw-radius);background:var(--tw-surface);overflow:hidden;cursor:crosshair;touch-action:none;transition:background .15s}@media(hover:hover)and (pointer:fine){.tw-spring-viz:hover{background:var(--tw-surface-hover)}}.tw-spring-viz.is-dragging{background:var(--tw-surface-hover);box-shadow:inset 0 0 0 1px var(--tw-border-hover)}.tw-spring-canvas{width:100%;height:100%;display:block}.tw-fields{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}.tw-point{position:relative}.tw-point-preview{position:relative;width:18px;border-radius:2.5px;background:var(--tw-base);overflow:hidden}.tw-point-preview-dot{position:absolute;width:5px;height:5px;border-radius:999px;background:var(--tw-accent, var(--tw-text-primary));transform:translate(-50%,-50%)}.tw-point-body{display:flex;flex-direction:column;gap:8px;min-width:0}.tw-point-pop .tw-pad{max-width:none;margin:0}.tw-pad{position:relative;width:100%;max-width:176px;aspect-ratio:1;margin:0 auto 8px;border-radius:var(--tw-radius);background:var(--tw-base);box-shadow:inset 0 0 0 1px var(--tw-border);cursor:crosshair;touch-action:none;overflow:visible}.tw-pad-line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tw-pad-line line{stroke:var(--tw-accent, var(--tw-text-tertiary));stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linecap:round}.tw-pad-axis{position:absolute;background:var(--tw-border);pointer-events:none}.tw-pad-axis-x{left:0;right:0;top:50%;height:1px;transform:translateY(-50%)}.tw-pad-axis-y{top:0;bottom:0;left:50%;width:1px;transform:translate(-50%)}.tw-pad-thumb{position:absolute;width:14px;height:14px;border-radius:999px;background:var(--tw-accent, var(--tw-text-primary));border:2px solid var(--tw-base);box-shadow:0 0 0 1px var(--tw-border-hover),0 1px 3px #0000004d;transform:translate(-50%,-50%);pointer-events:none;transition:transform .18s var(--tw-ease-spring),box-shadow .18s}.tw-pad.is-grabbing .tw-pad-thumb{transform:translate(-50%,-50%) scale(1.28);box-shadow:0 0 0 1px var(--tw-border-hover),0 3px 9px #0006}.tw-field{display:flex;flex-direction:column;gap:4px;min-width:0}.tw-field-label{font-size:10px;font-weight:600;letter-spacing:.02em;color:var(--tw-text-tertiary);text-transform:uppercase}.tw-field .tw-num-wrap{background:var(--tw-base);border:1px solid var(--tw-border);border-radius:calc(var(--tw-radius) - 2px);padding:3px 4px;gap:2px;transition:border-color .15s}.tw-field .tw-num-wrap:focus-within{border-color:var(--tw-border-hover)}.tw-field .tw-num-wrap:has(>.tw-num:focus-visible:not(.tw-focus-quiet)),.tw-field .tw-num-wrap:has(>.tw-color-chan-input:focus-visible:not(.tw-focus-quiet)){outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:-1px}.tw-field .tw-num-wrap>.tw-num:focus-visible,.tw-field .tw-num-wrap>.tw-color-chan-input:focus-visible{outline:none}.tw-plot-field:has(>.tw-plot-input:focus-visible:not(.tw-focus-quiet)){outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:-2px}.tw-slider:has(.tw-slider-input:focus-visible:not(.tw-focus-quiet)){outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:-2px}.tw-wg-area:focus-visible,.tw-wg-hue:focus-visible,.tw-wg-alpha:focus-visible{outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:2px}.tw-field .tw-num{flex:1;width:auto;min-width:0}.tw-field .tw-num-grab{width:10px}.tw-bezier{display:flex;flex-direction:column;gap:6px}.tw-bezier-graph{position:relative;width:100%;height:96px;background:var(--tw-surface);border-radius:var(--tw-radius);overflow:hidden;touch-action:none}.tw-bezier-svg{position:absolute;inset:0;width:100%;height:100%;display:block}.tw-bezier-guide{stroke:var(--tw-border);stroke-width:1}.tw-bezier-diag{stroke:var(--tw-surface-active);stroke-width:1;stroke-dasharray:2 3}.tw-bezier-ctl{stroke:var(--tw-text-tertiary);stroke-width:1.5}.tw-bezier-curve{fill:none;stroke:var(--tw-accent, var(--tw-text-primary));stroke-width:2;stroke-linecap:round}.tw-bezier-handle{position:absolute;width:14px;height:14px;margin:0;padding:0;transform:translate(-50%,-50%);border-radius:999px;background:var(--tw-text-primary);border:2px solid var(--tw-base);box-shadow:0 1px 3px #0006;cursor:grab;touch-action:none;transition:transform .18s var(--tw-ease-spring),box-shadow .18s}@media(hover:hover)and (pointer:fine){.tw-bezier-handle:hover{transform:translate(-50%,-50%) scale(1.2)}}.tw-bezier-handle.is-dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.3);box-shadow:0 3px 9px #00000073}.tw-bezier-fields{gap:4px}.tw-plot{display:flex;flex-direction:column;gap:6px}.tw-plot-label,.tw-spring-label,.tw-bezier-label{font-size:12px;font-weight:500;color:var(--tw-text-label);padding:0}.tw-plot-graph{position:relative;width:100%;height:140px;background:var(--tw-surface);border-radius:var(--tw-radius);overflow:hidden;box-shadow:inset 0 0 0 1px var(--tw-border)}.tw-plot-svg{position:absolute;inset:0;width:100%;height:100%;display:block}.tw-plot-axis{stroke:var(--tw-border);stroke-width:1}.tw-plot-curve{fill:none;stroke:var(--tw-accent, var(--tw-text-primary));stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tw-plot-field{display:flex;align-items:center;gap:7px;height:var(--tw-row-height);padding:0 10px 0 12px;background:var(--tw-surface);border-radius:var(--tw-radius);box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .15s}.tw-plot-field:focus-within{box-shadow:inset 0 0 0 1px var(--tw-border-hover)}.tw-plot-fx{flex:none;font-size:12px;color:var(--tw-text-tertiary);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.tw-plot-input{flex:1;min-width:0;padding:0;background:none;border:none;outline:none;color:var(--tw-text-primary);font-family:var(--tw-font-mono, ui-monospace, "SF Mono", Menlo, monospace);font-size:12px}.tw-plot-input::placeholder{color:var(--tw-text-tertiary)}.tw-plot.is-invalid .tw-plot-curve{opacity:.25}.tw-plot.is-invalid .tw-plot-field{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tw-danger) 60%,transparent)}.tw-plot.is-invalid .tw-plot-fx{color:color-mix(in srgb,var(--tw-danger) 80%,transparent)}@media(prefers-color-scheme:light){.tw-panel:where(:not([data-tw-scheme=dark]):not([data-tw-scheme=dark] *)),.tw-portal:where(:not([data-tw-scheme=dark]):not([data-tw-scheme=dark] *)){--tw-surface: rgba(255, 255, 255, .82);--tw-surface-hover: rgba(0, 0, 0, .04);--tw-surface-active: rgba(0, 0, 0, .1);--tw-text-root: #1a1a1a;--tw-text-section: rgba(0, 0, 0, .62);--tw-text-label: rgba(0, 0, 0, .58);--tw-text-focus: #000000;--tw-text-primary: rgba(0, 0, 0, .88);--tw-text-secondary: rgba(0, 0, 0, .58);--tw-text-tertiary: rgba(0, 0, 0, .54);--tw-border: rgba(0, 0, 0, .045);--tw-border-hover: rgba(0, 0, 0, .1);--tw-selection: rgba(0, 0, 0, .14);--tw-base: #f3f3f3;--tw-dropdown-bg: #f6f6f6;--tw-shadow-dropdown: 0 12px 32px -8px rgba(0, 0, 0, .14);--tw-shadow-panel: 0 0 0 1px var(--tw-border), 0 2px 8px -2px rgba(0, 0, 0, .08), 0 18px 44px -12px rgba(0, 0, 0, .16);--tw-shadow-panel-lifted: 0 0 0 1px var(--tw-border-hover), 0 6px 16px -3px rgba(0, 0, 0, .12), 0 30px 70px -16px rgba(0, 0, 0, .2);--tw-success: #15803d;--tw-danger: #c23232;color-scheme:light}.tw-slider-handle:where(:not([data-tw-scheme=dark] *)){box-shadow:0 0 0 .5px #00000014}}.tw-panel:where([data-tw-scheme=light],[data-tw-scheme=light] *),.tw-portal:where([data-tw-scheme=light],[data-tw-scheme=light] *){--tw-surface: rgba(255, 255, 255, .82);--tw-surface-hover: rgba(0, 0, 0, .04);--tw-surface-active: rgba(0, 0, 0, .1);--tw-text-root: #1a1a1a;--tw-text-section: rgba(0, 0, 0, .62);--tw-text-label: rgba(0, 0, 0, .58);--tw-text-focus: #000000;--tw-text-primary: rgba(0, 0, 0, .88);--tw-text-secondary: rgba(0, 0, 0, .58);--tw-text-tertiary: rgba(0, 0, 0, .54);--tw-border: rgba(0, 0, 0, .045);--tw-border-hover: rgba(0, 0, 0, .1);--tw-selection: rgba(0, 0, 0, .14);--tw-base: #f3f3f3;--tw-dropdown-bg: #f6f6f6;--tw-shadow-dropdown: 0 12px 32px -8px rgba(0, 0, 0, .14);--tw-shadow-panel: 0 0 0 1px var(--tw-border), 0 2px 8px -2px rgba(0, 0, 0, .08), 0 18px 44px -12px rgba(0, 0, 0, .16);--tw-shadow-panel-lifted: 0 0 0 1px var(--tw-border-hover), 0 6px 16px -3px rgba(0, 0, 0, .12), 0 30px 70px -16px rgba(0, 0, 0, .2);--tw-success: #15803d;--tw-danger: #c23232;color-scheme:light}.tw-slider-handle:where([data-tw-scheme=light] *){box-shadow:0 0 0 .5px #00000014}.tw-slider-value,.tw-slider-input,.tw-fps-val,.tw-num,.tw-grab-bubble,.tw-trigger-value,.tw-color-gamut,.tw-color-chan-input{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.tw-panel,.tw-panel *,.tw-portal,.tw-portal *{transition:none!important}.tw-tabs-page[data-active=true],.tw-grab-bubble{animation:none}}@media(forced-colors:active){.tw-seg-pill,.tw-tabs-pill,.tw-slider-fill,.tw-radiogrid-btn[data-active=true]{outline:2px solid Highlight;outline-offset:-2px}.tw-gradient-stop[data-sel=true]{border-color:Highlight}.tw-select-option:focus-visible{outline:2px solid Highlight;outline-offset:-2px}}
+.tw-panel,.tw-portal{--tw-surface: rgba(255, 255, 255, .04);--tw-surface-hover: rgba(255, 255, 255, .075);--tw-surface-active: rgba(255, 255, 255, .13);--tw-text-root: #fafafa;--tw-text-section: rgba(255, 255, 255, .64);--tw-text-label: rgba(255, 255, 255, .64);--tw-text-focus: #ffffff;--tw-text-primary: rgba(255, 255, 255, .92);--tw-text-secondary: rgba(255, 255, 255, .56);--tw-text-tertiary: rgba(255, 255, 255, .5);--tw-on-accent: var(--tw-text-primary);--tw-border: rgba(255, 255, 255, .045);--tw-border-hover: rgba(255, 255, 255, .11);--tw-selection: rgba(255, 255, 255, .22);--tw-base: #242424;--tw-checker: repeating-conic-gradient(#6b6b6b 0% 25%, #9a9a9a 0% 50%) 0 0 / 8px 8px;--tw-dropdown-bg: #292929;--tw-radius: 8px;--tw-row-height: 32px;--tw-width: 256px;--tw-shadow-dropdown: 0 12px 32px -8px rgba(0, 0, 0, .6);--tw-shadow-panel: 0 0 0 1px rgba(255, 255, 255, .06), 0 8px 28px -8px rgba(0, 0, 0, .5), 0 18px 48px -16px rgba(0, 0, 0, .38);--tw-shadow-panel-lifted: 0 0 0 1px rgba(255, 255, 255, .08), 0 12px 32px -8px rgba(0, 0, 0, .55), 0 28px 64px -16px rgba(0, 0, 0, .45);--tw-success: #86efac;--tw-danger: #ff5f5f;--tw-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--tw-font-mono: ui-monospace, "SF Mono", Menlo, monospace;--tw-ease-out: cubic-bezier(.25, 1, .5, 1);--tw-ease-spring: cubic-bezier(.22, 1, .36, 1);--tw-ease-pop: cubic-bezier(.34, 1.56, .64, 1);--tw-ease-inout: cubic-bezier(.4, 0, .2, 1);--tw-ease-fold: linear(0, .077, .237, .411, .57, .699, .797, .869, .918, .952, .973, .986, .994, .998, 1);font-family:var(--tw-font-sans);line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.tw-panel{width:var(--tw-width);background:var(--tw-base);box-shadow:var(--tw-shadow-panel);border-radius:calc(var(--tw-radius) + 10px);padding:10px}.tw-panel *,.tw-panel *:before,.tw-panel *:after{box-sizing:border-box}:is(.tw-panel,.tw-color-pop,.tw-select-dropdown,.tw-presets-menu) ::selection{background:var(--tw-selection);color:var(--tw-text-focus)}.tw-panel,.tw-color-pop,.tw-select-dropdown,.tw-presets-menu{-webkit-tap-highlight-color:transparent}.tw-panel,.tw-portal{color-scheme:dark}.tw-panel[data-mode=floating]{position:fixed;z-index:99990;box-shadow:var(--tw-shadow-panel-lifted);transition:box-shadow .25s var(--tw-ease-out)}.tw-lift-slot{display:block;flex:none;pointer-events:none}.tw-panel[data-draggable=true]>.tw-header,.tw-panel[data-draggable=true]>.tw-header .tw-header-toggle,.tw-panel[data-mode=floating]>.tw-header,.tw-panel[data-mode=floating]>.tw-header .tw-header-toggle{cursor:grab}.tw-panel[data-draggable=true]>.tw-header,.tw-panel[data-mode=floating]>.tw-header{touch-action:none;margin-top:-10px;padding-top:10px}.tw-panel.is-dragging{-webkit-user-select:none;user-select:none;box-shadow:var(--tw-shadow-panel-lifted);z-index:99991}.tw-panel.is-dragging>.tw-header,.tw-panel.is-dragging>.tw-header .tw-header-toggle{cursor:grabbing}.tw-grabber{position:absolute;top:3px;left:50%;width:28px;height:4px;border-radius:999px;background:var(--tw-text-primary);transform:translate(-50%) scaleX(.4);opacity:0;pointer-events:none;transition:opacity .15s,transform .2s var(--tw-ease-spring)}@media(hover:hover)and (pointer:fine){.tw-header:hover>.tw-grabber{opacity:.4;transform:translate(-50%) scaleX(1)}}.tw-panel.is-grabbing>.tw-header>.tw-grabber{opacity:.7;transform:translate(-50%) scaleX(1)}.tw-panel.is-dragging>.tw-header>.tw-grabber{opacity:.85;transform:translate(-50%) scaleX(1)}.tw-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:9px;margin-bottom:8px;border-bottom:1px solid var(--tw-border)}.tw-title{font-size:14px;font-weight:500;color:var(--tw-text-root);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-header-toggle{display:flex;align-items:center;gap:6px;flex:1;min-width:0;background:none;border:none;padding:0;margin:0;cursor:pointer;color:inherit;font:inherit;text-align:left}.tw-chevron{width:15px;height:15px;flex-shrink:0;color:var(--tw-text-section);transition:transform .2s var(--tw-ease-out),color .15s}.tw-panel.is-collapsed .tw-chevron{transform:rotate(-90deg)}.tw-toolbar{display:flex;align-items:center;gap:4px}.tw-search{display:none;flex:1;min-width:0;height:24px;padding:0 8px;font:inherit;font-size:13px;font-weight:500;color:var(--tw-text-primary);background:var(--tw-surface);border:1px solid var(--tw-border);border-radius:calc(var(--tw-radius) - 2px);outline:none}.tw-search:focus{border-color:var(--tw-border-hover)}.tw-search::placeholder{color:var(--tw-text-tertiary)}.tw-panel.is-searching .tw-header-toggle{display:none}.tw-panel.is-searching .tw-search{display:block}.tw-filter-hidden{display:none!important}.tw-hint{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:4px;padding:0;vertical-align:-2px;flex:none;background:none;border:none;color:var(--tw-text-tertiary);cursor:help;pointer-events:auto;transition:color .15s,transform .18s var(--tw-ease-spring)}.tw-hint:focus-visible{color:var(--tw-text-secondary);transform:scale(1.2)}@media(hover:hover)and (pointer:fine){.tw-hint:hover{color:var(--tw-text-secondary);transform:scale(1.2)}}.tw-hint:focus-visible{outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:1px;border-radius:999px}.tw-hint svg{width:13px;height:13px;display:block}.tw-tip{position:fixed;z-index:100000;max-width:220px;padding:8px 12px;font-size:12px;line-height:1.4;color:var(--tw-text-primary);background:var(--tw-dropdown-bg);border:1px solid var(--tw-border);border-radius:8px;box-shadow:var(--tw-shadow-dropdown);pointer-events:none;opacity:0;transform:translateY(2px);transition:opacity .12s,transform .12s}.tw-tip.is-open{opacity:1;transform:none}.tw-toast{position:fixed;left:50%;bottom:24px;z-index:100000;max-width:min(320px,calc(100vw - 32px));padding:8px 16px;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tw-text-primary);background:var(--tw-dropdown-bg);border:1px solid var(--tw-border);border-radius:999px;box-shadow:var(--tw-shadow-dropdown);pointer-events:none;opacity:0;transform:translate(-50%,6px);transition:opacity .16s,transform .22s var(--tw-ease-spring)}.tw-toast.is-open{opacity:1;transform:translate(-50%)}.tw-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .25s var(--tw-ease-inout)}.tw-body>.tw-controls{overflow-x:visible;overflow-y:clip;min-height:0;min-width:0}.tw-panel.is-collapsed .tw-body{grid-template-rows:0fr}.tw-header{transition:margin-bottom .25s,padding-bottom .25s,border-color .25s}.tw-panel.is-collapsed .tw-header{margin-bottom:0;padding-bottom:0;border-color:transparent}.tw-header:has(+.tw-body>.tw-controls>.tw-folder:first-child){margin-bottom:0}.tw-toolbar-btn{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;flex-shrink:0;background:var(--tw-surface);border:none;border-radius:calc(var(--tw-radius) - 2px);color:var(--tw-text-label);cursor:pointer;will-change:transform;transition:background .15s,color .15s,transform .24s var(--tw-ease-pop)}@media(hover:hover)and (pointer:fine){.tw-toolbar-btn:hover{background:var(--tw-surface-hover);color:var(--tw-text-primary)}.tw-toolbar-btn:disabled{cursor:default}}.tw-toolbar-btn:after{content:"";position:absolute;inset:-2px}.tw-toolbar-btn:active{transform:scale(.86);transition:transform .08s ease-out}.tw-toolbar-btn svg{width:14px;height:14px;display:block}.tw-toolbar-btn__icons{position:relative;display:block;width:14px;height:14px}.tw-toolbar-btn__icons svg{position:absolute;inset:0;will-change:transform,filter;filter:blur(0);transition:opacity .25s var(--tw-ease-inout),transform .25s var(--tw-ease-inout),filter .25s var(--tw-ease-inout)}.tw-toolbar-btn__check{opacity:0;transform:scale(.25);filter:blur(2px);color:var(--tw-success)}.tw-toolbar-btn--swap.is-copied .tw-toolbar-btn__copy{opacity:0;transform:scale(.25);filter:blur(2px)}.tw-toolbar-btn--swap.is-copied .tw-toolbar-btn__check{opacity:1;transform:none;filter:blur(0)}.tw-toolbar-btn--reset svg{--tw-spin: 0deg;--tw-wind: 0deg;will-change:transform;transform:rotate(calc(var(--tw-spin) + var(--tw-wind)));transition:transform .34s cubic-bezier(.34,1.55,.5,1)}@media(hover:hover)and (pointer:fine){.tw-toolbar-btn--reset:not(:disabled):hover svg{--tw-wind: 22deg}}.tw-toolbar-btn--reset.is-spinning svg{transition-duration:.5s;transition-timing-function:var(--tw-ease-inout)}.tw-copy-back{transform:translate(calc(-1 * var(--tw-fan, 0px)),calc(-1 * var(--tw-fan, 0px)))}.tw-copy-front{transform:translate(var(--tw-fan, 0px),var(--tw-fan, 0px))}.tw-layer-top{transform:translateY(calc(-1 * var(--tw-lift, 0px)))}.tw-copy-back,.tw-copy-front,.tw-layer-top{transition:transform .3s var(--tw-ease-pop)}@media(hover:hover)and (pointer:fine){.tw-toolbar-btn:not(:disabled):hover{--tw-fan: 1px;--tw-lift: 1.75px}}.tw-toolbar-btn[aria-expanded=true]{--tw-lift: 1.75px}.tw-trigger:focus-visible,.tw-select-trigger:focus-visible,.tw-button:focus-visible,.tw-seg-btn:focus-visible,.tw-header-toggle:focus-visible,.tw-folder-header:focus-visible,.tw-slider:focus-visible,.tw-pad:focus-visible,.tw-motion-stage:focus-visible,.tw-sides-link:focus-visible,.tw-radiogrid-btn:focus-visible,.tw-buttongroup-btn:focus-visible,.tw-tabs-tab:focus-visible,.tw-text:focus-visible:not(.tw-focus-quiet),.tw-num:focus-visible:not(.tw-focus-quiet),.tw-color-chan-input:focus-visible:not(.tw-focus-quiet),.tw-search:focus-visible:not(.tw-focus-quiet),.tw-color-mode:focus-visible,.tw-presets-load:focus-visible,.tw-presets-savebtn:focus-visible,.tw-presets-del:focus-visible,.tw-presets-input:focus-visible:not(.tw-focus-quiet){outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:-2px}.tw-toolbar-btn:focus-visible{outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:1px}.tw-gradient-stop:focus-visible,.tw-gradient-add:focus-visible,.tw-bezier-handle:focus-visible{outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:2px}.tw-controls{display:flex;flex-direction:column;gap:6px}.tw-controls>*{min-width:0}.tw-cond-hidden{display:none!important}.is-disabled{opacity:.4;cursor:not-allowed}.is-disabled *{pointer-events:none}.tw-resettable{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tw-resettable.tw-resettable{transition:color .15s,background-color .3s ease-out}.tw-resettable.tw-reset-holding{border-radius:calc(var(--tw-radius) - 4px);background-color:var(--tw-surface-active, rgba(128, 128, 128, .22));transition:color .15s,background-color .5s ease-out}.tw-slider-wrap{position:relative;height:var(--tw-row-height)}.tw-slider{position:absolute;inset:0;cursor:pointer;user-select:none;-webkit-user-select:none;overflow:hidden;background:var(--tw-surface);border-radius:var(--tw-radius);touch-action:none}.tw-slider-hashmarks{position:absolute;inset:0;pointer-events:none}.tw-slider-hashmark{position:absolute;top:50%;width:1px;height:8px;border-radius:999px;transform:translate(-50%) translateY(-50%);background:#fff0;transition:background .2s}.tw-slider.is-active .tw-slider-hashmark{background:var(--tw-border-hover)}.tw-slider.is-active .tw-slider-value{color:var(--tw-text-focus)}.tw-slider-fill{position:absolute;top:0;bottom:0;left:0;width:0;background:var(--tw-surface-active);transition:background .15s;pointer-events:none}.tw-slider.is-active .tw-slider-fill{background:var(--tw-accent, var(--tw-border-hover))}.tw-slider-handle{position:absolute;top:50%;left:0;width:3px;height:20px;border-radius:999px;background:var(--tw-text-primary);transform:translateY(-50%) scaleX(.25);opacity:0;pointer-events:none;transition:opacity .15s,transform .2s var(--tw-ease-spring)}.tw-slider.is-hover .tw-slider-handle,.tw-slider:focus-within .tw-slider-handle{opacity:.5;transform:translateY(-50%) scaleX(1)}@media(hover:hover)and (pointer:fine){.tw-slider:hover .tw-slider-handle{opacity:.5;transform:translateY(-50%) scaleX(1)}}.tw-slider.is-active .tw-slider-handle,.tw-slider.is-dragging .tw-slider-handle{opacity:.9;transform:translateY(-50%) scaleX(1)}.tw-slider-handle:focus-visible{opacity:.9;transform:translateY(-50%) scaleX(1);outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:2px}.tw-slider.is-active.is-dodge .tw-slider-handle,.tw-slider.is-dragging.is-dodge .tw-slider-handle,.tw-slider.is-hover.is-dodge .tw-slider-handle{opacity:.1;transform:translateY(-50%) scaleX(1) scaleY(.75)}@media(hover:hover)and (pointer:fine){.tw-slider:hover.is-dodge .tw-slider-handle{opacity:.1;transform:translateY(-50%) scaleX(1) scaleY(.75)}}.tw-interval.is-active .tw-slider-handle.is-dodge,.tw-interval.is-dragging .tw-slider-handle.is-dodge{opacity:.1;transform:translateY(-50%) scaleX(1) scaleY(.75)}.tw-slider-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);max-width:calc(100% - 64px);font-size:12px;font-weight:500;color:var(--tw-text-label);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-interval .tw-slider-label{max-width:calc(100% - 112px)}.tw-slider-value{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:500;font-family:var(--tw-font-sans);color:var(--tw-text-label);pointer-events:auto;transition:color .15s}.tw-slider-value.is-editable{cursor:text;color:var(--tw-text-focus);text-decoration:underline;text-decoration-color:var(--tw-text-tertiary);text-underline-offset:3px}.tw-slider-input{position:absolute;right:10px;top:50%;transform:translateY(-50%);min-width:4ch;max-width:60%;font-size:12px;font-weight:500;font-family:var(--tw-font-sans);color:var(--tw-text-label);background:transparent;border:none;padding:0;outline:none;text-align:right}.tw-slider-input:focus{color:var(--tw-text-focus)}.tw-row{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--tw-row-height);padding:2px 10px 2px 12px;background:var(--tw-surface);border-radius:var(--tw-radius)}.tw-row-label{font-size:12px;font-weight:500;line-height:17px;color:var(--tw-text-label);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-slider-label:empty,.tw-row-label:empty,.tw-select-label:empty,.tw-radiogrid-label:empty,.tw-trigger-label:empty,.tw-fps-label:empty{display:none}.tw-row-label:empty+*,.tw-select-label:empty+*,.tw-trigger-label:empty+*{margin-left:auto}.tw-seg{position:relative;display:flex;gap:2px;padding:2px;border-radius:var(--tw-radius)}.tw-row .tw-seg{flex-shrink:0;margin-right:-8px}.tw-seg-pill{position:absolute;top:2px;bottom:2px;left:0;width:0;background:var(--tw-accent, var(--tw-surface-active));border-radius:calc(var(--tw-radius) - 2px);z-index:0;pointer-events:none}.tw-seg.is-ready .tw-seg-pill{transition:left .24s var(--tw-ease-out),width .24s var(--tw-ease-out)}.tw-seg-btn{position:relative;z-index:1;flex:0 0 auto;min-width:40px;padding:6px 8px;text-align:center;font:inherit;font-size:12px;font-weight:500;background:transparent;border:none;cursor:pointer;color:var(--tw-text-label);transition:color .15s,transform .2s var(--tw-ease-pop)}.tw-seg-btn[data-active=true]{color:var(--tw-on-accent)}.tw-seg-btn:active{transform:scale(.9);transition:transform .08s ease-out}.tw-row .tw-seg .tw-seg-btn{min-width:0;padding:5px}.tw-radiogrid{display:flex;align-items:center;gap:10px;min-height:var(--tw-row-height);padding:4px 4px 4px 12px;background:var(--tw-surface);border-radius:var(--tw-radius)}.tw-radiogrid-label{flex-shrink:1;min-width:0;font-size:12px;font-weight:500;color:var(--tw-text-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-radiogrid-grid{flex:1 1 0;max-width:max-content;min-width:0;margin-left:auto;display:grid;grid-template-columns:repeat(var(--tw-rg-cols, 3),minmax(0,1fr));gap:4px}.tw-radiogrid-btn{font:inherit;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;padding:5px;text-align:center;color:var(--tw-text-label);background:transparent;border:none;border-radius:calc(var(--tw-radius) - 2px);cursor:pointer;transition:background .15s,color .15s,transform .2s var(--tw-ease-pop);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(hover:hover)and (pointer:fine){.tw-radiogrid-btn:hover{background:var(--tw-surface-hover);color:var(--tw-text-primary)}}.tw-radiogrid-btn:active{transform:scale(.93);transition:background .15s,color .15s,transform .08s ease-out}.tw-radiogrid-btn[data-active=true]{background:var(--tw-accent, var(--tw-surface-active));color:var(--tw-on-accent)}.tw-button{display:flex;align-items:center;justify-content:center;width:100%;height:var(--tw-row-height);padding:0 16px;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-secondary);background:var(--tw-surface);border:none;border-radius:var(--tw-radius);cursor:pointer;transition:background .15s,color .15s,transform .24s var(--tw-ease-pop)}@media(hover:hover)and (pointer:fine){.tw-button:hover{background:var(--tw-surface-hover);color:var(--tw-text-primary)}}.tw-button:active{background:var(--tw-surface-active);transform:scale(.975);transition:background .15s,color .15s,transform .08s ease-out}.tw-buttongroup{height:auto;min-height:var(--tw-row-height)}.tw-buttongroup-btns{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0;margin-right:-6px}.tw-buttongroup-btn{flex:1 1 0;min-width:6ch;padding:5px 8px;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-label);background:var(--tw-surface-active);border:none;border-radius:calc(var(--tw-radius) - 2px);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,color .15s,transform .2s var(--tw-ease-pop)}@media(hover:hover)and (pointer:fine){.tw-buttongroup-btn:hover{background:var(--tw-surface-hover);color:var(--tw-text-primary)}}.tw-buttongroup-btn:active{transform:scale(.93);transition:background .15s,color .15s,transform .08s ease-out}.tw-separator{height:1px;margin:3px 2px;background:var(--tw-border)}.tw-tabs{display:flex;flex-direction:column;gap:8px}.tw-tabs-bar{position:relative;display:flex;gap:2px;padding:2px;min-width:0;background:var(--tw-surface);border-radius:var(--tw-radius)}.tw-tabs-pill{position:absolute;top:2px;bottom:2px;left:0;width:0;background:var(--tw-surface-active);border-radius:calc(var(--tw-radius) - 2px);z-index:0;transition:left .24s var(--tw-ease-out),width .24s var(--tw-ease-out)}.tw-tabs-tab{position:relative;z-index:1;flex:1;min-width:0;padding:5px 8px;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-label);background:transparent;border:none;border-radius:calc(var(--tw-radius) - 2px);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s,transform .2s var(--tw-ease-pop)}.tw-tabs-tab[data-active=true]{color:var(--tw-text-primary)}.tw-tabs-tab:active{transform:scale(.95);transition:color .15s,transform .08s ease-out}.tw-tabs-page{display:none;flex-direction:column;gap:6px}.tw-tabs-page[data-active=true]{display:flex;animation:tw-page-in .3s var(--tw-ease-out)}@keyframes tw-page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.tw-select{position:relative}.tw-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:var(--tw-row-height);padding:0 12px;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-label);background:var(--tw-surface);border:none;border-radius:var(--tw-radius);cursor:pointer;transition:background .15s,transform .24s var(--tw-ease-pop)}@media(hover:hover)and (pointer:fine){.tw-select-trigger:hover{background:var(--tw-surface-hover)}}.tw-select-trigger:active{transform:scale(.985);transition:background .15s,transform .08s ease-out}.tw-select.is-open .tw-select-trigger{background:var(--tw-surface-active)}.tw-select-label{font-weight:500;flex:1 1 0;min-width:5ch;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-select-right{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto;max-width:calc(100% - 5ch - 10px)}.tw-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-select-chevron{width:18px;height:18px;flex-shrink:0;opacity:.6;margin-right:-4.5px;transition:transform .2s var(--tw-ease-out)}.tw-select.is-open .tw-select-chevron{transform:rotate(180deg)}.tw-select-dropdown{position:fixed;z-index:99999;padding:4px;border-radius:calc(var(--tw-radius) + 2px);background:var(--tw-dropdown-bg);border:1px solid var(--tw-border);box-shadow:var(--tw-shadow-dropdown);max-height:60vh;overflow-y:auto;transform-origin:top;opacity:0;transform:translateY(-6px) scale(.96);pointer-events:none;transition:opacity .16s var(--tw-ease-out),transform .22s var(--tw-ease-spring)}.tw-select-dropdown.is-open{opacity:1;transform:none;pointer-events:auto}.tw-select-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-label);background:transparent;border:none;border-radius:calc(var(--tw-radius) - 2px);cursor:pointer;text-align:left;transition:background .15s,color .15s}@media(hover:hover)and (pointer:fine){.tw-select-option:hover{background:var(--tw-surface-hover)}}.tw-select-option:focus-visible{background:var(--tw-surface-hover);color:var(--tw-text-primary);outline:none}.tw-select-option[data-selected=true]{color:var(--tw-text-primary);background:var(--tw-accent, var(--tw-surface-active))}.tw-option-swatch{flex-shrink:0;width:12px;height:12px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--tw-border-hover)}.tw-option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-presets-menu{position:fixed;z-index:99999;width:208px;display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--tw-dropdown-bg);border:1px solid var(--tw-border);border-radius:calc(var(--tw-radius) + 4px);box-shadow:var(--tw-shadow-dropdown);transform-origin:top right;opacity:0;transform:translateY(-6px) scale(.97);pointer-events:none;transition:opacity .16s var(--tw-ease-out),transform .24s var(--tw-ease-spring)}.tw-presets-menu.is-open{opacity:1;transform:none;pointer-events:auto}.tw-presets-save{display:flex;gap:6px}.tw-presets-input{flex:1;min-width:0;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-primary);background:var(--tw-surface);border:1px solid var(--tw-border);border-radius:calc(var(--tw-radius) - 2px);padding:6px 8px;outline:none}.tw-presets-input:focus{border-color:var(--tw-border-hover)}.tw-presets-input::placeholder{color:var(--tw-text-tertiary)}.tw-presets-savebtn{flex-shrink:0;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-primary);background:var(--tw-surface);border:none;border-radius:calc(var(--tw-radius) - 2px);padding:6px 10px;cursor:pointer;transition:background .15s}@media(hover:hover)and (pointer:fine){.tw-presets-savebtn:hover{background:var(--tw-surface-hover)}}.tw-presets-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.tw-presets-empty{padding:8px;font-size:12px;font-weight:500;color:var(--tw-text-tertiary);text-align:center}.tw-presets-row{display:flex;align-items:center;gap:2px}.tw-presets-load{flex:1;min-width:0;text-align:left;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-label);background:transparent;border:none;border-radius:calc(var(--tw-radius) - 2px);padding:6px 8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,color .15s}@media(hover:hover)and (pointer:fine){.tw-presets-load:hover{background:var(--tw-surface-hover);color:var(--tw-text-primary)}}.tw-presets-del{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--tw-text-tertiary);background:transparent;border:none;border-radius:calc(var(--tw-radius) - 2px);cursor:pointer;transition:background .15s,color .15s,transform .2s var(--tw-ease-pop)}@media(hover:hover)and (pointer:fine){.tw-presets-del:hover{background:var(--tw-surface-hover);color:var(--tw-text-primary)}}.tw-presets-del:active{transform:scale(.85);transition:background .15s,color .15s,transform .08s ease-out}.tw-presets-savebtn:active{transform:scale(.95)}.tw-presets-del svg{width:12px;height:12px;display:block}.tw-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:var(--tw-row-height);padding:0 10px 0 12px;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-label);cursor:pointer;background:var(--tw-surface);border:none;border-radius:var(--tw-radius);transition:background .15s,transform .24s var(--tw-ease-pop)}@media(hover:hover)and (pointer:fine){.tw-trigger:hover{background:var(--tw-surface-hover)}}.tw-trigger:active{transform:scale(.985);transition:background .15s,transform .08s ease-out}.is-open>.tw-trigger{background:var(--tw-surface-active)}.tw-trigger-label{flex:1 1 0;min-width:5ch;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-trigger-right{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto;max-width:calc(100% - 5ch - 10px)}.tw-trigger-value{font-family:var(--tw-font-sans);word-spacing:.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:20ch}.tw-trigger-chip{height:18px;flex-shrink:0;border-radius:calc(var(--tw-radius) - 4px);box-shadow:inset 0 0 0 1px var(--tw-border-hover);transition:transform .2s var(--tw-ease-spring)}.is-open>.tw-trigger .tw-trigger-chip{transform:scale(1.07)}@media(hover:hover)and (pointer:fine){.tw-trigger:hover .tw-trigger-chip{transform:scale(1.07)}}.tw-color{position:relative}.tw-color-swatch{width:18px}.tw-color-pop,.tw-select-dropdown,.tw-grab-guide,.tw-presets-menu{line-height:normal}.tw-portal *,.tw-portal *:before,.tw-portal *:after{box-sizing:border-box}.tw-color-pop{position:fixed;z-index:99999;width:240px;display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--tw-dropdown-bg);border:1px solid var(--tw-border);border-radius:calc(var(--tw-radius) + 10px);box-shadow:var(--tw-shadow-dropdown);max-height:calc(100dvh - 16px);overflow-y:auto;overflow-x:clip;opacity:0;transform:translateY(-6px) scale(.97);transform-origin:top;pointer-events:none;transition:opacity .16s var(--tw-ease-out),transform .24s var(--tw-ease-spring)}.tw-color-pop.is-open{opacity:1;transform:none;pointer-events:auto}.tw-color-body{display:flex;flex-direction:column;gap:8px;min-width:0}.tw-color-mode-row{display:flex;align-items:center;gap:8px}.tw-color-mode{appearance:none;-webkit-appearance:none;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-primary);background-color:var(--tw-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;border:1px solid var(--tw-border);border-radius:calc(var(--tw-radius) - 2px);padding:4px 26px 4px 10px;cursor:pointer;outline:none}@media(hover:hover)and (pointer:fine){.tw-color-mode:hover{background-color:var(--tw-surface-hover)}}.tw-color-mode:focus-visible{border-color:var(--tw-border-hover)}.tw-color-gamut{margin-left:auto;font-family:var(--tw-font-sans);font-size:12px;font-weight:500;color:var(--tw-text-tertiary)}.tw-color-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tw-color-channels--hex{grid-template-columns:1fr}.tw-color-chan{display:flex;flex-direction:column;gap:3px;min-width:0}.tw-color-chan-label{font-size:10px;font-weight:600;letter-spacing:.03em;color:var(--tw-text-tertiary);text-transform:uppercase}.tw-color-chan-input{width:100%;min-width:0;font:inherit;font-size:12px;font-weight:500;font-family:var(--tw-font-sans);color:var(--tw-text-label);background:var(--tw-surface);border:1px solid var(--tw-border);border-radius:calc(var(--tw-radius) - 2px);padding:5px 6px;outline:none;text-transform:uppercase}.tw-color-chan-input:focus{color:var(--tw-text-focus);border-color:var(--tw-border-hover)}.tw-wg-area{position:relative;width:100%;height:140px;border-radius:var(--tw-radius);cursor:crosshair;touch-action:none;box-shadow:inset 0 0 0 1px var(--tw-border)}.tw-wg-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:inherit}.tw-wg-thumb{position:absolute;width:14px;height:14px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px #00000073;transform:translate(-50%,-50%);pointer-events:none;transition:transform .18s var(--tw-ease-spring),box-shadow .18s}.tw-wg-area.is-grabbing .tw-wg-thumb{transform:translate(-50%,-50%) scale(1.32);box-shadow:0 0 0 1px #00000073,0 2px 8px #00000073}.tw-wg-hue,.tw-wg-alpha{position:relative;width:100%;height:14px;border-radius:999px;cursor:ew-resize;touch-action:none;box-shadow:inset 0 0 0 1px var(--tw-border)}.tw-wg-alpha{background:var(--tw-checker)}.tw-wg-hue-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:inherit}.tw-wg-hue-thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000073,0 1px 3px #0006;transform:translate(-50%,-50%);pointer-events:none;transition:transform .18s var(--tw-ease-spring),box-shadow .18s}.tw-wg-hue.is-grabbing .tw-wg-hue-thumb,.tw-wg-alpha.is-grabbing .tw-wg-hue-thumb{transform:translate(-50%,-50%) scale(1.28);box-shadow:0 0 0 1px #00000073,0 2px 8px #00000073}.tw-wg-alpha-grad{position:absolute;inset:0;border-radius:inherit}.tw-gradient{position:relative}.tw-gradient-preview{width:72px;background:var(--tw-checker)}.tw-gradient-pop{width:260px}.tw-gradient-pop .tw-color-mode-row{gap:6px}.tw-gradient-pop .tw-color-mode{padding-left:8px;padding-right:24px}.tw-gradient-bar-row{display:flex;align-items:stretch;gap:6px}.tw-gradient-bar-row>.tw-gradient-bar{flex:1;min-width:0}.tw-gradient-bar{position:relative;width:100%;height:28px;border-radius:var(--tw-radius);box-shadow:inset 0 0 0 1px var(--tw-border);background:var(--tw-checker)}.tw-gradient-grad{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.tw-gradient-rail{position:absolute;left:0;right:0;bottom:-5px;height:14px;pointer-events:none}.tw-gradient-stop{position:absolute;top:0;width:13px;height:13px;padding:0;transform:translate(-50%);border-radius:calc(var(--tw-radius) - 4px);background:var(--stop);border:2px solid var(--tw-dropdown-bg);box-shadow:0 0 0 1px var(--tw-border-hover),0 1px 3px #0006;cursor:ew-resize;touch-action:none;pointer-events:auto;transition:opacity .12s ease,transform .16s var(--tw-ease-spring),box-shadow .16s}.tw-gradient-stop[data-sel=true]{box-shadow:0 0 0 2px var(--tw-accent, var(--tw-text-focus)),0 1px 3px #0006;z-index:1}.tw-gradient-stop:before,.tw-bezier-handle:before{content:"";position:absolute;inset:-4px;border-radius:inherit}@media(hover:hover)and (pointer:fine){.tw-gradient-stop:hover{transform:translate(-50%) scale(1.22)}}.tw-gradient-stop[data-removing=true]{opacity:.3;transform:translate(-50%) scale(.7)}.tw-gradient-add{display:flex;align-items:center;justify-content:center;flex:none;width:32px;padding:0;border:none;border-radius:var(--tw-radius);background:var(--tw-surface);color:var(--tw-text-primary);cursor:pointer;will-change:transform;transition:background .15s,transform .24s var(--tw-ease-pop)}.tw-gradient-add:active{transform:scale(.88);transition:background .15s,transform .08s ease-out}.tw-gradient-add svg{width:16px;height:16px;display:block;will-change:transform;transition:transform .2s var(--tw-ease-pop)}@media(hover:hover)and (pointer:fine){.tw-gradient-add:hover{background:var(--tw-surface-hover)}.tw-gradient-add:hover svg{transform:scale(1.18)}}.tw-text,.tw-num{flex:1;min-width:0;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-label);background:transparent;border:none;outline:none;text-align:right;cursor:text;padding:0;border-radius:calc(var(--tw-radius) - 4px)}.tw-num{font-family:var(--tw-font-sans)}.tw-text:focus,.tw-num:focus{color:var(--tw-text-focus)}.tw-text::placeholder{color:var(--tw-text-tertiary)}.tw-row-multiline{position:relative;flex-direction:column;align-items:stretch;height:auto;gap:4px;padding:6px 10px 10px 12px}.tw-textarea{flex:none;width:100%;resize:vertical;min-height:3em;padding:0;line-height:1.45;text-align:left;font-family:var(--tw-font-sans)}.tw-textarea::-webkit-resizer{background:transparent}.tw-textarea:is(.is-clip-top,.is-clip-bottom){--tw-clip-top: 0px;--tw-clip-bottom: 0px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--tw-clip-top),#000 calc(100% - var(--tw-clip-bottom)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--tw-clip-top),#000 calc(100% - var(--tw-clip-bottom)),transparent)}.tw-textarea.is-clip-top{--tw-clip-top: 14px}.tw-textarea.is-clip-bottom{--tw-clip-bottom: 14px}.tw-row-multiline:after{content:"";position:absolute;right:8px;bottom:8px;width:11px;height:11px;pointer-events:none;background-color:var(--tw-text-tertiary);--tw-grip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M11 3 3 11M11 7 7 11' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");-webkit-mask:var(--tw-grip) right bottom / contain no-repeat;mask:var(--tw-grip) right bottom / contain no-repeat}.tw-image{position:relative}.tw-image-input{display:none}.tw-image-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-image-thumb{width:18px;background:var(--tw-base) center / cover no-repeat}.tw-image-thumb[data-set=false]{background:var(--tw-checker)}.tw-image .tw-trigger[data-over=true]{background:var(--tw-surface-hover);outline:1.5px dashed var(--tw-border-hover);outline-offset:-2px}.tw-image .tw-trigger[data-over=true] .tw-image-thumb{transform:scale(1.14)}.tw-fps{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 8px;background:var(--tw-surface);border-radius:var(--tw-radius);padding:8px 10px 10px 12px}.tw-fps-label{font-size:12px;font-weight:500;color:var(--tw-text-label)}.tw-fps-val{font-family:var(--tw-font-sans);font-size:12px;color:var(--tw-text-primary);text-align:right}.tw-fps-canvas{grid-column:1 / -1;width:100%;height:40px;display:block;margin-top:6px}.tw-monitor-buffer{grid-column:1 / -1;margin:6px 0 0;height:calc(var(--tw-monitor-rows, 4) * 1.45em);overflow:hidden;font-family:var(--tw-font-sans);font-variant-numeric:tabular-nums;font-size:11px;line-height:1.45;color:var(--tw-text-secondary);white-space:pre;word-break:break-all}.tw-num-wrap{display:flex;align-items:center;gap:4px}.tw-slider-unit{color:var(--tw-text-tertiary)}.tw-num-unit{flex-shrink:0;font-size:12px;line-height:normal;color:var(--tw-text-tertiary);padding-right:2px;user-select:none;-webkit-user-select:none}.tw-num-wrap .tw-num{flex:0 0 auto;width:6ch;text-overflow:ellipsis}.tw-row>.tw-num-wrap .tw-num{width:9ch}.tw-num-grab{display:flex;align-items:center;justify-content:center;width:12px;height:18px;flex-shrink:0;color:var(--tw-text-tertiary);cursor:ew-resize;touch-action:none;transition:color .15s,transform .18s var(--tw-ease-spring)}.tw-num-grab svg{width:12px;height:12px;display:block}.tw-num-grab.is-dragging{color:var(--tw-text-primary);transform:scale(1.22)}@media(hover:hover)and (pointer:fine){.tw-num-grab:hover{color:var(--tw-text-primary);transform:scale(1.22)}}.tw-grab-guide{position:fixed;inset:0;z-index:100001;pointer-events:none}.tw-grab-line{position:fixed;height:2px;border:0;transform:translateY(-50%);background:radial-gradient(circle closest-side,var(--tw-text-label) 99%,transparent) 0 50% / var(--tw-grab-gap, 7px) 2px repeat-x}.tw-grab-dot{position:fixed;width:5px;height:5px;border-radius:50%;background:var(--tw-text-label);transform:translate(-50%,-50%)}.tw-grab-bubble{position:fixed;transform:translate(-50%,-100%);padding:2px 7px;border-radius:calc(var(--tw-radius) - 2px);background:var(--tw-dropdown-bg);border:1px solid var(--tw-border);box-shadow:var(--tw-shadow-dropdown);color:var(--tw-text-primary);font-family:var(--tw-font-sans);font-size:11px;font-weight:500;white-space:nowrap;transform-origin:bottom center;animation:tw-bubble-in .18s var(--tw-ease-pop)}@keyframes tw-bubble-in{0%{opacity:0;transform:translate(-50%,-100%) scale(.8)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.tw-grab-arrow{position:fixed;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid var(--tw-text-label)}.tw-folder{display:flex;flex-direction:column;border-top:1px solid var(--tw-border);border-bottom:1px solid var(--tw-border)}.tw-folder+.tw-folder{border-top:none;margin-top:-6px}.tw-folder .tw-folder{margin-left:10px}.tw-controls>.tw-folder:first-child{border-top:none}.tw-folder:last-child{border-bottom:none}.tw-folder-header{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;height:var(--tw-row-height);padding:0;background:none;border:none;cursor:pointer;color:inherit;font:inherit;text-align:left}.tw-folder-title{font-size:12px;font-weight:600;color:var(--tw-text-section);letter-spacing:-.01em;transition:color .15s}@media(hover:hover)and (pointer:fine){.tw-folder-header:hover .tw-folder-title,.tw-folder-header:hover .tw-chevron{color:var(--tw-text-primary)}}.tw-folder-header .tw-chevron{color:var(--tw-text-section);margin-right:-1.75px;transition:transform .35s var(--tw-ease-fold),color .15s}.tw-folder.is-collapsed .tw-folder-header .tw-chevron{transform:rotate(180deg)}.tw-folder-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .35s var(--tw-ease-fold);contain:layout}.tw-folder.is-collapsed .tw-folder-body{grid-template-rows:0fr}.tw-folder-body>.tw-controls{overflow-x:visible;overflow-y:clip;min-height:0;min-width:0;padding-bottom:8px;opacity:1;transition:opacity .35s var(--tw-ease-fold),padding-bottom .35s var(--tw-ease-fold)}.tw-folder.is-collapsed .tw-folder-body>.tw-controls{opacity:0;padding-bottom:0}.tw-folder:last-child .tw-folder-body>.tw-controls{padding-bottom:0}.tw-folder-body>.tw-controls>*{flex-shrink:0}.tw-shadow-chip,.tw-motion-chip{width:26px;background:var(--tw-base);overflow:hidden}.tw-shadow-chip{display:flex;align-items:center;justify-content:center}.tw-shadow-chip-tile{width:12px;height:8px;border-radius:2px;background:var(--tw-dropdown-bg)}.tw-shadow-stage{display:flex;align-items:center;justify-content:center;height:84px;border-radius:var(--tw-radius);background:var(--tw-base);overflow:hidden}.tw-shadow-card{width:64px;height:40px;border-radius:9px;background:var(--tw-dropdown-bg)}.tw-shadow-pop{width:260px}.tw-shadow-color{width:100%}.tw-shadow-color .tw-trigger-right,.tw-shadow-color .tw-trigger-value{max-width:none}.tw-shadow-pop .tw-color-body[hidden]{display:none}.tw-shadow-chevron{flex-shrink:0;width:12px;height:12px;color:var(--tw-text-tertiary);transition:transform .2s var(--tw-ease-pop)}.tw-shadow-color[aria-expanded=true] .tw-shadow-chevron{transform:rotate(180deg)}.tw-shadow-pop .tw-color-body{margin-top:2px}.tw-sides-link{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;color:var(--tw-text-tertiary);background:transparent;border:none;border-radius:calc(var(--tw-radius) - 3px);cursor:pointer;transition:color .15s,background .15s}.tw-sides-link svg{width:14px;height:14px}.tw-sides-link[aria-pressed=true]{color:var(--tw-accent, var(--tw-text-primary))}@media(hover:hover)and (pointer:fine){.tw-sides-link:hover{background:var(--tw-surface-hover);color:var(--tw-text-primary)}}.tw-sides>.tw-row .tw-sides-link{margin-left:auto}.tw-sides.is-linked .tw-sides-multi,.tw-sides:not(.is-linked)>.tw-row{display:none}.tw-sides-multi{display:flex;flex-direction:column;gap:6px;padding:6px 10px 10px 12px;background:var(--tw-surface);border-radius:var(--tw-radius)}.tw-sides-head{display:flex;align-items:center;gap:8px;min-height:20px}.tw-sides-multi .tw-fields,.tw-fields.tw-shadow-fields{grid-auto-flow:row;grid-template-columns:1fr 1fr}.tw-sides-sum{margin-left:auto;font-family:var(--tw-font-sans);font-size:12px;font-weight:500;color:var(--tw-text-tertiary);word-spacing:.1em}.tw-motion-chip{position:relative}.tw-motion-chip svg{display:block;width:100%;height:100%}.tw-motion-chip path{fill:none;stroke:var(--tw-accent, var(--tw-text-primary));stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.tw-motion-body,.tw-motion-pane{display:flex;flex-direction:column;gap:8px}.tw-motion-pop .tw-bezier-graph,.tw-motion-pop .tw-spring-viz{height:120px}.tw-motion-pane .tw-spring>.tw-row{display:none}.tw-motion-stage{display:flex;align-items:center;height:56px;padding:0 16px;border-radius:var(--tw-radius);background:var(--tw-surface);overflow:hidden;cursor:pointer}.tw-motion-box{width:24px;height:24px;border-radius:7px;background:var(--tw-accent, var(--tw-text-primary));will-change:transform}.tw-spring{display:flex;flex-direction:column;gap:6px}.tw-spring-viz{width:100%;height:96px;border-radius:var(--tw-radius);background:var(--tw-surface);overflow:hidden;cursor:crosshair;touch-action:none;transition:background .15s}@media(hover:hover)and (pointer:fine){.tw-spring-viz:hover{background:var(--tw-surface-hover)}}.tw-spring-viz.is-dragging{background:var(--tw-surface-hover);box-shadow:inset 0 0 0 1px var(--tw-border-hover)}.tw-spring-canvas{width:100%;height:100%;display:block}.tw-fields{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}.tw-point{position:relative}.tw-point-preview{position:relative;width:18px;border-radius:2.5px;background:var(--tw-base);overflow:hidden}.tw-point-preview-dot{position:absolute;width:5px;height:5px;border-radius:999px;background:var(--tw-accent, var(--tw-text-primary));transform:translate(-50%,-50%)}.tw-point-body{display:flex;flex-direction:column;gap:8px;min-width:0}.tw-point-pop .tw-pad{max-width:none;margin:0}.tw-pad{position:relative;width:100%;max-width:176px;aspect-ratio:1;margin:0 auto 8px;border-radius:var(--tw-radius);background:var(--tw-base);box-shadow:inset 0 0 0 1px var(--tw-border);cursor:crosshair;touch-action:none;overflow:visible}.tw-pad-line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tw-pad-line line{stroke:var(--tw-accent, var(--tw-text-tertiary));stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linecap:round}.tw-pad-axis{position:absolute;background:var(--tw-border);pointer-events:none}.tw-pad-axis-x{left:0;right:0;top:50%;height:1px;transform:translateY(-50%)}.tw-pad-axis-y{top:0;bottom:0;left:50%;width:1px;transform:translate(-50%)}.tw-pad-thumb{position:absolute;width:14px;height:14px;border-radius:999px;background:var(--tw-accent, var(--tw-text-primary));border:2px solid var(--tw-base);box-shadow:0 0 0 1px var(--tw-border-hover),0 1px 3px #0000004d;transform:translate(-50%,-50%);pointer-events:none;transition:transform .18s var(--tw-ease-spring),box-shadow .18s}.tw-pad.is-grabbing .tw-pad-thumb{transform:translate(-50%,-50%) scale(1.28);box-shadow:0 0 0 1px var(--tw-border-hover),0 3px 9px #0006}.tw-field{display:flex;flex-direction:column;gap:4px;min-width:0}.tw-field-label{font-size:10px;font-weight:600;letter-spacing:.02em;color:var(--tw-text-tertiary);text-transform:uppercase}.tw-field .tw-num-wrap{background:var(--tw-base);border:1px solid var(--tw-border);border-radius:calc(var(--tw-radius) - 2px);padding:3px 4px;gap:2px;transition:border-color .15s}.tw-field .tw-num-wrap:focus-within{border-color:var(--tw-border-hover)}.tw-field .tw-num-wrap:has(>.tw-num:focus-visible:not(.tw-focus-quiet)),.tw-field .tw-num-wrap:has(>.tw-color-chan-input:focus-visible:not(.tw-focus-quiet)){outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:-1px}.tw-field .tw-num-wrap>.tw-num:focus-visible,.tw-field .tw-num-wrap>.tw-color-chan-input:focus-visible{outline:none}.tw-plot-field:has(>.tw-plot-input:focus-visible:not(.tw-focus-quiet)){outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:-2px}.tw-slider:has(.tw-slider-input:focus-visible:not(.tw-focus-quiet)){outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:-2px}.tw-wg-area:focus-visible,.tw-wg-hue:focus-visible,.tw-wg-alpha:focus-visible{outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:2px}.tw-field .tw-num{flex:1;width:auto;min-width:0}.tw-field .tw-num-grab{width:10px}.tw-bezier{display:flex;flex-direction:column;gap:6px}.tw-bezier-graph{position:relative;width:100%;height:96px;background:var(--tw-surface);border-radius:var(--tw-radius);overflow:hidden;touch-action:none}.tw-bezier-svg{position:absolute;inset:0;width:100%;height:100%;display:block}.tw-bezier-guide{stroke:var(--tw-border);stroke-width:1}.tw-bezier-diag{stroke:var(--tw-surface-active);stroke-width:1;stroke-dasharray:2 3}.tw-bezier-ctl{stroke:var(--tw-text-tertiary);stroke-width:1.5}.tw-bezier-curve{fill:none;stroke:var(--tw-accent, var(--tw-text-primary));stroke-width:2;stroke-linecap:round}.tw-bezier-handle{position:absolute;width:14px;height:14px;margin:0;padding:0;transform:translate(-50%,-50%);border-radius:999px;background:var(--tw-text-primary);border:2px solid var(--tw-base);box-shadow:0 1px 3px #0006;cursor:grab;touch-action:none;transition:transform .18s var(--tw-ease-spring),box-shadow .18s}@media(hover:hover)and (pointer:fine){.tw-bezier-handle:hover{transform:translate(-50%,-50%) scale(1.2)}}.tw-bezier-handle.is-dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.3);box-shadow:0 3px 9px #00000073}.tw-bezier-fields{gap:4px}.tw-plot{display:flex;flex-direction:column;gap:6px}.tw-plot-label,.tw-spring-label,.tw-bezier-label{font-size:12px;font-weight:500;color:var(--tw-text-label);padding:0}.tw-plot-graph{position:relative;width:100%;height:140px;background:var(--tw-surface);border-radius:var(--tw-radius);overflow:hidden;box-shadow:inset 0 0 0 1px var(--tw-border)}.tw-plot-svg{position:absolute;inset:0;width:100%;height:100%;display:block}.tw-plot-axis{stroke:var(--tw-border);stroke-width:1}.tw-plot-curve{fill:none;stroke:var(--tw-accent, var(--tw-text-primary));stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tw-plot-field{display:flex;align-items:center;gap:7px;height:var(--tw-row-height);padding:0 10px 0 12px;background:var(--tw-surface);border-radius:var(--tw-radius);box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .15s}.tw-plot-field:focus-within{box-shadow:inset 0 0 0 1px var(--tw-border-hover)}.tw-plot-fx{flex:none;font-size:12px;color:var(--tw-text-tertiary);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.tw-plot-input{flex:1;min-width:0;padding:0;background:none;border:none;outline:none;color:var(--tw-text-primary);font-family:var(--tw-font-mono, ui-monospace, "SF Mono", Menlo, monospace);font-size:12px}.tw-plot-input::placeholder{color:var(--tw-text-tertiary)}.tw-plot.is-invalid .tw-plot-curve{opacity:.25}.tw-plot.is-invalid .tw-plot-field{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tw-danger) 60%,transparent)}.tw-plot.is-invalid .tw-plot-fx{color:color-mix(in srgb,var(--tw-danger) 80%,transparent)}@media(prefers-color-scheme:light){.tw-panel:where(:not([data-tw-scheme=dark]):not([data-tw-scheme=dark] *)),.tw-portal:where(:not([data-tw-scheme=dark]):not([data-tw-scheme=dark] *)){--tw-surface: rgba(255, 255, 255, .82);--tw-surface-hover: rgba(0, 0, 0, .04);--tw-surface-active: rgba(0, 0, 0, .1);--tw-text-root: #1a1a1a;--tw-text-section: rgba(0, 0, 0, .62);--tw-text-label: rgba(0, 0, 0, .58);--tw-text-focus: #000000;--tw-text-primary: rgba(0, 0, 0, .88);--tw-text-secondary: rgba(0, 0, 0, .58);--tw-text-tertiary: rgba(0, 0, 0, .54);--tw-border: rgba(0, 0, 0, .045);--tw-border-hover: rgba(0, 0, 0, .1);--tw-selection: rgba(0, 0, 0, .14);--tw-base: #f3f3f3;--tw-dropdown-bg: #f6f6f6;--tw-shadow-dropdown: 0 12px 32px -8px rgba(0, 0, 0, .14);--tw-shadow-panel: 0 0 0 1px var(--tw-border), 0 2px 8px -2px rgba(0, 0, 0, .08), 0 18px 44px -12px rgba(0, 0, 0, .16);--tw-shadow-panel-lifted: 0 0 0 1px var(--tw-border-hover), 0 6px 16px -3px rgba(0, 0, 0, .12), 0 30px 70px -16px rgba(0, 0, 0, .2);--tw-success: #15803d;--tw-danger: #c23232;color-scheme:light}.tw-slider-handle:where(:not([data-tw-scheme=dark] *)){box-shadow:0 0 0 .5px #00000014}}.tw-panel:where([data-tw-scheme=light],[data-tw-scheme=light] *),.tw-portal:where([data-tw-scheme=light],[data-tw-scheme=light] *){--tw-surface: rgba(255, 255, 255, .82);--tw-surface-hover: rgba(0, 0, 0, .04);--tw-surface-active: rgba(0, 0, 0, .1);--tw-text-root: #1a1a1a;--tw-text-section: rgba(0, 0, 0, .62);--tw-text-label: rgba(0, 0, 0, .58);--tw-text-focus: #000000;--tw-text-primary: rgba(0, 0, 0, .88);--tw-text-secondary: rgba(0, 0, 0, .58);--tw-text-tertiary: rgba(0, 0, 0, .54);--tw-border: rgba(0, 0, 0, .045);--tw-border-hover: rgba(0, 0, 0, .1);--tw-selection: rgba(0, 0, 0, .14);--tw-base: #f3f3f3;--tw-dropdown-bg: #f6f6f6;--tw-shadow-dropdown: 0 12px 32px -8px rgba(0, 0, 0, .14);--tw-shadow-panel: 0 0 0 1px var(--tw-border), 0 2px 8px -2px rgba(0, 0, 0, .08), 0 18px 44px -12px rgba(0, 0, 0, .16);--tw-shadow-panel-lifted: 0 0 0 1px var(--tw-border-hover), 0 6px 16px -3px rgba(0, 0, 0, .12), 0 30px 70px -16px rgba(0, 0, 0, .2);--tw-success: #15803d;--tw-danger: #c23232;color-scheme:light}.tw-slider-handle:where([data-tw-scheme=light] *){box-shadow:0 0 0 .5px #00000014}.tw-slider-value,.tw-slider-input,.tw-fps-val,.tw-num,.tw-grab-bubble,.tw-trigger-value,.tw-color-gamut,.tw-color-chan-input{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.tw-panel,.tw-panel *,.tw-portal,.tw-portal *{transition:none!important}.tw-tabs-page[data-active=true],.tw-grab-bubble{animation:none}}@media(forced-colors:active){.tw-seg-pill,.tw-tabs-pill,.tw-slider-fill,.tw-radiogrid-btn[data-active=true]{outline:2px solid Highlight;outline-offset:-2px}.tw-gradient-stop[data-sel=true]{border-color:Highlight}.tw-select-option:focus-visible{outline:2px solid Highlight;outline-offset:-2px}}