tweakit 0.4.4 → 0.5.0

package/dist/tweaks/{plot-SFD5OPF6.js → plot-XPUREPOK.js}

@@ -1,2 +1,2 @@
-import{a as k}from"./chunk-QPSYEOZS.js";import{C as D,_ as G,g as $,u as N,w as S,y as Y,z as Z}from"./chunk-JWHF6V72.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===`
+import{a as k}from"./chunk-3OFFERWV.js";import{$ as G,C as D,g as $,u as N,w as S,y as Y,z as Z}from"./chunk-JLZ4DKW3.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-PK3CZSBO.js → point-EQKNOK5O.js}

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

package/dist/tweaks/{shadow-SKTAWRUK.js → shadow-YHAPHE3U.js}

@@ -1 +1 @@
-import{d as m,f as Q}from"./chunk-NB4K6RS2.js";import{i as J,j as K}from"./chunk-QPSYEOZS.js";import{J as Y,X as q,Y as z,_ as G,h as D,u as l,v as X,w as M}from"./chunk-JWHF6V72.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);
+import{d as m,f as Q}from"./chunk-TJ7C7WEG.js";import{i as J,j as K}from"./chunk-3OFFERWV.js";import{$ as G,K as Y,Y as q,Z as z,h as D,u as l,v as X,w as M}from"./chunk-JLZ4DKW3.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,{fallbackH:300,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-RVC5PQY3.js → sides-LN4RJOHZ.js}

@@ -1 +1 @@
-import{j as C}from"./chunk-QPSYEOZS.js";import{Y as h,_ as I,u as d,v as j,w as E}from"./chunk-JWHF6V72.js";var H=h('<path d="M3 9V7a4 4 0 0 1 4-4h2M15 3h2a4 4 0 0 1 4 4v2M21 15v2a4 4 0 0 1-4 4h-2M9 21H7a4 4 0 0 1-4-4v-2"/>'),q=h('<path d="M3 13V8a5 5 0 0 1 5-5h5"/>',"",1.5,16),z=h('<path d="M3 10V8a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2"/>',"",1.5,16),D=/^(-?\d*\.?\d+)([a-z%]*)$/i,O=t=>t!=null&&t!==""&&Number.isFinite(+t)?+t:null,R=t=>String(+t.toFixed(2)),V=t=>t.length===1?[t[0],t[0],t[0],t[0]]:t.length===2?[t[0],t[1],t[0],t[1]]:t.length===3?[t[0],t[1],t[2],t[1]]:t.slice(0,4),A=(t,g)=>{if(typeof t=="number")return Number.isFinite(t)?[t,t,t,t]:null;if(typeof t=="string"){let i=t.trim().split(/\s+/).map(l=>{let a=D.exec(l);return a?+a[1]:NaN});return i.length>=1&&i.length<=4&&i.every(Number.isFinite)?V(i):null}if(Array.isArray(t)){let i=t.map(O);return i.length>=1&&i.length<=4&&i.every(l=>l!==null)?V(i):null}if(t&&typeof t=="object"){let i=t,l=g.slice(),a=!1;return["top","right","bottom","left"].forEach((e,r)=>{let u=O(i[e]);u!==null&&(l[r]=u,a=!0)}),a?l:null}return null};function G(t,g){let i=typeof t.unit=="string"&&t.unit.trim()?t.unit.trim():"px",l=!!t.corners,a={step:t.step??1,min:t.min??(l?0:void 0),max:t.max,unit:i},e=A(t.value??t,[0,0,0,0])||[0,0,0,0],r=e.every(n=>n===e[0]),u=d("div","tw-sides"),b=C({label:t.label,value:e[0],row:!0,...a},n=>{e=[n,n,n,n],m(),N()}),M=l?"Independent corners":"Independent sides",c=j("tw-sides-link",H);c.setAttribute("aria-label",M),c.title=M,c.addEventListener("click",()=>v());let k=d("div","tw-sides-multi"),w=d("div","tw-sides-head"),x=d("span","tw-sides-sum"),L=document.createTextNode("");x.append(L,E("span","tw-sides-unit",i)),w.append(E("span","tw-row-label",t.label),x);let F=d("div","tw-fields"),y=l?["Top-left","Top-right","Bottom-right","Bottom-left"]:["Top","Right","Bottom","Left"],p=y.map((n,s)=>C({label:n,value:e[s],...a},o=>{e[s]=o,m(),N()}));p.forEach((n,s)=>{let o=n.el.querySelector(".tw-field-label");o.title=y[s],o.classList.add("tw-sides-glyph"),o.dataset.at=y[s].toLowerCase(),o.innerHTML=l?q:z,F.append(n.el)}),k.append(w,F),u.append(b.el,k),e=p.map(n=>n.get());let _=()=>{let[n,s,o,f]=e.map(R),B=T=>T==="0"?"0":T+i;return(n===o&&s===f?n===s?[n]:[n,s]:s===f?[n,s,o]:[n,s,o,f]).map(B).join(" ")},S=()=>({top:e[0],right:e[1],bottom:e[2],left:e[3],css:_()}),N=()=>g(S()),m=()=>{u.classList.toggle("is-linked",r),c.setAttribute("aria-pressed",String(!r)),(r?b.el:w).append(c),b.set(e[0]),p.forEach((n,s)=>n.set(e[s])),L.data=e.map(R).join(" ")},v=()=>{r=!r,r&&(e=[e[0],e[0],e[0],e[0]]),m(),N(),c.focus()};return m(),{el:u,set:n=>{let s=A(n,e);s&&(p.forEach((o,f)=>o.set(s[f])),e=p.map(o=>o.get()),r=e.every(o=>o===e[0]),m())},get:S}}I("sides",G);
+import{j as C}from"./chunk-3OFFERWV.js";import{$ as I,Z as h,u as d,v as j,w as E}from"./chunk-JLZ4DKW3.js";var H=h('<path d="M3 9V7a4 4 0 0 1 4-4h2M15 3h2a4 4 0 0 1 4 4v2M21 15v2a4 4 0 0 1-4 4h-2M9 21H7a4 4 0 0 1-4-4v-2"/>'),q=h('<path d="M3 13V8a5 5 0 0 1 5-5h5"/>',"",1.5,16),z=h('<path d="M3 10V8a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2"/>',"",1.5,16),D=/^(-?\d*\.?\d+)([a-z%]*)$/i,O=t=>t!=null&&t!==""&&Number.isFinite(+t)?+t:null,R=t=>String(+t.toFixed(2)),V=t=>t.length===1?[t[0],t[0],t[0],t[0]]:t.length===2?[t[0],t[1],t[0],t[1]]:t.length===3?[t[0],t[1],t[2],t[1]]:t.slice(0,4),A=(t,g)=>{if(typeof t=="number")return Number.isFinite(t)?[t,t,t,t]:null;if(typeof t=="string"){let i=t.trim().split(/\s+/).map(l=>{let a=D.exec(l);return a?+a[1]:NaN});return i.length>=1&&i.length<=4&&i.every(Number.isFinite)?V(i):null}if(Array.isArray(t)){let i=t.map(O);return i.length>=1&&i.length<=4&&i.every(l=>l!==null)?V(i):null}if(t&&typeof t=="object"){let i=t,l=g.slice(),a=!1;return["top","right","bottom","left"].forEach((e,r)=>{let u=O(i[e]);u!==null&&(l[r]=u,a=!0)}),a?l:null}return null};function G(t,g){let i=typeof t.unit=="string"&&t.unit.trim()?t.unit.trim():"px",l=!!t.corners,a={step:t.step??1,min:t.min??(l?0:void 0),max:t.max,unit:i},e=A(t.value??t,[0,0,0,0])||[0,0,0,0],r=e.every(n=>n===e[0]),u=d("div","tw-sides"),b=C({label:t.label,value:e[0],row:!0,...a},n=>{e=[n,n,n,n],m(),N()}),M=l?"Independent corners":"Independent sides",c=j("tw-sides-link",H);c.setAttribute("aria-label",M),c.title=M,c.addEventListener("click",()=>v());let k=d("div","tw-sides-multi"),w=d("div","tw-sides-head"),x=d("span","tw-sides-sum"),L=document.createTextNode("");x.append(L,E("span","tw-sides-unit",i)),w.append(E("span","tw-row-label",t.label),x);let F=d("div","tw-fields"),y=l?["Top-left","Top-right","Bottom-right","Bottom-left"]:["Top","Right","Bottom","Left"],p=y.map((n,s)=>C({label:n,value:e[s],...a},o=>{e[s]=o,m(),N()}));p.forEach((n,s)=>{let o=n.el.querySelector(".tw-field-label");o.title=y[s],o.classList.add("tw-sides-glyph"),o.dataset.at=y[s].toLowerCase(),o.innerHTML=l?q:z,F.append(n.el)}),k.append(w,F),u.append(b.el,k),e=p.map(n=>n.get());let _=()=>{let[n,s,o,f]=e.map(R),B=T=>T==="0"?"0":T+i;return(n===o&&s===f?n===s?[n]:[n,s]:s===f?[n,s,o]:[n,s,o,f]).map(B).join(" ")},S=()=>({top:e[0],right:e[1],bottom:e[2],left:e[3],css:_()}),N=()=>g(S()),m=()=>{u.classList.toggle("is-linked",r),c.setAttribute("aria-pressed",String(!r)),(r?b.el:w).append(c),b.set(e[0]),p.forEach((n,s)=>n.set(e[s])),L.data=e.map(R).join(" ")},v=()=>{r=!r,r&&(e=[e[0],e[0],e[0],e[0]]),m(),N(),c.focus()};return m(),{el:u,set:n=>{let s=A(n,e);s&&(p.forEach((o,f)=>o.set(s[f])),e=p.map(o=>o.get()),r=e.every(o=>o===e[0]),m())},get:S}}I("sides",G);

package/dist/tweaks/spring-FJQOZ2JN.js

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

package/dist/tweaks/{tabs-LB5KTQXF.js → tabs-C2N4PHDG.js}

@@ -1 +1 @@
-import{O as f,W as g,_ as w,u as s,w as v,y as m}from"./chunk-JWHF6V72.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);
+import{$ as w,P as f,X as g,u as s,w as v,y as m}from"./chunk-JLZ4DKW3.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;-webkit-tap-highlight-color:transparent;color-scheme:dark;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-portal) ::selection{background:var(--tw-selection);color:var(--tw-text-focus)}.tw-panel[data-mode=floating]{position:fixed}.tw-panel:where([data-mode=floating]){left:var(--tw-float-x);top:var(--tw-float-y);max-height:var(--tw-float-max-h);z-index:99990;box-shadow:var(--tw-shadow-panel-lifted)}.tw-panel:where([data-mode=floating][data-corner$=right]){left:auto;right:var(--tw-float-x)}.tw-panel:where([data-mode=floating][data-corner^=bottom]){top:auto;bottom:var(--tw-float-y)}.tw-panel:where(.is-raised){z-index:99991}.tw-panel[data-draggable=true][data-mode=floating]{transition:box-shadow .25s var(--tw-ease-out)}@property --tw-float-gap{syntax: "<length>"; inherits: true; initial-value: -1px;}.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{cursor:grab}.tw-panel[data-draggable=true]>.tw-header{touch-action:none;margin-top:-10px;padding-top:10px}.tw-panel.is-snapping{transition:left .32s var(--tw-ease-spring),top .32s var(--tw-ease-spring),right .32s var(--tw-ease-spring),bottom .32s var(--tw-ease-spring)}.tw-panel.is-dragging{-webkit-user-select:none;user-select:none;box-shadow:var(--tw-shadow-panel-lifted);z-index:99991}.tw-panel[data-mode=floating]{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.tw-panel[data-mode=floating]::-webkit-scrollbar{display:none}.tw-panel[data-mode=floating] .tw-slider{touch-action:pan-y}.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-sr,.tw-image-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.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;padding-block:3px;margin-block:-3px}.tw-panel.is-collapsed .tw-body>.tw-controls{padding-block:0;margin-block: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-image-remove: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-panel:not([data-mode=floating]):has(.is-picked){overflow:clip}.tw-panel .is-picked{position:relative;isolation:isolate}.tw-panel .is-picked:before{content:"";position:absolute;inset:-3px -100vmax;z-index:-1;pointer-events:none;background:color-mix(in srgb,var(--tw-accent, var(--tw-text-focus)) 5%,transparent)}.tw-panel .tw-folder.is-picked:before{inset-block:0}.tw-panel .is-picked:before{transition:background .35s var(--tw-ease-out)}.tw-panel .is-picked.is-pasted:before{background:color-mix(in srgb,var(--tw-accent, var(--tw-text-focus)) 20%,transparent);transition-duration:.08s}.tw-panel .is-picked.is-refused:before{background:color-mix(in srgb,var(--tw-danger) 18%,transparent);transition-duration:.08s}.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,.tw-image-remove{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,.tw-image-remove:hover{background:var(--tw-surface-hover);color:var(--tw-text-primary)}}.tw-presets-del:active,.tw-image-remove:active{transform:scale(.85);transition:background .15s,color .15s,transform .08s ease-out}.tw-presets-savebtn:active{transform:scale(.95)}.tw-presets-del svg,.tw-image-remove svg{width:12px;height:12px;display:block}.tw-image-remove[hidden]{display:none}.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-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,.tw-image-note{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-image-note:empty{display:none}.tw-image-note:not(:empty)+.tw-image-text{display:none}.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],.tw-image-gallery[data-over=true] .tw-image-upload{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-image-gallery{display:flex;flex-direction:column;gap:6px}.tw-image-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}.tw-image-grid{display:grid;grid-template-columns:repeat(var(--tw-img-cols, 2),minmax(0,1fr));gap:6px}.tw-image-tile{aspect-ratio:4 / 3;padding:0;background:var(--tw-surface) center / cover no-repeat;border:none;border-radius:calc(var(--tw-radius) - 2px);box-shadow:inset 0 0 0 1px var(--tw-border-hover);cursor:pointer;transition:transform .2s var(--tw-ease-pop),box-shadow .15s}.tw-image-tile:active{transform:scale(.96);transition:transform .08s ease-out}.tw-image-tile[data-active=true]{outline:1.5px solid var(--tw-accent, var(--tw-text-focus));outline-offset:1px}.tw-image-tile:focus-visible{outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:-2px}.tw-image-upload{gap:6px}.tw-image-upload svg{width:14px;height:14px;flex:none}@media(hover:hover)and (pointer:fine){.tw-image-tile:hover{box-shadow:inset 0 0 0 1px var(--tw-text-tertiary)}}.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:3px 0 8px;margin-top:-3px;opacity:1;transition:opacity .35s var(--tw-ease-fold),padding-bottom .35s var(--tw-ease-fold),margin-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:last-child:not(.is-collapsed) .tw-folder-body>.tw-controls{padding-bottom:3px;margin-bottom:-3px}.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-num-wrap{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:0 10px 10px 12px;background:var(--tw-surface);border-radius:var(--tw-radius)}.tw-sides-head{display:flex;align-items:center;gap:12px;height:var(--tw-row-height)}.tw-fields.tw-shadow-fields{grid-auto-flow:row;grid-template-columns:1fr 1fr}.tw-sides-multi .tw-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;direction:ltr}.tw-sides-multi .tw-field .tw-num-wrap{padding:3px 5px}.tw-sides-multi .tw-field .tw-num-unit{display:none}.tw-sides-glyph{display:flex;align-items:center;height:12px}.tw-sides-glyph svg{width:12px;height:12px}.tw-sides-glyph[data-at=top-right] svg,.tw-sides-glyph[data-at=right] svg{transform:rotate(90deg)}.tw-sides-glyph[data-at=bottom-right] svg,.tw-sides-glyph[data-at=bottom] svg{transform:rotate(180deg)}.tw-sides-glyph[data-at=bottom-left] svg,.tw-sides-glyph[data-at=left] svg{transform:rotate(270deg)}.tw-sides-sum{margin-left:auto;font-family:var(--tw-font-sans);font-size:12px;font-weight:500;color:var(--tw-text-label);word-spacing:.1em}.tw-sides-unit{margin-left:4px;padding-right:2px;font-weight:400;color:var(--tw-text-tertiary)}.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,.tw-image-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, .55);--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, .55);--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,.tw-sides-sum{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-image-tile[data-active=true]{outline-color:Highlight}.tw-gradient-stop[data-sel=true]{border-color:Highlight}.tw-select-option:focus-visible{outline:2px solid Highlight;outline-offset:-2px}.tw-color-swatch,.tw-option-swatch,.tw-image-thumb,.tw-gradient-preview,.tw-gradient-bar,.tw-gradient-stop,.tw-wg-area,.tw-wg-hue,.tw-wg-alpha,.tw-pad-thumb{forced-color-adjust:none}.tw-gradient-stop:focus-visible,.tw-wg-area:focus-visible,.tw-wg-hue:focus-visible,.tw-wg-alpha:focus-visible{outline-color:Highlight}}
+.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);--tw-press-icon: .88;--tw-press-chip: .95;--tw-press-row: .985;font-family:var(--tw-font-sans);line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;color-scheme:dark;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-portal) ::selection{background:var(--tw-selection);color:var(--tw-text-focus)}.tw-panel[data-mode=floating]{position:fixed}.tw-panel:where([data-mode=floating]){left:var(--tw-float-x);top:var(--tw-float-y);max-height:var(--tw-float-max-h);z-index:99990;box-shadow:var(--tw-shadow-panel-lifted)}.tw-panel:where([data-mode=floating][data-corner$=right]){left:auto;right:var(--tw-float-x)}.tw-panel:where([data-mode=floating][data-corner^=bottom]){top:auto;bottom:var(--tw-float-y)}.tw-panel:where(.is-raised){z-index:99991}.tw-panel[data-draggable=true][data-mode=floating]{transition:box-shadow .25s var(--tw-ease-out)}@property --tw-float-gap{syntax: "<length>"; inherits: true; initial-value: -1px;}.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{cursor:grab}.tw-panel[data-draggable=true]>.tw-header{touch-action:none;margin-top:-10px;padding-top:10px}.tw-panel.is-snapping{transition:left .32s var(--tw-ease-spring),top .32s var(--tw-ease-spring),right .32s var(--tw-ease-spring),bottom .32s var(--tw-ease-spring)}.tw-panel.is-dragging{-webkit-user-select:none;user-select:none;box-shadow:var(--tw-shadow-panel-lifted);z-index:99991}.tw-panel[data-mode=floating]{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.tw-panel[data-mode=floating]::-webkit-scrollbar{display:none}.tw-panel[data-mode=floating] .tw-slider{touch-action:pan-y}.tw-panel.is-dragging>.tw-header,.tw-panel.is-dragging>.tw-header .tw-header-toggle{cursor:grabbing}:is(.tw-color-pop,.tw-presets-menu){cursor:grab}:is(.tw-color-pop,.tw-presets-menu)>*{cursor:auto}:is(.tw-color-pop,.tw-presets-menu).is-moving,:is(.tw-color-pop,.tw-presets-menu).is-moving *{cursor:grabbing}.tw-header{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-sr,.tw-image-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tw-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .35s var(--tw-ease-fold)}.tw-body>.tw-controls{overflow-x:visible;overflow-y:clip;min-height:0;min-width:0;padding-block:3px;margin-block:-3px}.tw-panel.is-collapsed .tw-body>.tw-controls{padding-block:0;margin-block:0}.tw-panel.is-collapsed .tw-body{grid-template-rows:0fr}.tw-header{transition:margin-bottom .35s var(--tw-ease-fold),padding-bottom .35s var(--tw-ease-fold),border-color .35s var(--tw-ease-fold)}.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(var(--tw-press-icon));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-image-clear: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);transition:color .15s;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);transition:color .15s;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(hover:hover)and (pointer:fine){.tw-slider-wrap:not(.is-disabled):hover .tw-slider-label,:is(.tw-row,.tw-sides,.tw-radiogrid):not(.is-disabled):hover :is(.tw-row-label,.tw-radiogrid-label),:is(.tw-image-gallery,.tw-spring,.tw-bezier,.tw-plot):not(.is-disabled):hover :is(.tw-image-label,.tw-spring-label,.tw-bezier-label,.tw-plot-label){color:var(--tw-text-primary)}}.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 .24s var(--tw-ease-pop)}.tw-seg-btn[data-active=true]{color:var(--tw-on-accent)}@media(hover:hover)and (pointer:fine){.tw-seg-btn:not([data-active=true]):hover,.tw-tabs-tab:not([data-active=true]):hover{color:var(--tw-text-primary)}}.tw-seg-btn:active{transform:scale(var(--tw-press-chip));transition:transform .08s ease-out}.tw-row .tw-seg .tw-seg-btn{min-width:0;padding:5px}.tw-radiogrid{display:flex;align-items:flex-start;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;line-height:24px;font-size:12px;font-weight:500;color:var(--tw-text-label);transition:color .15s;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;min-width:24px;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 .24s 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(var(--tw-press-chip));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(var(--tw-press-row));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 .24s 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(var(--tw-press-chip));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:4px;padding:4px;min-width:0;background:var(--tw-surface);border-radius:var(--tw-radius)}.tw-tabs-pill{position:absolute;top:4px;bottom:4px;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 .24s var(--tw-ease-pop)}.tw-tabs-tab[data-active=true]{color:var(--tw-text-primary)}.tw-tabs-tab:active{transform:scale(var(--tw-press-chip));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 10px 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:hover .tw-select-label{color:var(--tw-text-primary)}}.tw-select-trigger:active{transform:scale(var(--tw-press-row));transition:background .15s,transform .08s ease-out}.tw-select.is-open .tw-select-trigger{background:var(--tw-surface-active)}.tw-select-label{transition:color .15s;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(var(--tw-pop-s));pointer-events:none;transition:opacity .16s var(--tw-ease-out),transform .22s var(--tw-ease-spring)}:is(.tw-select-dropdown,.tw-color-pop){max-width:calc(100vw - 16px)}:is(.tw-select-dropdown,.tw-color-pop)[data-side=above]{transform-origin:bottom;transform:translateY(6px) scale(var(--tw-pop-s))}.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-on-accent);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-panel:not([data-mode=floating]):has(.is-picked){overflow:clip}.tw-panel .is-picked{position:relative;isolation:isolate}.tw-panel .is-picked:before{content:"";position:absolute;inset:-3px -100vmax;z-index:-1;pointer-events:none;background:color-mix(in srgb,var(--tw-accent, var(--tw-text-focus)) 5%,transparent)}.tw-panel .tw-folder.is-picked:before{inset-block:0}.tw-panel .is-picked:before{transition:background .35s var(--tw-ease-out)}.tw-panel .is-picked.is-pasted:before{background:color-mix(in srgb,var(--tw-accent, var(--tw-text-focus)) 20%,transparent);transition-duration:.08s}.tw-panel .is-picked.is-refused:before{background:color-mix(in srgb,var(--tw-danger) 18%,transparent);transition-duration:.08s}.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(var(--tw-pop-s));pointer-events:none;transition:opacity .16s var(--tw-ease-out),transform .24s var(--tw-ease-spring)}.tw-presets-menu[data-side=above]{transform-origin:bottom right;transform:translateY(6px) scale(var(--tw-pop-s))}.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,transform .24s var(--tw-ease-pop)}@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 .24s 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(var(--tw-press-icon));transition:background .15s,color .15s,transform .08s ease-out}.tw-presets-savebtn:active{transform:scale(var(--tw-press-chip));transition:background .15s,transform .08s ease-out}.tw-presets-del svg{width:12px;height:12px;display:block}.tw-image-clear{flex-shrink:0;height:24px;padding:0 6px;font:inherit;font-size:12px;font-weight:500;color:var(--tw-text-tertiary);background:transparent;border:none;border-radius:calc(var(--tw-radius) - 2px);cursor:pointer;transition:background .15s,color .15s,transform .24s var(--tw-ease-pop)}@media(hover:hover)and (pointer:fine){.tw-image-clear:hover{background:var(--tw-surface-hover);color:var(--tw-text-primary)}}.tw-image-clear:active{transform:scale(var(--tw-press-chip));transition:background .15s,color .15s,transform .08s ease-out}.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:hover .tw-trigger-label{color:var(--tw-text-primary)}}.tw-trigger:active{transform:scale(var(--tw-press-row));transition:background .15s,transform .08s ease-out}.is-open>.tw-trigger{background:var(--tw-surface-active)}.tw-trigger-label{transition:color .15s;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)}.tw-color{position:relative}.tw-color-swatch{width:18px}.tw-portal *,.tw-portal *:before,.tw-portal *:after{box-sizing:border-box}.tw-portal{--tw-pop-s: max(.96, calc(1 - 5 / var(--tw-pop-h, 125)))}.tw-color-pop{position:fixed;z-index:99999;min-width:236px;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(var(--tw-pop-s));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.3);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.3);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 .tw-color-mode-row{gap:4px}.tw-gradient-pop .tw-color-mode{padding-left:6px;padding-right:20px}.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.2)}}.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:28px;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(var(--tw-press-icon));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.2)}}.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:7.5px 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,.tw-image-note{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-image-note:empty{display:none}.tw-image-note:not(:empty)+.tw-image-text{display:none}.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],.tw-image-gallery[data-over=true] .tw-image-upload{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-image-gallery{display:flex;flex-direction:column;gap:6px}.tw-image-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}.tw-image-grid{display:grid;grid-template-columns:repeat(var(--tw-img-cols, 2),minmax(0,1fr));gap:6px}.tw-image-tile{aspect-ratio:4 / 3;padding:0;background:var(--tw-surface) center / cover no-repeat;border:none;border-radius:calc(var(--tw-radius) - 2px);box-shadow:inset 0 0 0 1px var(--tw-border-hover);cursor:pointer;transition:transform .24s var(--tw-ease-pop),box-shadow .15s}.tw-image-tile:active{transform:scale(var(--tw-press-chip));transition:transform .08s ease-out}.tw-image-tile[data-active=true]{outline:1.5px solid var(--tw-accent, var(--tw-text-focus));outline-offset:1px}.tw-image-tile:focus-visible{outline:2px solid var(--tw-accent, var(--tw-text-focus));outline-offset:-2px}.tw-image-upload{gap:6px}.tw-image-upload svg{width:14px;height:14px;flex:none}@media(hover:hover)and (pointer:fine){.tw-image-tile:hover{box-shadow:inset 0 0 0 1px var(--tw-text-tertiary)}}.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:9px 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.2)}@media(hover:hover)and (pointer:fine){.tw-num-grab:hover{color:var(--tw-text-primary);transform:scale(1.2)}}.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:3px 0 8px;margin-top:-3px;opacity:1;transition:opacity .35s var(--tw-ease-fold),padding-bottom .35s var(--tw-ease-fold),margin-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:last-child:not(.is-collapsed) .tw-folder-body>.tw-controls{padding-bottom:3px;margin-bottom:-3px}.tw-body>.tw-controls>*,.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-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,transform .24s var(--tw-ease-pop)}.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-link:active{transform:scale(var(--tw-press-icon));transition:color .15s,background .15s,transform .08s ease-out}.tw-sides>.tw-row .tw-num-wrap{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:0 10px 10px 12px;background:var(--tw-surface);border-radius:var(--tw-radius)}.tw-sides-head{display:flex;align-items:center;gap:12px;height:var(--tw-row-height)}.tw-fields.tw-shadow-fields{grid-auto-flow:row;grid-template-columns:1fr 1fr}.tw-sides-multi .tw-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;direction:ltr}.tw-sides-multi .tw-field .tw-num-wrap{padding:3px 5px}.tw-sides-multi .tw-field .tw-num-unit{display:none}.tw-sides-glyph{display:flex;align-items:center;height:12px}.tw-sides-glyph svg{width:12px;height:12px}.tw-sides-glyph[data-at=top-right] svg,.tw-sides-glyph[data-at=right] svg{transform:rotate(90deg)}.tw-sides-glyph[data-at=bottom-right] svg,.tw-sides-glyph[data-at=bottom] svg{transform:rotate(180deg)}.tw-sides-glyph[data-at=bottom-left] svg,.tw-sides-glyph[data-at=left] svg{transform:rotate(270deg)}.tw-sides-sum{margin-left:auto;font-family:var(--tw-font-sans);font-size:12px;font-weight:500;color:var(--tw-text-label);word-spacing:.1em}.tw-sides-unit{margin-left:4px;padding-right:2px;font-weight:400;color:var(--tw-text-tertiary)}.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:240px;margin:0 auto}.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.3);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,.tw-image-label{font-size:12px;font-weight:500;color:var(--tw-text-label);padding:0;transition:color .15s}:is(.tw-controls,.tw-controls>[data-tw])>:is(.tw-image-gallery,.tw-spring,.tw-bezier,.tw-plot){padding:4px;background:var(--tw-surface);border-radius:var(--tw-radius)}:is(.tw-controls,.tw-controls>[data-tw])>.tw-image-gallery>.tw-image-head{padding-left:8px}:is(.tw-controls,.tw-controls>[data-tw])>:is(.tw-spring,.tw-bezier,.tw-plot)>:is(.tw-spring-label,.tw-bezier-label,.tw-plot-label){padding-left:8px;line-height:24px}.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, .55);--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, .55);--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,.tw-sides-sum{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-image-tile[data-active=true]{outline-color:Highlight}.tw-gradient-stop[data-sel=true]{border-color:Highlight}.tw-select-option:focus-visible{outline:2px solid Highlight;outline-offset:-2px}.tw-color-swatch,.tw-option-swatch,.tw-image-thumb,.tw-gradient-preview,.tw-gradient-bar,.tw-gradient-stop,.tw-wg-area,.tw-wg-hue,.tw-wg-alpha,.tw-pad-thumb{forced-color-adjust:none}.tw-gradient-stop:focus-visible,.tw-wg-area:focus-visible,.tw-wg-hue:focus-visible,.tw-wg-alpha:focus-visible{outline-color:Highlight}}