tweakit 0.5.2 → 0.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AGENTS.md +32 -30
- package/README.md +55 -29
- package/THIRD-PARTY-NOTICES.md +0 -1
- package/dist/tweaks/auto.js +2 -0
- package/dist/tweaks/auto.js.map +6 -0
- package/dist/tweaks/bezier-S2BOXQBM.js +2 -0
- package/dist/tweaks/bezier-S2BOXQBM.js.map +6 -0
- package/dist/tweaks/chunk-3MZAAMC2.js +2 -0
- package/dist/tweaks/chunk-3MZAAMC2.js.map +6 -0
- package/dist/tweaks/chunk-ETB35KFV.js +2 -0
- package/dist/tweaks/chunk-ETB35KFV.js.map +6 -0
- package/dist/tweaks/chunk-YB5GKWZI.js +2 -0
- package/dist/tweaks/chunk-YB5GKWZI.js.map +6 -0
- package/dist/tweaks/clip-A3VI53BK.js +2 -0
- package/dist/tweaks/clip-A3VI53BK.js.map +6 -0
- package/dist/tweaks/color-UGYMAF3W.js +2 -0
- package/dist/tweaks/color-UGYMAF3W.js.map +6 -0
- package/dist/tweaks/core.js +2 -1
- package/dist/tweaks/core.js.map +6 -0
- package/dist/tweaks/fold-GY47HIQA.js +2 -0
- package/dist/tweaks/fold-GY47HIQA.js.map +6 -0
- package/dist/tweaks/gradient-BTX25WSH.js +2 -0
- package/dist/tweaks/gradient-BTX25WSH.js.map +6 -0
- package/dist/tweaks/heavy-NPFIGHRM.js +2 -0
- package/dist/tweaks/heavy-NPFIGHRM.js.map +6 -0
- package/dist/tweaks/image-HTQQ4WX6.js +4 -0
- package/dist/tweaks/image-HTQQ4WX6.js.map +6 -0
- package/dist/tweaks/image-store-QD5SMZXG.js +2 -0
- package/dist/tweaks/image-store-QD5SMZXG.js.map +6 -0
- package/dist/tweaks/interval-BHPI4LRN.js +2 -0
- package/dist/tweaks/interval-BHPI4LRN.js.map +6 -0
- package/dist/tweaks/markup-QM53TQJZ.js +2 -0
- package/dist/tweaks/markup-QM53TQJZ.js.map +6 -0
- package/dist/tweaks/monitor-722WIYGW.js +3 -0
- package/dist/tweaks/monitor-722WIYGW.js.map +6 -0
- package/dist/tweaks/motion-HMCZK6HJ.js +2 -0
- package/dist/tweaks/motion-HMCZK6HJ.js.map +6 -0
- package/dist/tweaks/plot-D3NQ6XNN.js +3 -0
- package/dist/tweaks/plot-D3NQ6XNN.js.map +6 -0
- package/dist/tweaks/point-XDXKMDXH.js +2 -0
- package/dist/tweaks/point-XDXKMDXH.js.map +6 -0
- package/dist/tweaks/presets-EUWNSCUW.js +2 -0
- package/dist/tweaks/presets-EUWNSCUW.js.map +6 -0
- package/dist/tweaks/shadow-AM7VSRNS.js +2 -0
- package/dist/tweaks/shadow-AM7VSRNS.js.map +6 -0
- package/dist/tweaks/shadow-root-RYUV3AGS.js +3 -0
- package/dist/tweaks/shadow-root-RYUV3AGS.js.map +6 -0
- package/dist/tweaks/sides-JWIURDA4.js +2 -0
- package/dist/tweaks/sides-JWIURDA4.js.map +6 -0
- package/dist/tweaks/spring-BF5GBTPM.js +2 -0
- package/dist/tweaks/spring-BF5GBTPM.js.map +6 -0
- package/dist/tweaks/tabs-PRVUUZXZ.js +2 -0
- package/dist/tweaks/tabs-PRVUUZXZ.js.map +6 -0
- package/dist/tweaks.css +1 -1
- package/dist/tweaks.js +7 -3
- package/dist/tweaks.js.map +6 -0
- package/dist/types/tweaks/easing.d.ts +8 -11
- package/dist/types/tweaks/enhance.d.ts +3 -2
- package/dist/types/tweaks/panel.d.ts +6 -4
- package/dist/types/tweaks/schema.d.ts +4 -8
- package/dist/types/tweaks/standalone.d.ts +3 -3
- package/dist/types/tweaks/types.d.ts +499 -116
- package/package.json +30 -5
- package/src/tweaks/auto.ts +16 -0
- package/src/tweaks/clip.ts +156 -0
- package/src/tweaks/controls/basic.ts +727 -0
- package/src/tweaks/controls/bezier.ts +204 -0
- package/src/tweaks/controls/color.ts +861 -0
- package/src/tweaks/controls/gradient.ts +419 -0
- package/src/tweaks/controls/image.ts +555 -0
- package/src/tweaks/controls/interval.ts +189 -0
- package/src/tweaks/controls/monitor.ts +211 -0
- package/src/tweaks/controls/motion.ts +316 -0
- package/src/tweaks/controls/plot.ts +440 -0
- package/src/tweaks/controls/point.ts +208 -0
- package/src/tweaks/controls/shadow.ts +156 -0
- package/src/tweaks/controls/sides.ts +196 -0
- package/src/tweaks/controls/spring.ts +308 -0
- package/src/tweaks/controls/tabs.ts +68 -0
- package/src/tweaks/core.ts +9 -0
- package/src/tweaks/easing.ts +118 -0
- package/src/tweaks/enhance.ts +35 -0
- package/src/tweaks/feedback.ts +218 -0
- package/src/tweaks/fold.ts +33 -0
- package/src/tweaks/heavy.ts +626 -0
- package/src/tweaks/icons.ts +26 -0
- package/src/tweaks/image-store.ts +189 -0
- package/src/tweaks/lazy.ts +63 -0
- package/src/tweaks/markup.ts +317 -0
- package/src/tweaks/panel.ts +1693 -0
- package/src/tweaks/presets.ts +85 -0
- package/src/tweaks/schema.ts +351 -0
- package/src/tweaks/shadow-root.ts +178 -0
- package/src/tweaks/shared.ts +1137 -0
- package/src/tweaks/single.ts +22 -0
- package/src/tweaks/standalone.ts +179 -0
- package/src/tweaks/types.ts +1027 -0
- package/src/tweaks/undo.ts +104 -0
- package/src/tweaks.css +965 -0
- package/src/wide-gamut.ts +658 -0
- package/dist/tweaks/bezier-2RABC6LD.js +0 -1
- package/dist/tweaks/chunk-4ATI34PB.js +0 -1
- package/dist/tweaks/chunk-7OSCMZ2J.js +0 -1
- package/dist/tweaks/chunk-W3JNIJ2F.js +0 -1
- package/dist/tweaks/clip-ECGCECEC.js +0 -1
- package/dist/tweaks/colour-2RE3FQ5E.js +0 -1
- package/dist/tweaks/fold-UGN7TXGX.js +0 -1
- package/dist/tweaks/gradient-DB6XTDHO.js +0 -1
- package/dist/tweaks/heavy-PKOMHB3C.js +0 -1
- package/dist/tweaks/image-7MCLBOZ3.js +0 -1
- package/dist/tweaks/interval-L2E4L3AZ.js +0 -1
- package/dist/tweaks/markup-ZJJ6CCWM.js +0 -1
- package/dist/tweaks/monitor-IEK742PG.js +0 -2
- package/dist/tweaks/motion-N5UNVR55.js +0 -1
- package/dist/tweaks/plot-VVTOY3RA.js +0 -2
- package/dist/tweaks/point-YMMHSLO7.js +0 -1
- package/dist/tweaks/shadow-IKYOV3VN.js +0 -1
- package/dist/tweaks/sides-FH227Z54.js +0 -1
- package/dist/tweaks/spring-3PKAFIH7.js +0 -1
- package/dist/tweaks/tabs-BKK5NIIY.js +0 -1
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/tweaks/controls/plot.ts"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["PLOT_FUNCS", "a", "b", "v", "lo", "hi", "PLOT_VARIADIC", "PLOT_CONSTS", "compileExpr", "src", "r", "parseExpr", "s", "toks", "numRe", "idRe", "i", "ch", "m", "p", "why", "fail", "peek", "eat", "tok", "add", "mul", "op", "aa", "x", "unary", "t", "prev", "implied", "pow", "atom", "e", "name", "fn", "argv", "bare", "n", "c", "named", "tree", "left", "last", "unclosed", "d", "createPlot", "meta", "onChange", "tr", "words", "xMin", "xMax", "samples", "fixedY", "editable", "expr", "compiled", "root", "el", "txt", "graph", "svg", "svgEl", "axisX", "axisY", "curve", "input", "field", "quietFocus", "PAD", "draw", "f", "ok", "W", "H", "ys", "yLo", "yHi", "k", "y", "pad", "xPx", "yPx", "axis", "ln", "ax", "ay", "bx", "by", "show", "pen", "px", "py", "clamp", "onReady", "onLive", "registerControl"]
|
|
6
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a as Y,h as V,i as X,j as G,k as I,m as W,n as q,o as $}from"./chunk-YB5GKWZI.js";import{N as J,g as M,ga as Q,j as z,ma as U,r as H,v as p}from"./chunk-ETB35KFV.js";function it(d,Z){let C=U(),o=d.components,{root:O,trigger:_,right:tt}=W("twk-point",d.label??C("point","Point")),L=p("span","twk-trigger-value"),T=p("div","twk-trigger-chip twk-point-preview"),b=p("div","twk-point-preview-dot");T.append(b),tt.append(T,L);let S=p("div","twk-color-pop twk-point-pop"),D=p("div","twk-point-body");S.append(D);let R=d.pad!==!1&&o.length>=2,et=t=>{let e=H(Math.abs(Number.isFinite(+t.value)?+t.value:0))[1],s=t.min??-e,u=t.max??e;if(t.min==null!=(t.max==null)&&!(u>s)){let a=2*H(Math.abs(+(t.min??t.max)))[1];t.min==null?s=u-a:u=s+a}let n=10**Math.floor(Math.log10((u-s)/200)),l=t.step??(n>0&&Number.isFinite(n)?n:1);return{lo:s,hi:u,nudge:l,step:t.step??Math.min(l,$(t.value),$(t.min))}},v=o.map(et),k=v[0],x=v[1],y=k?.lo??-1,w=k?.hi??1,g=x?.lo??-1,h=x?.hi??1,E=(t,e,s)=>s>e?M((t-e)/(s-e),0,1):.5,r=null,A=null,f=null;if(R){r=p("div","twk-pad"),A=p("div","twk-pad-thumb");let t=Y("svg","twk-pad-line");t.setAttribute("viewBox","0 0 100 100"),t.setAttribute("preserveAspectRatio","none"),f=Y("line"),t.append(f);let e=E(0,g,h);f.setAttribute("x1",E(0,y,w)*100),f.setAttribute("y1",(d.invertY?e:1-e)*100),r.append(p("div","twk-pad-axis twk-pad-axis-x"),p("div","twk-pad-axis twk-pad-axis-y"),t,A),D.append(r)}let B=p("div","twk-fields");D.append(B);let m=()=>{N(),nt()},P=()=>Z(K()),i=o.map((t,e)=>{let s=q({label:t.label??t.key,value:t.value??0,step:v[e].step,min:t.min,max:t.max},()=>{m(),P()});return B.append(s.el),s}),K=()=>Object.fromEntries(o.map((t,e)=>[t.key,i[e].get()])),j=(t,e)=>(+t).toFixed(z(e)),nt=()=>{L.textContent=i.map((t,e)=>j(t.get(),v[e].step)).join(", ")},N=()=>{b.style.left="50%",b.style.top="50%"};if(R){let e=n=>`calc(${(n*100).toFixed(2)}% + ${((.5-n)*5).toFixed(2)}px)`;N=()=>{let n=E(i[0].get(),y,w),l=E(i[1].get(),g,h),a=d.invertY?l:1-l,c=n*100,F=a*100;A.style.left=c+"%",A.style.top=F+"%",b.style.left=e(n),b.style.top=e(a),f.setAttribute("x2",c),f.setAttribute("y2",F),r.setAttribute("aria-description",`${o[0].label??o[0].key} ${j(i[0].get(),k.step)}, ${o[1].label??o[1].key} ${j(i[1].get(),x.step)}`)},V(r,n=>{let[l,a]=X(n,r),c=d.invertY?a:1-a;i[0].set(y+l*(w-y)),i[1].set(g+c*(h-g)),m(),P()}),r.tabIndex=0,r.setAttribute("role","group"),r.setAttribute("aria-label",C("pointPad","{label} pad: {x} and {y}",{label:d.label??C("point","Point"),x:o[0].label??o[0].key,y:o[1].label??o[1].key}));let u=I(r);r.addEventListener("keydown",n=>{if(n.key==="Home"){n.preventDefault(),o.forEach((F,ot)=>i[ot].set(F.value??0)),m(),P(),u();return}let[l,a]=G(n);if(!l&&!a)return;n.preventDefault();let c=n.shiftKey?10:1;l&&i[0].set(M(i[0].get()+l*k.nudge*c,y,w)),a&&i[1].set(M(i[1].get()+(d.invertY?-a:a)*x.nudge*c,g,h)),m(),P(),u()})}return O.append(S),J(O,_,S,{fallbackH:240,onOpen:m}),m(),{el:O,set:t=>{t&&o.forEach((e,s)=>{t[e.key]!=null&&i[s].set(t[e.key])}),m()},get:K,range:Object.fromEntries(o.map((t,e)=>[t.key,i[e].range]))}}Q("point",it);
|
|
2
|
+
//# sourceMappingURL=point-XDXKMDXH.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/tweaks/controls/point.ts"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["createPoint", "meta", "onChange", "tr", "words", "comps", "root", "trigger", "right", "triggerRow", "valueEl", "el", "preview", "previewDot", "pop", "body", "hasPad", "rangeOf", "c", "half", "defaultRange", "lo", "hi", "w", "fine", "nudge", "decimalStep", "ranges", "rx", "ry", "minX", "maxX", "minY", "maxY", "frac", "v", "clamp", "padHost", "padThumb", "padLine", "padSvg", "svgEl", "oy0", "fields", "sync", "positionPad", "paintValue", "emit", "read", "flds", "k", "fld", "numField", "fmt", "step", "stepPrecision", "f", "inset", "fx", "fyv", "tyFrac", "tx", "ty", "grabSurface", "e", "fy", "boxFrac", "yFrac", "say", "sayWhenKeysStop", "dx", "dy", "arrowStep", "popover", "registerControl"]
|
|
6
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{D as g,N as L,v as n,w as b,x as a}from"./chunk-ETB35KFV.js";var N=(l,h,y,E,P,p,S,s)=>{let c=n("div","twk-presets-menu"),m=n("div","twk-presets-save"),e=n("input","twk-presets-input");e.type="text",e.placeholder=s("presetName","Preset name\u2026"),e.spellcheck=!1,e.setAttribute("aria-label",s("newPreset","New preset name")),g(e);let v=a("button","twk-presets-savebtn",s("save","Save"));m.append(e,v);let o=n("div","twk-presets-list");c.append(m,o);let i=()=>{let t=h();if(o.replaceChildren(),!t.length)return o.append(a("div","twk-presets-empty",s("noPresets","No presets yet")));for(let r of t){let w=n("div","twk-presets-row"),f=a("button","twk-presets-load",r);f.addEventListener("click",()=>{E(r),k.close(),p(s("presetLoaded","Loaded preset {name}",{name:r}))});let d=b("twk-presets-del",S);d.setAttribute("aria-label",s("presetDelete","Delete preset {name}",{name:r})),d.addEventListener("click",x=>{x.stopPropagation(),P(r),i()}),w.append(f,d),o.append(w)}},u=()=>{let t=e.value.trim();if(!t){e.focus();return}if(!y(t)){p(s("presetFull","Preset {name} not saved: storage is full",{name:t}));return}e.value="",i(),p(s("presetSaved","Saved preset {name}",{name:t}))},k=L(l,l,c,{width:208,fallbackH:160,align:"end",onOpen:()=>{i(),e.focus()}});return v.addEventListener("click",u),e.addEventListener("keydown",t=>{t.key==="Enter"&&u()}),k};export{N as presetsMenu};
|
|
2
|
+
//# sourceMappingURL=presets-EUWNSCUW.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/tweaks/presets.ts"],
|
|
4
|
+
"mappings": "oEASO,IAAMA,EAAc,CACzBC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,IACG,CACH,IAAMC,EAAOC,EAAG,MAAO,kBAAkB,EACnCC,EAAUD,EAAG,MAAO,kBAAkB,EACtCE,EAAQF,EAAG,QAAS,mBAAmB,EAC7CE,EAAM,KAAO,OACbA,EAAM,YAAcJ,EAAG,aAAc,mBAAc,EACnDI,EAAM,WAAa,GACnBA,EAAM,aAAa,aAAcJ,EAAG,YAAa,iBAAiB,CAAC,EACnEK,EAAWD,CAAK,EAChB,IAAME,EAAUC,EAAI,SAAU,sBAAuBP,EAAG,OAAQ,MAAM,CAAC,EACvEG,EAAQ,OAAOC,EAAOE,CAAO,EAC7B,IAAME,EAAON,EAAG,MAAO,kBAAkB,EACzCD,EAAK,OAAOE,EAASK,CAAI,EACzB,IAAMC,EAAa,IAAM,CACvB,IAAMC,EAAMhB,EAAM,EAElB,GADAc,EAAK,gBAAgB,EACjB,CAACE,EAAI,OAAQ,OAAOF,EAAK,OAAOD,EAAI,MAAO,oBAAqBP,EAAG,YAAa,gBAAgB,CAAC,CAAC,EACtG,QAAWW,KAAMD,EAAK,CACpB,IAAME,EAAMV,EAAG,MAAO,iBAAiB,EACjCW,EAAUN,EAAI,SAAU,mBAAoBI,CAAE,EACpDE,EAAQ,iBAAiB,QAAS,IAAM,CACtCjB,EAAKe,CAAE,EACPG,EAAQ,MAAM,EACdhB,EAASE,EAAG,eAAgB,uBAAwB,CAAE,KAAMW,CAAG,CAAC,CAAC,CACnE,CAAC,EACD,IAAMI,EAAMC,EAAI,kBAAmBjB,CAAK,EACxCgB,EAAI,aAAa,aAAcf,EAAG,eAAgB,uBAAwB,CAAE,KAAMW,CAAG,CAAC,CAAC,EACvFI,EAAI,iBAAiB,QAAUE,GAAM,CACnCA,EAAE,gBAAgB,EAClBpB,EAAOc,CAAE,EACTF,EAAW,CACb,CAAC,EACDG,EAAI,OAAOC,EAASE,CAAG,EACvBP,EAAK,OAAOI,CAAG,CACjB,CACF,EAEMM,EAAS,IAAM,CACnB,IAAMP,EAAKP,EAAM,MAAM,KAAK,EAC5B,GAAI,CAACO,EAAI,CACPP,EAAM,MAAM,EACZ,MACF,CACA,GAAI,CAACT,EAAKgB,CAAE,EAAG,CACbb,EAASE,EAAG,aAAc,2CAA4C,CAAE,KAAMW,CAAG,CAAC,CAAC,EACnF,MACF,CACAP,EAAM,MAAQ,GACdK,EAAW,EACXX,EAASE,EAAG,cAAe,sBAAuB,CAAE,KAAMW,CAAG,CAAC,CAAC,CACjE,EAEMG,EAAUK,EAAQ1B,EAASA,EAASQ,EAAM,CAC9C,MAAO,IACP,UAAW,IACX,MAAO,MACP,OAAQ,IAAM,CACZQ,EAAW,EACXL,EAAM,MAAM,CACd,CACF,CAAC,EACD,OAAAE,EAAQ,iBAAiB,QAASY,CAAM,EACxCd,EAAM,iBAAiB,UAAYa,GAAM,CACnCA,EAAE,MAAQ,SAASC,EAAO,CAChC,CAAC,EACMJ,CACT",
|
|
5
|
+
"names": ["presetsMenu", "trigger", "names", "save", "load", "remove", "announce", "iconX", "tr", "menu", "el", "saveRow", "input", "quietFocus", "saveBtn", "txt", "list", "renderList", "all", "nm", "row", "loadBtn", "menuPop", "del", "btn", "e", "doSave", "popover"]
|
|
6
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{d as m,f as Q}from"./chunk-3MZAAMC2.js";import{m as _,n as D}from"./chunk-YB5GKWZI.js";import{$ as G,N as q,_ as z,ga as J,h as X,ma as K,v as l,w as Y,x as $}from"./chunk-ETB35KFV.js";var g={x:0,y:8,blur:24,spread:0,color:"rgb(0 0 0 / 0.18)"},f=(n,a)=>n!=null&&n!==""&&Number.isFinite(+n)?+n:a,w=n=>String(+n.toFixed(1)),et=/#[0-9a-f]{3,8}\b|(?:oklch|oklab|rgba?|hsla?|hwb|lab|lch|color)\([^()]*\)/i,nt=/^(-?\d*\.?\d+)(px)?$/,ot=n=>{let a=et.exec(n);if(!a||!m(a[0]))return null;let s=(n.slice(0,a.index)+" "+n.slice(a.index+a[0].length)).trim().split(/\s+/).filter(Boolean),b=s.includes("inset"),o=s.filter(p=>p!=="inset");if(o.length<2||o.length>4||!o.every(p=>nt.test(p)))return null;let r=o.map(p=>+p.replace(/px$/,""));return{inset:b,x:r[0],y:r[1],blur:r[2]??0,spread:r[3]??0,color:a[0]}},rt=G('<path d="M18 9s-4.4 6-6 6-6-6-6-6"/>',"twk-shadow-chevron",2.5);function st(n,a){let s=K(),b=t=>typeof t=="string"?ot(t):X(t)?t:null,o=b(n.value??n)||{},r=!!o.inset,{root:p,trigger:U,right:W}=_("twk-shadow",n.label??s("shadow","Shadow")),R=l("span","twk-trigger-chip twk-shadow-chip"),E=l("span","twk-shadow-chip-tile");R.append(E);let O=l("span","twk-trigger-value");W.append(R,O);let x=l("div","twk-color-pop twk-shadow-pop"),j=l("div","twk-shadow-stage"),F=l("div","twk-shadow-card");j.append(F);let M=z([{value:"outer",label:s("outer","Outer")},{value:"inner",label:s("inner","Inner")}],r?"inner":"outer",t=>{t==="inner"!==r&&(r=t==="inner",u(),C())},s("shadowPosition","Shadow position")),N=l("div","twk-row");N.append($("span","twk-row-label",s("position","Position")),M.el);let A=l("div","twk-fields twk-shadow-fields"),k=(t,e,d)=>{let c=D({label:t,value:e,step:1,min:d,unit:"px"},()=>{u(),C()});return A.append(c.el),c},I=k("X",f(o.x,g.x)),L=k("Y",f(o.y,g.y)),T=k(s("blur","Blur"),f(o.blur,g.blur),0),B=k(s("spread","Spread"),f(o.spread,g.spread)),y=()=>[I,L,T,B].map(t=>t.get()),h=Y("twk-trigger twk-shadow-color");h.setAttribute("aria-expanded","false");let H=l("span","twk-trigger-chip twk-color-swatch"),P=l("span","twk-trigger-value"),S=l("span","twk-trigger-right");S.append(H,P),S.insertAdjacentHTML("beforeend",rt),h.append($("span","twk-trigger-label",s("color","Color")),S);let i=Q({value:typeof o.color=="string"&&m(o.color)?o.color:g.color,onMode:()=>u()},()=>{u(),C()});i.el.hidden=!0,h.addEventListener("click",()=>{let t=i.el.hidden;i.el.hidden=!t,h.setAttribute("aria-expanded",String(t)),Z.reflow()}),x.append(j,N,A,h,i.el),p.append(x);let v=t=>`${r?"inset ":""}${y().map(e=>`${w(e*t)}px`).join(" ")} ${i.get()}`,V=()=>{let[t,e,d,c]=y().map(tt=>+w(tt));return{inset:r,x:t,y:e,blur:d,spread:c,color:i.get(),css:v(1)}},C=()=>a(V()),u=()=>{F.style.boxShadow=v(1),E.style.boxShadow=v(.3);let[t,e,d,c]=y();O.textContent=`${r?s("inset","in")+" ":""}${w(t)} ${w(e)} ${w(d)}${c?" "+w(c):""}`,H.style.background=i.swatchCss(),P.textContent=i.valueText()},Z=q(p,U,x,{fallbackH:300,onOpen:i.reflow,onReflow:i.reflow});return u(),{el:p,set:t=>{let e=b(t);e&&(e.inset!=null&&(r=!!e.inset,M.set(r?"inner":"outer")),[["x",I],["y",L],["blur",T],["spread",B]].forEach(([d,c])=>{e[d]!=null&&c.set(f(e[d],c.get()))}),typeof e.color=="string"&&m(e.color)&&i.set(e.color),u())},get:V}}J("shadow",st);
|
|
2
|
+
//# sourceMappingURL=shadow-AM7VSRNS.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/tweaks/controls/shadow.ts"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["DEF", "num", "v", "d", "fmt", "COLOR_RE", "LEN_RE", "parseShadow", "s", "m", "isColor", "rest", "inset", "lens", "t", "n", "CHEVRON", "icon", "createShadow", "meta", "onChange", "tr", "words", "read", "isObj", "init", "root", "trigger", "right", "triggerRow", "chip", "el", "chipTile", "valueEl", "pop", "stage", "card", "insetSeg", "createSegmented", "update", "emit", "insetRow", "txt", "fields", "field", "label", "value", "min", "f", "numField", "fx", "fy", "fb", "fs", "lengths", "colorRow", "btn", "cSwatch", "cText", "cRight", "body", "createPickerBody", "show", "pop_", "cssAt", "k", "x", "y", "blur", "spread", "popover", "inp", "registerControl"]
|
|
6
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{B as y,H as w,v as c}from"./chunk-ETB35KFV.js";var m=!1,k='@property --twk-float-gap { syntax: "<length>"; inherits: true; initial-value: -1px; } .twk-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .twk-lift-slot { display: block; flex: none; pointer-events: none; }',g=()=>{if(!m){m=!0;try{let e=new CSSStyleSheet;e.replaceSync(k),document.adoptedStyleSheets=[...document.adoptedStyleSheets,e]}catch{let e=c("style");e.textContent=k,document.head.append(e)}}},a=null,S=(e,n)=>[...e].flatMap(t=>{if("styleSheet"in t)try{return S(t.styleSheet.cssRules,n)}catch{return[]}if(!t.cssText.includes("twk-"))return[];if(t instanceof CSSStyleRule||!("cssRules"in t)||"appendRule"in t)return t.cssText.startsWith(":host")&&(n.host=!0),[t.cssText];let s=S(t.cssRules,n);return s.length?[`${t.cssText.slice(0,t.cssText.indexOf("{"))}{${s.join("")}}`]:[]}),R=()=>{if(a||typeof CSSStyleSheet!="function"||!("adoptedStyleSheets"in ShadowRoot.prototype))return a;let e=[],n={host:!1};for(let t of document.styleSheets)try{e.push(...S(t.cssRules,n))}catch{}return n.host&&(a=new CSSStyleSheet,a.replaceSync(e.join(`
|
|
2
|
+
`))),a},b=(e,n,t)=>{let s=R();if(s){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s],t?.();return}let o=c("link");o.rel="stylesheet",o.href=n,t&&(o.addEventListener("load",t),o.addEventListener("error",()=>{console.warn(`[tweaks] shadow: the stylesheet at ${n} didn't load \u2014 the panel is unstyled`),t()})),e.prepend(o)};typeof customElements<"u"&&!customElements.get("twk-host")&&customElements.define("twk-host",class extends HTMLElement{connectedCallback(){this._twOn?.(!0)}disconnectedCallback(){this._twOn?.(!1)}});var C=(e,n,t)=>{let s=typeof t=="object"&&t?.href||new URL("../tweaks.css",import.meta.url).href;g();let o=()=>{e.style.visibility="",y(),requestAnimationFrame(()=>requestAnimationFrame(()=>e.removeAttribute("data-twk-settling")))};e.setAttribute("data-twk-settling",""),b(e.shadowRoot,s,o);let l=c("div","twk-portal-host"),f=l.attachShadow({mode:"open"});b(f,s),Object.defineProperty(e,"_twPortal",{configurable:!0,get:()=>(l.isConnected||document.body.append(l),f)}),e._twSync=()=>{let r=getComputedStyle(n),u=l.style;for(let i of[...u])i.startsWith("--twk-")&&u.removeProperty(i);for(let i=0;i<r.length;i++){let p=r[i];p.startsWith("--twk-")&&u.setProperty(p,r.getPropertyValue(p))}};let h=()=>w(n,e._twSlot||e),d=typeof MutationObserver=="function"?new MutationObserver(h):null;return e._twOn=r=>{r?(h(),d?.observe(document.documentElement,{subtree:!0,attributes:!0,attributeFilter:["data-twk-scheme"]})):queueMicrotask(()=>{e.isConnected||(d?.disconnect(),l.remove())})},e._twOn(e.isConnected),()=>{e._twOn=void 0,d?.disconnect(),l.remove()}};export{C as dress};
|
|
3
|
+
//# sourceMappingURL=shadow-root-RYUV3AGS.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/tweaks/shadow-root.ts"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["pageRules", "PAGE_CSS", "addPageRules", "s", "el", "kitSheet", "kitRules", "rules", "found", "r", "inner", "pageKit", "out", "styled", "root", "href", "done", "kit", "link", "dress", "host", "panel", "opt", "settle", "requestReflow", "portalHost", "portals", "cs", "k", "pin", "carryScheme", "obs", "on"]
|
|
6
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{n as M,o as $}from"./chunk-YB5GKWZI.js";import{$ as k,ga as B,j as v,ma as H,v as m,w as V,x as N}from"./chunk-ETB35KFV.js";var J=k('<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"/>'),K=k('<path d="M3 13V8a5 5 0 0 1 5-5h5"/>',"",1.5,16),Q=k('<path d="M3 10V8a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2"/>',"",1.5,16),W=/^(-?\d*\.?\d+)([a-z%]*)$/i,z=t=>t!=null&&t!==""&&Number.isFinite(+t)?+t:null,S=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),U=t=>{let p=t.trim().split(/\s+/).map(s=>W.exec(s));return p.length<=4&&p.every(Boolean)?p.map(s=>[+s[1],s[2].toLowerCase()]):null},P=(t,p)=>{if(typeof t=="number")return Number.isFinite(t)?[t,t,t,t]:null;if(typeof t=="string"){let s=U(t);return s?S(s.map(i=>i[0])):null}if(Array.isArray(t)){let s=t.map(z);return s.length>=1&&s.length<=4&&s.every(i=>i!==null)?S(s):null}if(t&&typeof t=="object"){let s=t,i=p.slice(),a=!1;return["top","right","bottom","left"].forEach((l,u)=>{let f=z(s[l]);f!==null&&(i[u]=f,a=!0)}),a?i:null}return null},X=(t,p,s)=>{let i=typeof t=="string"&&U(t);if(!i)return"";let a=S(i.map((l,u)=>u)).map((l,u)=>[s[u].toLowerCase(),i[l][0]?i[l][1]:""]).filter(([,l])=>l);return new Set(a.map(([,l])=>l)).size<2?a.length?a[0][1]:"":(console.warn(`[tweaks] sides "${p}": "${t}" mixes units (${a.map(l=>l.join(" ")).join(", ")}) and the control edits one, so all four read as px; write one unit, or set unit`),"")};function Y(t,p){let s=!!t.corners,i=s?["Top-left","Top-right","Bottom-right","Bottom-left"]:["Top","Right","Bottom","Left"],a=H(),l=i.map(e=>a(e.toLowerCase().replace(/-(\w)/,(o,r)=>r.toUpperCase()),e)),u=t.label||t.key,f=t.value??t,y=typeof t.unit=="string"&&t.unit.trim()||X(f,u,i)||"px",n=P(f,[0,0,0,0]),x={step:t.step??Math.min(1,...(n||[]).map($)),min:t.min??(s?0:void 0),max:t.max,unit:y},j=e=>String(+e.toFixed(Math.max(2,v(+x.step))));!n&&t.value!=null&&(typeof t.value!="object"||Array.isArray(t.value))&&console.warn(`[tweaks] sides "${u}": can't read ${JSON.stringify(t.value)?.slice(0,60)}, so it starts at 0; it takes one to four numbers or plain lengths, like "8px 16px"`),n=n||[0,0,0,0];let c=n.every(e=>e===n[0]),C=m("div","twk-sides"),b=M({label:t.label,value:n[0],row:!0,...x},e=>{n=[e,e,e,e],h(),L()}),A=s?a("splitCorners","Independent corners"):a("splitSides","Independent sides"),d=V("twk-sides-link",J);d.setAttribute("aria-label",A),d.title=A,d.addEventListener("click",()=>D());let O=m("div","twk-sides-multi"),E=m("div","twk-sides-head"),T=m("span","twk-sides-sum"),F=document.createTextNode("");T.append(F,N("span","twk-sides-unit",y)),E.append(N("span","twk-row-label",t.label),T);let I=m("div","twk-fields"),g=l.map((e,o)=>M({label:e,value:n[o],...x},r=>{n[o]=r,h(),L()}));g.forEach((e,o)=>{let r=e.el.querySelector(".twk-field-label");r.title=l[o],r.classList.add("twk-sides-glyph"),r.dataset.at=i[o].toLowerCase(),r.innerHTML=s?K:Q,I.append(e.el)}),O.append(E,I),C.append(b.el,O),n=g.map(e=>e.get());let q=()=>{let[e,o,r,w]=n.map(j),G=_=>_==="0"?"0":_+y;return(e===r&&o===w?e===o?[e]:[e,o]:o===w?[e,o,r]:[e,o,r,w]).map(G).join(" ")},R=()=>({top:n[0],right:n[1],bottom:n[2],left:n[3],css:q()}),L=()=>p(R()),h=()=>{C.classList.toggle("is-linked",c),d.setAttribute("aria-pressed",String(!c)),(c?b.el:E).append(d),b.set(n[0]),g.forEach((e,o)=>e.set(n[o])),F.data=n.map(j).join(" ")},D=()=>{c=!c,c&&(n=[n[0],n[0],n[0],n[0]]),h(),L(),d.focus()};return h(),{el:C,set:e=>{let o=P(e,n);o&&(g.forEach((r,w)=>r.set(o[w])),n=g.map(r=>r.get()),c=n.every(r=>r===n[0]),h())},get:R,range:b.range}}B("sides",Y);
|
|
2
|
+
//# sourceMappingURL=sides-JWIURDA4.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/tweaks/controls/sides.ts"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["ICON_SPLIT", "icon", "ICON_CORNER", "ICON_EDGE", "LEN_RE", "num", "v", "expand", "n", "lengths", "s", "m", "t", "x", "read", "cur", "o", "out", "any", "k", "i", "saidUnit", "name", "sides", "said", "_", "u", "createSides", "meta", "onChange", "corners", "names", "tr", "words", "shown", "c", "init", "unit", "spec", "decimalStep", "fmt", "stepPrecision", "linked", "root", "el", "all", "numField", "update", "emit", "split", "link", "btn", "toggle", "multi", "head", "sum", "nums", "txt", "fields", "flds", "f", "lab", "css", "r", "b", "l", "value", "registerControl"]
|
|
6
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{b as Z,c as $,g as ee,i as ne,n as S,p as se,q as te,t as ie,x as oe}from"./chunk-YB5GKWZI.js";import{A as re,_ as ue,g as U,ga as ce,ma as le,v as y,x as X,z as ae}from"./chunk-ETB35KFV.js";function we(a,me){let f=le(),T=(e,n,s)=>Number.isFinite(+e)?Math.max(n,+e):s,x=e=>({stiffness:T(e.stiffness,1,300),damping:T(e.damping,.5,26),mass:T(e.mass,.1,1)}),o=e=>Number.isFinite(+e),[j,G]=se,V=!1,F=e=>{let n=o(e)?+e:.5,s=U(n,j,G);return s!==n&&!V&&(V=!0,oe("springDur",[a.key,n,s])),s},R=e=>U(o(e)?+e:.2,-1,1),z=e=>+e.toPrecision(10),de=e=>{let n=te(e.visualDuration,e.bounce);return{stiffness:z(n.stiffness),damping:z(n.damping),mass:n.mass}},_=e=>e==="time"||e==="physics"?e:null,m={stiffness:a.stiffness,damping:a.damping,mass:a.mass,visualDuration:a.visualDuration,bounce:a.bounce,...a.value||{}},r=_(m.mode)??_(a.mode)??(o(m.visualDuration)||o(m.bounce)?"time":"physics"),i={visualDuration:F(m.visualDuration),bounce:R(m.bounce)},u=x({stiffness:m.stiffness,damping:m.damping,mass:m.mass}),v=y("div","twk-spring"),d=y("div","twk-spring-viz"),g=document.createElement("canvas");g.className="twk-spring-canvas",d.append(g);let C=y("div","twk-fields"),N=y("div","twk-fields"),t=g.getContext("2d"),A=()=>r==="time"?de(i):x(u),c=()=>{let e=Math.max(1,d.clientWidth),n=Math.max(1,d.clientHeight);if(e<2)return;let s=window.devicePixelRatio||1;g.width=e*s,g.height=n*s,t.setTransform(s,0,0,s,0,0),t.clearRect(0,0,e,n);let p=A(),O=ie(p.stiffness,p.damping,p.mass,Math.max(160,Math.round(e*s))),be=Math.max(1.05,...O),b=8,Q=w=>b+w/(O.length-1)*(e-2*b),P=w=>n-b-w/be*(n-2*b);t.strokeStyle=Z(v,"--twk-surface-active")||"rgba(255,255,255,0.1)",t.lineWidth=1,t.beginPath(),t.moveTo(b,P(1)),t.lineTo(e-b,P(1)),t.stroke(),t.strokeStyle=$(v),t.lineWidth=1.5,t.lineJoin=t.lineCap="round",t.beginPath(),O.forEach((w,I)=>I?t.lineTo(Q(I),P(w)):t.moveTo(Q(I),P(w))),t.stroke()},L=()=>r==="time"?{...A(),visualDuration:i.visualDuration,bounce:i.bounce}:A(),D=()=>me(L()),l={};[["stiffness","Stiffness",1],["damping","Damping",.5],["mass","Mass",.1]].forEach(([e,n,s])=>{l[e]=S({label:f(e,n),value:u[e],step:s,min:s},p=>{u[e]=p,c(),D()}),C.append(l[e].el)});let M=S({label:f("duration","Duration"),value:i.visualDuration*1e3,step:10,min:j*1e3,max:G*1e3,unit:"ms"},e=>{i.visualDuration=F(e/1e3),c(),D()}),k=S({label:f("bounce","Bounce"),value:i.bounce*100,step:5,min:-100,max:100,unit:"%"},e=>{i.bounce=R(e/100),c(),D()});N.append(M.el,k.el);let E=()=>{N.style.display=r==="time"?"":"none",C.style.display=r==="physics"?"":"none"},pe=e=>{e!=="time"&&e!=="physics"||e===r||(r=e,E(),c(),D())},W=ue([{value:"time",label:f("time","Time")},{value:"physics",label:f("physics","Physics")}],r,pe,f("springMode","Spring mode")),B=y("div","twk-row");B.append(X("span","twk-row-label",f("mode","Mode")),W.el),a.label&&v.append(X("div","twk-spring-label",a.label)),v.append(d,B,C,N);let K=1,fe=500,q=1,ge=40,H=.1,he=1,J=e=>{let[n,s]=ne(e,d);r==="time"?(M.set((H+n*(he-H))*1e3),i.visualDuration=M.get()/1e3,k.set((1-2*s)*100),i.bounce=k.get()/100):(l.stiffness.set(K+n*(fe-K)),u.stiffness=l.stiffness.get(),l.damping.set(q+s*(ge-q)),u.damping=l.damping.get()),c(),D()};ee(d,{onDown:e=>{e.preventDefault(),d.classList.add("is-dragging"),J(e)},onMove:J,onEnd:()=>d.classList.remove("is-dragging")}),E(),ae(c),re(g,[[window,"resize"],[window,"twk-reflow"],[matchMedia("(prefers-color-scheme: dark)"),"change"],[window,"twk-retheme"]],c);let h=null,Y=!1;return typeof MutationObserver=="function"&&(h=new MutationObserver(()=>{g.isConnected?(Y=!0,requestAnimationFrame(c)):Y&&(h.disconnect(),h=null)}),h.observe(document.documentElement,{subtree:!0,attributes:!0,attributeFilter:["data-twk-scheme"]})),{el:v,destroy:()=>{h&&(h.disconnect(),h=null)},set:e=>{if(!e||typeof e!="object")return;let n=_(e.mode),s=o(e.visualDuration)||o(e.bounce),p=o(e.stiffness)||o(e.damping)||o(e.mass);!s&&!p&&!n||(r=n??(s?"time":"physics"),s&&(o(e.visualDuration)&&(i.visualDuration=F(e.visualDuration)),o(e.bounce)&&(i.bounce=R(e.bounce))),p&&(u=x({...u,...e})),W.set(r),M.set(i.visualDuration*1e3),k.set(i.bounce*100),l.stiffness.set(u.stiffness),l.damping.set(u.damping),l.mass.set(u.mass),E(),c())},get:()=>L()}}ce("spring",we);
|
|
2
|
+
//# sourceMappingURL=spring-BF5GBTPM.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/tweaks/controls/spring.ts"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["createSpring", "meta", "onChange", "tr", "words", "cl", "v", "lo", "def", "clampS", "o", "has", "x", "DUR_MIN", "DUR_MAX", "SPRING_DUR", "said", "clampDur", "c", "clamp", "notice", "clampBounce", "sig", "timeToPhysics", "t", "p", "springFromTime", "explicit", "m", "init", "mode", "time", "phys", "root", "el", "viz", "canvas", "physFields", "timeFields", "ctx", "resolved", "draw", "w", "h", "dpr", "s", "pts", "springCurve", "peak", "pad", "X", "i", "Y", "cssVar", "accentColor", "resolvedValue", "emit", "flds", "key", "lab", "step", "numField", "durFld", "bounceFld", "showMode", "switchMode", "modeToggle", "createSegmented", "modeRow", "txt", "ST_MIN", "ST_MAX", "DA_MIN", "DA_MAX", "DRAG_DUR_MIN", "DRAG_DUR_MAX", "fromPointer", "px", "py", "boxFrac", "dragGesture", "onReady", "onLive", "schemeObs", "wasMounted", "ex", "hasTime", "hasPhys", "registerControl"]
|
|
6
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{B as g,R as k,Z as w,ga as E,v as s,x as m,z as f}from"./chunk-ETB35KFV.js";var x=0;function y($){let o=`twk-tabs-${++x}`,c=s("div","twk-tabs"),r=s("div","twk-tabs-bar");r.setAttribute("role","tablist");let l=s("div","twk-tabs-pill");r.append(l);let u=s("div","twk-tabs-pages"),b=[],i=$.pages.map((e,a)=>{let t=m("button","twk-tabs-tab",e.title);t.setAttribute("role","tab"),t.id=`${o}-tab-${a}`,t.setAttribute("aria-controls",`${o}-page-${a}`);let n=s("div","twk-tabs-page twk-controls");return n.setAttribute("role","tabpanel"),n.id=`${o}-page-${a}`,n.setAttribute("aria-labelledby",t.id),b.push(n),u.append(n),t.addEventListener("click",()=>d(a)),r.append(t),t});c.append(r,u);let p=e=>k(r,l,e),v=e=>{i.forEach((a,t)=>{a.dataset.active=String(t===e),a.setAttribute("aria-selected",String(t===e)),a.tabIndex=t===e?0:-1}),b.forEach((a,t)=>a.dataset.active=String(t===e))};v(0);function d(e){v(e),p(!0),g()}return r.addEventListener("keydown",e=>{let a=i.findIndex(n=>n.dataset.active==="true");if(a<0)return;let t=w(e.key,a,i.length,-1);t<0||(e.preventDefault(),d(t),i[t].focus())}),f(p),{el:c,bodies:b,activate:d,active:()=>i.findIndex(e=>e.dataset.active==="true")}}E("tabs",y);
|
|
2
|
+
//# sourceMappingURL=tabs-PRVUUZXZ.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/tweaks/controls/tabs.ts"],
|
|
4
|
+
"mappings": "mFAYA,IAAIA,EAAU,EACd,SAASC,EAAWC,EAAyB,CAC3C,IAAMC,EAAM,YAAY,EAAEH,CAAO,GAC3BI,EAAOC,EAAG,MAAO,UAAU,EAC3BC,EAAMD,EAAG,MAAO,cAAc,EACpCC,EAAI,aAAa,OAAQ,SAAS,EAClC,IAAMC,EAAOF,EAAG,MAAO,eAAe,EACtCC,EAAI,OAAOC,CAAI,EACf,IAAMC,EAAYH,EAAG,MAAO,gBAAgB,EACtCI,EAA2B,CAAC,EAC5BC,EAAOR,EAAK,MAAM,IAAI,CAACS,EAAMC,IAAM,CACvC,IAAMC,EAAMC,EAAI,SAAU,eAAgBH,EAAK,KAAK,EACpDE,EAAI,aAAa,OAAQ,KAAK,EAC9BA,EAAI,GAAK,GAAGV,CAAG,QAAQS,CAAC,GACxBC,EAAI,aAAa,gBAAiB,GAAGV,CAAG,SAASS,CAAC,EAAE,EACpD,IAAMG,EAAOV,EAAG,MAAO,4BAA4B,EACnD,OAAAU,EAAK,aAAa,OAAQ,UAAU,EACpCA,EAAK,GAAK,GAAGZ,CAAG,SAASS,CAAC,GAC1BG,EAAK,aAAa,kBAAmBF,EAAI,EAAE,EAC3CJ,EAAO,KAAKM,CAAI,EAChBP,EAAU,OAAOO,CAAI,EACrBF,EAAI,iBAAiB,QAAS,IAAMG,EAASJ,CAAC,CAAC,EAC/CN,EAAI,OAAOO,CAAG,EACPA,CACT,CAAC,EACDT,EAAK,OAAOE,EAAKE,CAAS,EAC1B,IAAMS,EAAWC,GAAsBC,EAAYb,EAAKC,EAAMW,CAAO,EAE/DE,EAAQR,GAAc,CAC1BF,EAAK,QAAQ,CAACW,EAAGC,IAAM,CACrBD,EAAE,QAAQ,OAAS,OAAOC,IAAMV,CAAC,EACjCS,EAAE,aAAa,gBAAiB,OAAOC,IAAMV,CAAC,CAAC,EAC/CS,EAAE,SAAWC,IAAMV,EAAI,EAAI,EAC7B,CAAC,EACDH,EAAO,QAAQ,CAACY,EAAGC,IAAOD,EAAE,QAAQ,OAAS,OAAOC,IAAMV,CAAC,CAAE,CAC/D,EACAQ,EAAK,CAAC,EACN,SAASJ,EAASJ,EAAW,CAC3BQ,EAAKR,CAAC,EACNK,EAAQ,EAAI,EACZM,EAAc,CAChB,CACA,OAAAjB,EAAI,iBAAiB,UAAY,GAAM,CACrC,IAAMM,EAAIF,EAAK,UAAWW,GAAMA,EAAE,QAAQ,SAAW,MAAM,EAC3D,GAAIT,EAAI,EAAG,OACX,IAAMY,EAAIC,EAAS,EAAE,IAAKb,EAAGF,EAAK,OAAQ,EAAE,EACxCc,EAAI,IACR,EAAE,eAAe,EACjBR,EAASQ,CAAC,EACVd,EAAKc,CAAC,EAAE,MAAM,EAChB,CAAC,EACDE,EAAQT,CAAO,EACR,CAAE,GAAIb,EAAM,OAAAK,EAAQ,SAAAO,EAAU,OAAQ,IAAMN,EAAK,UAAWiB,GAAMA,EAAE,QAAQ,SAAW,MAAM,CAAE,CACxG,CAEAC,EAAgB,OAAQ3B,CAAU",
|
|
5
|
+
"names": ["tabsSeq", "createTabs", "meta", "uid", "root", "el", "bar", "pill", "pagesWrap", "bodies", "tabs", "page", "i", "tab", "txt", "body", "activate", "measure", "animate", "measurePill", "mark", "b", "k", "requestReflow", "j", "navIndex", "onReady", "t", "registerControl"]
|
|
6
|
+
}
|
package/dist/tweaks.css
CHANGED
|
@@ -1 +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);--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-spring,.tw-bezier,.tw-plot):not(.is-disabled):hover :is(.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:1 1 5ch;min-width:5ch;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:0 1 auto;min-width:0;margin-left:auto;display:grid;grid-template-columns:repeat(var(--tw-rg-cols, 3),minmax(0,auto));gap:4px}.tw-radiogrid.is-grid .tw-radiogrid-label{flex:0 1 auto;min-width:0}.tw-radiogrid.is-grid .tw-radiogrid-grid{flex:1 1 0;max-width:max-content;grid-template-columns:repeat(var(--tw-rg-cols, 3),minmax(0,1fr))}.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);padding-top:4px;padding-bottom:4px}.tw-buttongroup-btns{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0;margin-right:-6px}.tw-buttongroup:not(:has(>.tw-row-label)){padding-left:4px}.tw-buttongroup-btn{flex:1 1 0;min-width:min-content;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,.tw-select-trigger:hover .tw-select-chevron{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:15px;height:15px;flex-shrink:0;color:var(--tw-text-section);opacity:.6;margin-right:-3.75px;transition:transform .2s var(--tw-ease-out),color .15s}.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='15' height='15' 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 6.25px 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)+:is(.tw-image-text,.tw-trigger-value){display:none}.tw-image-thumb{width:24px;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-foot{display:grid;grid-template-rows:1fr;pointer-events:none;transition:grid-template-rows .35s var(--tw-ease-fold),margin-top .35s var(--tw-ease-fold)}.tw-image-foot[data-open=false]{grid-template-rows:0fr;margin-top:-6px}.tw-image-foot-row{display:flex;align-items:stretch;justify-content:flex-end;min-height:0;overflow:hidden}.tw-image-foot-row>*{pointer-events:auto}.tw-image-foot .tw-image-upload{flex:1;min-width:0}.tw-image-clear-slot{display:grid;grid-template-columns:1fr;margin-left:6px;overflow:hidden;transition:grid-template-columns .35s var(--tw-ease-fold),margin-left .35s var(--tw-ease-fold),opacity .35s var(--tw-ease-fold)}.tw-image-clear-slot[data-open=false]{grid-template-columns:0fr;margin-left:0;opacity:0}.tw-image-clear-slot .tw-image-clear{height:auto;min-height:24px;min-width:0;padding:0 10px;white-space:nowrap;transition:padding .35s var(--tw-ease-fold),background .15s,color .15s,transform .24s var(--tw-ease-pop)}.tw-image-clear-slot[data-open=false] .tw-image-clear{padding:0}.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);opacity:.6;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{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-spring,.tw-bezier,.tw-plot){padding:4px;background:var(--tw-surface);border-radius:var(--tw-radius)}: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}}
|
|
1
|
+
:where(.twk-panel,.twk-portal):not(.twk-in-shadow){--twk-surface: light-dark(rgba(255, 255, 255, .82), rgba(255, 255, 255, .04));--twk-surface-hover: light-dark(rgba(0, 0, 0, .04), rgba(255, 255, 255, .075));--twk-surface-active: light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .13));--twk-text-root: light-dark(#1a1a1a, #fafafa);--twk-text-section: light-dark(rgba(0, 0, 0, .62), rgba(255, 255, 255, .64));--twk-text-label: light-dark(rgba(0, 0, 0, .58), rgba(255, 255, 255, .64));--twk-text-focus: light-dark(#000000, #ffffff);--twk-text-primary: light-dark(rgba(0, 0, 0, .88), rgba(255, 255, 255, .92));--twk-text-secondary: light-dark(rgba(0, 0, 0, .58), rgba(255, 255, 255, .56));--twk-text-tertiary: light-dark(rgba(0, 0, 0, .55), rgba(255, 255, 255, .5));--twk-on-accent: var(--twk-text-primary);--twk-border: light-dark(rgba(0, 0, 0, .045), rgba(255, 255, 255, .045));--twk-border-hover: light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .11));--twk-selection: light-dark(rgba(0, 0, 0, .14), rgba(255, 255, 255, .22));--twk-base: light-dark(#f3f3f3, #242424);--twk-checker: repeating-conic-gradient(#6b6b6b 0% 25%, #9a9a9a 0% 50%) 0 0 / 8px 8px;--twk-dropdown-bg: light-dark(#f6f6f6, #292929);--twk-radius: 8px;--twk-row-height: 32px;--twk-width: 256px;--twk-shadow-dropdown: 0 12px 32px -8px light-dark(rgba(0, 0, 0, .14), rgba(0, 0, 0, .6));--twk-shadow-panel: 0 0 0 1px light-dark(var(--twk-border), rgba(255, 255, 255, .06)), 0 8px 28px -8px light-dark(transparent, rgba(0, 0, 0, .5)), 0 18px 48px -16px light-dark(transparent, rgba(0, 0, 0, .38)), 0 2px 8px -2px light-dark(rgba(0, 0, 0, .08), transparent), 0 18px 44px -12px light-dark(rgba(0, 0, 0, .16), transparent);--twk-shadow-panel-lifted: 0 0 0 1px light-dark(var(--twk-border-hover), rgba(255, 255, 255, .08)), 0 12px 32px -8px light-dark(transparent, rgba(0, 0, 0, .55)), 0 28px 64px -16px light-dark(transparent, rgba(0, 0, 0, .45)), 0 6px 16px -3px light-dark(rgba(0, 0, 0, .12), transparent), 0 30px 70px -16px light-dark(rgba(0, 0, 0, .2), transparent);--twk-success: light-dark(#15803d, #86efac);--twk-danger: light-dark(#c23232, #ff5f5f);--twk-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--twk-font-mono: ui-monospace, "SF Mono", Menlo, monospace;--twk-ease-out: cubic-bezier(.25, 1, .5, 1);--twk-ease-spring: cubic-bezier(.22, 1, .36, 1);--twk-ease-pop: cubic-bezier(.34, 1.56, .64, 1);--twk-ease-inout: cubic-bezier(.4, 0, .2, 1);--twk-ease-fold: linear(0, .077, .237, .411, .57, .699, .797, .869, .918, .952, .973, .986, .994, .998, 1);--twk-press-icon: .88;--twk-press-chip: .95;--twk-press-row: .985}:host(.twk-host),:host(.twk-portal-host){display:block;--twk-surface: light-dark(rgba(255, 255, 255, .82), rgba(255, 255, 255, .04));--twk-surface-hover: light-dark(rgba(0, 0, 0, .04), rgba(255, 255, 255, .075));--twk-surface-active: light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .13));--twk-text-root: light-dark(#1a1a1a, #fafafa);--twk-text-section: light-dark(rgba(0, 0, 0, .62), rgba(255, 255, 255, .64));--twk-text-label: light-dark(rgba(0, 0, 0, .58), rgba(255, 255, 255, .64));--twk-text-focus: light-dark(#000000, #ffffff);--twk-text-primary: light-dark(rgba(0, 0, 0, .88), rgba(255, 255, 255, .92));--twk-text-secondary: light-dark(rgba(0, 0, 0, .58), rgba(255, 255, 255, .56));--twk-text-tertiary: light-dark(rgba(0, 0, 0, .55), rgba(255, 255, 255, .5));--twk-on-accent: var(--twk-text-primary);--twk-border: light-dark(rgba(0, 0, 0, .045), rgba(255, 255, 255, .045));--twk-border-hover: light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .11));--twk-selection: light-dark(rgba(0, 0, 0, .14), rgba(255, 255, 255, .22));--twk-base: light-dark(#f3f3f3, #242424);--twk-checker: repeating-conic-gradient(#6b6b6b 0% 25%, #9a9a9a 0% 50%) 0 0 / 8px 8px;--twk-dropdown-bg: light-dark(#f6f6f6, #292929);--twk-radius: 8px;--twk-row-height: 32px;--twk-width: 256px;--twk-shadow-dropdown: 0 12px 32px -8px light-dark(rgba(0, 0, 0, .14), rgba(0, 0, 0, .6));--twk-shadow-panel: 0 0 0 1px light-dark(var(--twk-border), rgba(255, 255, 255, .06)), 0 8px 28px -8px light-dark(transparent, rgba(0, 0, 0, .5)), 0 18px 48px -16px light-dark(transparent, rgba(0, 0, 0, .38)), 0 2px 8px -2px light-dark(rgba(0, 0, 0, .08), transparent), 0 18px 44px -12px light-dark(rgba(0, 0, 0, .16), transparent);--twk-shadow-panel-lifted: 0 0 0 1px light-dark(var(--twk-border-hover), rgba(255, 255, 255, .08)), 0 12px 32px -8px light-dark(transparent, rgba(0, 0, 0, .55)), 0 28px 64px -16px light-dark(transparent, rgba(0, 0, 0, .45)), 0 6px 16px -3px light-dark(rgba(0, 0, 0, .12), transparent), 0 30px 70px -16px light-dark(rgba(0, 0, 0, .2), transparent);--twk-success: light-dark(#15803d, #86efac);--twk-danger: light-dark(#c23232, #ff5f5f);--twk-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--twk-font-mono: ui-monospace, "SF Mono", Menlo, monospace;--twk-ease-out: cubic-bezier(.25, 1, .5, 1);--twk-ease-spring: cubic-bezier(.22, 1, .36, 1);--twk-ease-pop: cubic-bezier(.34, 1.56, .64, 1);--twk-ease-inout: cubic-bezier(.4, 0, .2, 1);--twk-ease-fold: linear(0, .077, .237, .411, .57, .699, .797, .869, .918, .952, .973, .986, .994, .998, 1);--twk-press-icon: .88;--twk-press-chip: .95;--twk-press-row: .985}:host(.twk-host[hidden]){display:none}:host([data-twk-settling]) *,:host([data-twk-settling]) *:before,:host([data-twk-settling]) *:after{transition:none!important}.twk-panel,.twk-portal{font-family:var(--twk-font-sans);line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;color-scheme:light dark;box-sizing:border-box}.twk-panel{width:var(--twk-width);background:var(--twk-base);box-shadow:var(--twk-shadow-panel);border-radius:calc(var(--twk-radius) + 10px);padding:10px}.twk-panel *,.twk-panel *:before,.twk-panel *:after{box-sizing:border-box}:is(.twk-panel,.twk-portal) ::selection{background:var(--twk-selection);color:var(--twk-text-focus)}.twk-panel[data-mode=floating]{position:fixed}.twk-panel:where([data-mode=floating]){left:var(--twk-float-x);top:var(--twk-float-y);max-height:var(--twk-float-max-h);z-index:99990;box-shadow:var(--twk-shadow-panel-lifted)}.twk-panel:where(.is-raised){z-index:99991}.twk-panel[data-draggable=true][data-mode=floating]{transition:box-shadow .25s var(--twk-ease-out)}@property --twk-float-gap{syntax: "<length>"; inherits: true; initial-value: -1px;}.twk-lift-slot{display:block;flex:none;pointer-events:none}.twk-panel[data-draggable=true]>.twk-header,.twk-panel[data-draggable=true]>.twk-header .twk-header-toggle{cursor:grab}.twk-panel[data-draggable=true]>.twk-header{touch-action:none;margin-top:-10px;padding-top:10px}.twk-panel.is-snapping{transition:left .32s var(--twk-ease-spring),top .32s var(--twk-ease-spring),right .32s var(--twk-ease-spring),bottom .32s var(--twk-ease-spring)}.twk-panel.is-dragging{-webkit-user-select:none;user-select:none;box-shadow:var(--twk-shadow-panel-lifted);z-index:99991}.twk-panel[data-mode=floating]{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.twk-panel[data-mode=floating]::-webkit-scrollbar{display:none}.twk-panel[data-mode=floating] .twk-slider{touch-action:pan-y}.twk-panel.is-dragging>.twk-header,.twk-panel.is-dragging>.twk-header .twk-header-toggle{cursor:grabbing}:is(.twk-color-pop,.twk-presets-menu){cursor:grab}:is(.twk-color-pop,.twk-presets-menu)>*{cursor:auto}:is(.twk-color-pop,.twk-presets-menu).is-moving,:is(.twk-color-pop,.twk-presets-menu).is-moving *{cursor:grabbing}.twk-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:9px;margin-bottom:8px;border-bottom:1px solid var(--twk-border)}.twk-title{font-size:14px;font-weight:500;line-height:17px;color:var(--twk-text-root);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twk-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}.twk-chevron{width:15px;height:15px;flex-shrink:0;color:var(--twk-text-section);transition:transform .2s var(--twk-ease-out),color .15s}.twk-panel.is-collapsed .twk-chevron{transform:rotate(-90deg)}.twk-toolbar{display:flex;align-items:center;gap:4px}.twk-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(--twk-text-tertiary);cursor:help;pointer-events:auto;transition:color .15s,transform .18s var(--twk-ease-spring)}.twk-hint:focus-visible{color:var(--twk-text-secondary);transform:scale(1.2)}@media(hover:hover)and (pointer:fine){.twk-hint:hover{color:var(--twk-text-secondary);transform:scale(1.2)}}.twk-hint:focus-visible{outline:2px solid var(--twk-accent, var(--twk-text-focus));outline-offset:1px;border-radius:999px}.twk-hint svg{width:13px;height:13px;display:block}.twk-tip{position:fixed;z-index:100000;max-width:220px;padding:8px 12px;font-size:12px;line-height:1.4;color:var(--twk-text-primary);background:var(--twk-dropdown-bg);border:1px solid var(--twk-border);border-radius:8px;box-shadow:var(--twk-shadow-dropdown);pointer-events:none;opacity:0;transform:translateY(2px);transition:opacity .12s,transform .12s}.twk-tip.is-open{opacity:1;transform:none}.twk-sr,.twk-image-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.twk-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .35s var(--twk-ease-fold)}.twk-body>.twk-controls{overflow-x:visible;overflow-y:clip;min-height:0;min-width:0;padding-block:3px;margin-block:-3px}.twk-panel.is-collapsed .twk-body>.twk-controls{padding-block:0;margin-block:0}.twk-panel.is-collapsed .twk-body{grid-template-rows:0fr}.twk-header{transition:margin-bottom .35s var(--twk-ease-fold),padding-bottom .35s var(--twk-ease-fold),border-color .35s var(--twk-ease-fold)}.twk-panel.is-collapsed .twk-header{margin-bottom:0;padding-bottom:0;border-color:transparent}.twk-header:has(+.twk-body>.twk-controls>.twk-folder:first-child){margin-bottom:0}.twk-toolbar-btn{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;flex-shrink:0;background:var(--twk-surface);border:none;border-radius:calc(var(--twk-radius) - 2px);color:var(--twk-text-label);cursor:pointer;will-change:transform;transition:background .15s,color .15s,transform .24s var(--twk-ease-pop)}@media(hover:hover)and (pointer:fine){.twk-toolbar-btn:hover{background:var(--twk-surface-hover);color:var(--twk-text-primary)}}.twk-toolbar-btn:disabled{cursor:default}.twk-toolbar-btn:after{content:"";position:absolute;inset:-2px}.twk-toolbar-btn:active{transform:scale(var(--twk-press-icon));transition:transform .08s ease-out}.twk-toolbar-btn svg{width:14px;height:14px;display:block}.twk-toolbar-btn__icons{position:relative;display:block;width:14px;height:14px}.twk-toolbar-btn__icons svg{position:absolute;inset:0;will-change:transform,filter;filter:blur(0);transition:opacity .25s var(--twk-ease-inout),transform .25s var(--twk-ease-inout),filter .25s var(--twk-ease-inout)}.twk-toolbar-btn__check{opacity:0;transform:scale(.25);filter:blur(2px);color:var(--twk-success)}.twk-toolbar-btn--swap.is-copied .twk-toolbar-btn__copy{opacity:0;transform:scale(.25);filter:blur(2px)}.twk-toolbar-btn--swap.is-copied .twk-toolbar-btn__check{opacity:1;transform:none;filter:blur(0)}.twk-toolbar-btn--reset svg{--twk-spin: 0deg;--twk-wind: 0deg;will-change:transform;transform:rotate(calc(var(--twk-spin) + var(--twk-wind)));transition:transform .34s cubic-bezier(.34,1.55,.5,1)}@media(hover:hover)and (pointer:fine){.twk-toolbar-btn--reset:not(:disabled):hover svg{--twk-wind: 22deg}}.twk-toolbar-btn--reset.is-spinning svg{transition-duration:.5s;transition-timing-function:var(--twk-ease-inout)}.twk-copy-back{transform:translate(calc(-1 * var(--twk-fan, 0px)),calc(-1 * var(--twk-fan, 0px)))}.twk-copy-front{transform:translate(var(--twk-fan, 0px),var(--twk-fan, 0px))}.twk-layer-top{transform:translateY(calc(-1 * var(--twk-lift, 0px)))}.twk-copy-back,.twk-copy-front,.twk-layer-top{transition:transform .3s var(--twk-ease-pop)}@media(hover:hover)and (pointer:fine){.twk-toolbar-btn:not(:disabled):hover{--twk-fan: 1px;--twk-lift: 1.75px}}.twk-toolbar-btn[aria-expanded=true]{--twk-lift: 1.75px}.twk-trigger:focus-visible,.twk-select-trigger:focus-visible,.twk-button:focus-visible,.twk-seg-btn:focus-visible,.twk-seg[role=switch]:focus-visible,.twk-header-toggle:focus-visible,.twk-folder-header:focus-visible,.twk-slider:focus-visible,.twk-pad:focus-visible,.twk-motion-stage:focus-visible,.twk-sides-link:focus-visible,.twk-radiogrid-btn:focus-visible,.twk-buttongroup-btn:focus-visible,.twk-tabs-tab:focus-visible,.twk-image-clear:focus-visible,.twk-text:focus-visible:not(.twk-focus-quiet),.twk-num:focus-visible:not(.twk-focus-quiet),.twk-color-chan-input:focus-visible:not(.twk-focus-quiet),.twk-color-mode:focus-visible,.twk-presets-load:focus-visible,.twk-presets-savebtn:focus-visible,.twk-presets-del:focus-visible,.twk-presets-input:focus-visible:not(.twk-focus-quiet){outline:2px solid var(--twk-accent, var(--twk-text-focus));outline-offset:-2px}.twk-toolbar-btn:focus-visible{outline:2px solid var(--twk-accent, var(--twk-text-focus));outline-offset:1px}.twk-gradient-stop:focus-visible,.twk-gradient-add:focus-visible,.twk-bezier-handle:focus-visible{outline:2px solid var(--twk-accent, var(--twk-text-focus));outline-offset:2px}.twk-controls{display:flex;flex-direction:column;gap:6px}.twk-controls>*{min-width:0}.twk-cond-hidden{display:none!important}.is-disabled{opacity:.4;cursor:not-allowed}.is-disabled *{pointer-events:none}.twk-resettable{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.twk-resettable.twk-resettable{transition:color .15s,background-color .3s ease-out}.twk-resettable.twk-reset-holding{border-radius:calc(var(--twk-radius) - 4px);background-color:var(--twk-surface-active);transition:color .15s,background-color .5s ease-out}.twk-slider-wrap{position:relative;height:var(--twk-row-height)}.twk-slider{position:absolute;inset:0;cursor:pointer;user-select:none;-webkit-user-select:none;overflow:hidden;background:var(--twk-surface);border-radius:var(--twk-radius);touch-action:none}.twk-slider-hashmarks{position:absolute;inset:0;pointer-events:none}.twk-slider-hashmark{position:absolute;top:50%;width:1px;height:8px;border-radius:999px;transform:translate(-50%) translateY(-50%);background:#fff0;transition:background .2s}.twk-slider.is-active .twk-slider-hashmark{background:var(--twk-border-hover)}.twk-slider.is-active .twk-slider-value{color:var(--twk-text-focus)}.twk-slider-fill{position:absolute;top:0;bottom:0;left:0;width:0;background:var(--twk-surface-active);transition:background .15s;pointer-events:none}.twk-slider.is-active .twk-slider-fill{background:var(--twk-accent, var(--twk-border-hover))}.twk-slider-handle{position:absolute;top:50%;left:0;width:3px;height:20px;border-radius:999px;background:var(--twk-text-primary);transform:translateY(-50%) scaleX(.25);opacity:0;pointer-events:none;transition:opacity .15s,transform .2s var(--twk-ease-spring)}.twk-slider.is-hover .twk-slider-handle,.twk-slider:focus-within .twk-slider-handle{opacity:.5;transform:translateY(-50%) scaleX(1)}@media(hover:hover)and (pointer:fine){.twk-slider:hover .twk-slider-handle{opacity:.5;transform:translateY(-50%) scaleX(1)}}.twk-slider.is-active .twk-slider-handle{opacity:.9;transform:translateY(-50%) scaleX(1)}.twk-slider-handle:focus-visible{opacity:.9;transform:translateY(-50%) scaleX(1);outline:2px solid var(--twk-accent, var(--twk-text-focus));outline-offset:2px}.twk-slider.is-active.is-dodge .twk-slider-handle,.twk-slider.is-hover.is-dodge .twk-slider-handle{opacity:.1;transform:translateY(-50%) scaleX(1) scaleY(.75)}@media(hover:hover)and (pointer:fine){.twk-slider:hover.is-dodge .twk-slider-handle{opacity:.1;transform:translateY(-50%) scaleX(1) scaleY(.75)}}.twk-interval.is-active .twk-slider-handle.is-dodge{opacity:.1;transform:translateY(-50%) scaleX(1) scaleY(.75)}.twk-slider-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);max-width:calc(100% - 64px);font-size:12px;font-weight:500;color:var(--twk-text-label);transition:color .15s;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twk-interval .twk-slider-label{max-width:calc(100% - 112px)}.twk-slider-value{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:500;color:var(--twk-text-label);pointer-events:auto;transition:color .15s}.twk-slider-value.is-editable{cursor:text;color:var(--twk-text-focus);text-decoration:underline;text-decoration-color:var(--twk-text-tertiary);text-underline-offset:3px}.twk-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(--twk-font-sans);color:var(--twk-text-label);background:transparent;border:none;padding:0;outline:none;text-align:right}.twk-slider-input:focus{color:var(--twk-text-focus)}.twk-row{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--twk-row-height);padding:2px 10px 2px 12px;background:var(--twk-surface);border-radius:var(--twk-radius)}.twk-row-label{font-size:12px;font-weight:500;line-height:17px;color:var(--twk-text-label);transition:color .15s;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(hover:hover)and (pointer:fine){.twk-slider-wrap:not(.is-disabled):hover .twk-slider-label,:is(.twk-row,.twk-sides,.twk-radiogrid):not(.is-disabled):hover :is(.twk-row-label,.twk-radiogrid-label),:is(.twk-spring,.twk-bezier,.twk-plot):not(.is-disabled):hover :is(.twk-spring-label,.twk-bezier-label,.twk-plot-label){color:var(--twk-text-primary)}}.twk-slider-label:empty,.twk-row-label:empty,.twk-select-label:empty,.twk-radiogrid-label:empty,.twk-trigger-label:empty,.twk-fps-label:empty{display:none}.twk-row-label:empty+*,.twk-select-label:empty+*,.twk-trigger-label:empty+*{margin-left:auto}.twk-seg{position:relative;display:flex;gap:2px;padding:2px;border-radius:var(--twk-radius)}.twk-row .twk-seg{flex-shrink:0;margin-right:-8px}.twk-seg-pill{position:absolute;top:2px;bottom:2px;left:0;width:0;background:var(--twk-accent, var(--twk-surface-active));border-radius:calc(var(--twk-radius) - 2px);z-index:0;pointer-events:none}.twk-seg.is-ready .twk-seg-pill{transition:left .24s var(--twk-ease-out),width .24s var(--twk-ease-out)}.twk-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;line-height:14px;font-weight:500;background:transparent;border:none;cursor:pointer;color:var(--twk-text-label);transition:color .15s,transform .24s var(--twk-ease-pop)}.twk-seg-btn[data-active=true]{color:var(--twk-on-accent)}@media(hover:hover)and (pointer:fine){.twk-seg-btn:not([data-active=true]):hover,.twk-tabs-tab:not([data-active=true]):hover{color:var(--twk-text-primary)}}.twk-seg-btn:active{transform:scale(var(--twk-press-chip));transition:transform .08s ease-out}.twk-row .twk-seg .twk-seg-btn{min-width:0;padding:5px}.twk-radiogrid{display:flex;align-items:flex-start;gap:10px;min-height:var(--twk-row-height);padding:4px 4px 4px 12px;background:var(--twk-surface);border-radius:var(--twk-radius)}.twk-radiogrid-label{flex:1 1 5ch;min-width:5ch;line-height:24px;font-size:12px;font-weight:500;color:var(--twk-text-label);transition:color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twk-radiogrid-grid{flex:0 1 auto;min-width:0;margin-left:auto;display:grid;grid-template-columns:repeat(var(--twk-rg-cols, 3),minmax(0,auto));gap:4px}.twk-radiogrid.is-grid .twk-radiogrid-label{flex:0 1 auto;min-width:0}.twk-radiogrid.is-grid .twk-radiogrid-grid{flex:1 1 0;max-width:max-content;grid-template-columns:repeat(var(--twk-rg-cols, 3),minmax(0,1fr))}.twk-radiogrid-btn{font:inherit;font-size:12px;line-height:14px;font-weight:500;font-variant-numeric:tabular-nums;min-width:24px;padding:5px;text-align:center;color:var(--twk-text-label);background:transparent;border:none;border-radius:calc(var(--twk-radius) - 2px);cursor:pointer;transition:background .15s,color .15s,transform .24s var(--twk-ease-pop);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(hover:hover)and (pointer:fine){.twk-radiogrid-btn:hover{background:var(--twk-surface-hover);color:var(--twk-text-primary)}}.twk-radiogrid-btn:active{transform:scale(var(--twk-press-chip));transition:background .15s,color .15s,transform .08s ease-out}.twk-radiogrid-btn[data-active=true]{background:var(--twk-accent, var(--twk-surface-active));color:var(--twk-on-accent)}.twk-button{display:flex;align-items:center;justify-content:center;width:100%;height:var(--twk-row-height);padding:0 16px;font:inherit;font-size:12px;font-weight:500;color:var(--twk-text-secondary);background:var(--twk-surface);border:none;border-radius:var(--twk-radius);cursor:pointer;transition:background .15s,color .15s,transform .24s var(--twk-ease-pop)}@media(hover:hover)and (pointer:fine){.twk-button:hover{background:var(--twk-surface-hover);color:var(--twk-text-primary)}}.twk-button:active{background:var(--twk-surface-active);transform:scale(var(--twk-press-row));transition:background .15s,color .15s,transform .08s ease-out}.twk-buttongroup{height:auto;min-height:var(--twk-row-height);padding-top:4px;padding-bottom:4px}.twk-buttongroup-btns{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0;margin-right:-6px}.twk-buttongroup:not(:has(>.twk-row-label)){padding-left:4px}.twk-buttongroup-btn{flex:1 1 0;min-width:min-content;padding:5px 8px;font:inherit;font-size:12px;line-height:14px;font-weight:500;color:var(--twk-text-label);background:var(--twk-surface-active);border:none;border-radius:calc(var(--twk-radius) - 2px);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,color .15s,transform .24s var(--twk-ease-pop)}@media(hover:hover)and (pointer:fine){.twk-buttongroup-btn:hover{background:var(--twk-surface-hover);color:var(--twk-text-primary)}}.twk-buttongroup-btn:active{transform:scale(var(--twk-press-chip));transition:background .15s,color .15s,transform .08s ease-out}.twk-separator{height:1px;margin:3px 2px;background:var(--twk-border)}.twk-tabs{display:flex;flex-direction:column;gap:8px}.twk-tabs-bar{position:relative;display:flex;gap:4px;padding:4px;min-width:0;background:var(--twk-surface);border-radius:var(--twk-radius)}.twk-tabs-pill{position:absolute;top:4px;bottom:4px;left:0;width:0;background:var(--twk-surface-active);border-radius:calc(var(--twk-radius) - 2px);z-index:0;transition:left .24s var(--twk-ease-out),width .24s var(--twk-ease-out)}.twk-tabs-tab{position:relative;z-index:1;flex:1;min-width:0;padding:5px 8px;font:inherit;font-size:12px;line-height:14px;font-weight:500;color:var(--twk-text-label);background:transparent;border:none;border-radius:calc(var(--twk-radius) - 2px);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s,transform .24s var(--twk-ease-pop)}.twk-tabs-tab[data-active=true]{color:var(--twk-text-primary)}.twk-tabs-tab:active{transform:scale(var(--twk-press-chip));transition:color .15s,transform .08s ease-out}.twk-tabs-page{display:none;flex-direction:column;gap:6px}.twk-tabs-page[data-active=true]{display:flex;animation:twk-page-in .3s var(--twk-ease-out)}@keyframes twk-page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.twk-select{position:relative}.twk-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:var(--twk-row-height);padding:0 10px 0 12px;font:inherit;font-size:12px;font-weight:500;color:var(--twk-text-label);background:var(--twk-surface);border:none;border-radius:var(--twk-radius);cursor:pointer;transition:background .15s,transform .24s var(--twk-ease-pop)}@media(hover:hover)and (pointer:fine){.twk-select-trigger:hover{background:var(--twk-surface-hover)}.twk-select-trigger:hover .twk-select-label,.twk-select-trigger:hover .twk-select-chevron{color:var(--twk-text-primary)}}.twk-select-trigger:active{transform:scale(var(--twk-press-row));transition:background .15s,transform .08s ease-out}.twk-select.is-open .twk-select-trigger{background:var(--twk-surface-active)}.twk-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}.twk-select-right{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto;max-width:calc(100% - 5ch - 10px)}.twk-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.twk-select-chevron{width:15px;height:15px;flex-shrink:0;color:var(--twk-text-section);opacity:.6;margin-right:-3.75px;transition:transform .2s var(--twk-ease-out),color .15s}.twk-select.is-open .twk-select-chevron{transform:rotate(180deg)}:is(.twk-select-dropdown,.twk-presets-menu,.twk-color-pop){position:fixed;z-index:99999;background:var(--twk-dropdown-bg);border:1px solid var(--twk-border);box-shadow:var(--twk-shadow-dropdown);opacity:0;transform:translateY(-6px) scale(var(--twk-pop-s));pointer-events:none;transition:opacity .16s var(--twk-ease-out),transform .24s var(--twk-ease-spring)}.twk-select-dropdown{padding:4px;border-radius:calc(var(--twk-radius) + 2px);max-height:60vh;overflow-y:auto;transform-origin:top;transition-duration:.16s,.22s}:is(.twk-select-dropdown,.twk-color-pop){max-width:calc(100vw - 16px)}:is(.twk-select-dropdown,.twk-color-pop)[data-side=above]{transform-origin:bottom;transform:translateY(6px) scale(var(--twk-pop-s))}.twk-select-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;font:inherit;font-size:12px;font-weight:500;line-height:14px;color:var(--twk-text-label);background:transparent;border:none;border-radius:calc(var(--twk-radius) - 2px);cursor:pointer;text-align:left;transition:background .15s,color .15s}@media(hover:hover)and (pointer:fine){.twk-select-option:hover{background:var(--twk-surface-hover)}}.twk-select-option:focus-visible{background:var(--twk-surface-hover);color:var(--twk-text-primary);outline:none}.twk-select-option[data-selected=true]{color:var(--twk-on-accent);background:var(--twk-accent, var(--twk-surface-active))}.twk-option-swatch{flex-shrink:0;width:12px;height:12px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--twk-border-hover)}.twk-option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.twk-panel:not([data-mode=floating]):has(.is-picked){overflow:clip}.twk-panel .is-picked{position:relative;isolation:isolate}.twk-panel .is-picked:before{content:"";position:absolute;inset:-3px -100vmax;z-index:-1;pointer-events:none;background:color-mix(in srgb,var(--twk-accent, var(--twk-text-focus)) 5%,transparent)}.twk-panel .twk-folder.is-picked:before{inset-block:0}.twk-panel .is-picked:before{transition:background .35s var(--twk-ease-out)}.twk-panel .is-picked.is-pasted:before{background:color-mix(in srgb,var(--twk-accent, var(--twk-text-focus)) 20%,transparent);transition-duration:.08s}.twk-panel .is-picked.is-refused:before{background:color-mix(in srgb,var(--twk-danger) 18%,transparent);transition-duration:.08s}.twk-presets-menu{width:208px;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:calc(var(--twk-radius) + 4px);transform-origin:top right}.twk-presets-menu[data-side=above]{transform-origin:bottom right;transform:translateY(6px) scale(var(--twk-pop-s))}:is(.twk-select-dropdown,.twk-presets-menu,.twk-color-pop).is-open{opacity:1;transform:none;pointer-events:auto}.twk-presets-save{display:flex;gap:6px}.twk-presets-input{flex:1;min-width:0;font:inherit;font-size:12px;font-weight:500;color:var(--twk-text-primary);background:var(--twk-surface);border:1px solid var(--twk-border);border-radius:calc(var(--twk-radius) - 2px);padding:6px 8px;outline:none}.twk-presets-input:focus{border-color:var(--twk-border-hover)}.twk-presets-input::placeholder{color:var(--twk-text-tertiary)}.twk-presets-savebtn{flex-shrink:0;font:inherit;font-size:12px;font-weight:500;color:var(--twk-text-primary);background:var(--twk-surface);border:none;border-radius:calc(var(--twk-radius) - 2px);padding:6px 10px;cursor:pointer;transition:background .15s,transform .24s var(--twk-ease-pop)}@media(hover:hover)and (pointer:fine){.twk-presets-savebtn:hover{background:var(--twk-surface-hover)}}.twk-presets-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.twk-presets-empty{padding:8px;font-size:12px;font-weight:500;color:var(--twk-text-tertiary);text-align:center}.twk-presets-row{display:flex;align-items:center;gap:2px}.twk-presets-load{flex:1;min-width:0;text-align:left;font:inherit;font-size:12px;font-weight:500;color:var(--twk-text-label);background:transparent;border:none;border-radius:calc(var(--twk-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){.twk-presets-load:hover{background:var(--twk-surface-hover);color:var(--twk-text-primary)}}.twk-presets-del{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--twk-text-tertiary);background:transparent;border:none;border-radius:calc(var(--twk-radius) - 2px);cursor:pointer;transition:background .15s,color .15s,transform .24s var(--twk-ease-pop)}@media(hover:hover)and (pointer:fine){.twk-presets-del:hover{background:var(--twk-surface-hover);color:var(--twk-text-primary)}}.twk-presets-del:active{transform:scale(var(--twk-press-icon));transition:background .15s,color .15s,transform .08s ease-out}.twk-presets-savebtn:active{transform:scale(var(--twk-press-chip));transition:background .15s,transform .08s ease-out}.twk-presets-del svg{width:12px;height:12px;display:block}.twk-image-clear{flex-shrink:0;height:24px;padding:0 6px;font:inherit;font-size:12px;font-weight:500;color:var(--twk-text-tertiary);background:transparent;border:none;border-radius:calc(var(--twk-radius) - 2px);cursor:pointer;transition:background .15s,color .15s,transform .24s var(--twk-ease-pop)}@media(hover:hover)and (pointer:fine){.twk-image-clear:hover{background:var(--twk-surface-hover);color:var(--twk-text-primary)}}.twk-image-clear:active{transform:scale(var(--twk-press-chip));transition:background .15s,color .15s,transform .08s ease-out}.twk-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:var(--twk-row-height);padding:0 10px 0 12px;font:inherit;font-size:12px;font-weight:500;color:var(--twk-text-label);cursor:pointer;background:var(--twk-surface);border:none;border-radius:var(--twk-radius);transition:background .15s,transform .24s var(--twk-ease-pop)}@media(hover:hover)and (pointer:fine){.twk-trigger:hover{background:var(--twk-surface-hover)}.twk-trigger:hover .twk-trigger-label{color:var(--twk-text-primary)}}.twk-trigger:active{transform:scale(var(--twk-press-row));transition:background .15s,transform .08s ease-out}.is-open>.twk-trigger{background:var(--twk-surface-active)}.twk-trigger-label{transition:color .15s;flex:1 1 0;min-width:5ch;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twk-trigger-right{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto;max-width:calc(100% - 5ch - 10px)}.twk-trigger-value{word-spacing:.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:20ch}.twk-trigger-chip{height:18px;flex-shrink:0;border-radius:calc(var(--twk-radius) - 4px);box-shadow:inset 0 0 0 1px var(--twk-border-hover);transition:transform .2s var(--twk-ease-spring)}.is-open>.twk-trigger .twk-trigger-chip{transform:scale(1.07)}.twk-color{position:relative}.twk-color-swatch{width:18px}.twk-portal *,.twk-portal *:before,.twk-portal *:after{box-sizing:border-box}.twk-portal{--twk-pop-s: max(.96, calc(1 - 5 / var(--twk-pop-h, 125)))}.twk-color-pop{min-width:236px;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:calc(var(--twk-radius) + 10px);max-height:calc(100dvh - 16px);overflow-y:auto;overflow-x:clip;transform-origin:top}.twk-color-body{display:flex;flex-direction:column;gap:8px;min-width:0}.twk-color-mode-row{display:flex;align-items:center;gap:8px}.twk-color-mode{appearance:none;font:inherit;font-size:12px;font-weight:500;color:var(--twk-text-primary);background-color:var(--twk-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' 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 6.25px center;border:1px solid var(--twk-border);border-radius:calc(var(--twk-radius) - 2px);padding:4px 26px 4px 10px;line-height:14px;cursor:pointer;outline:none}@media(hover:hover)and (pointer:fine){.twk-color-mode:hover{background-color:var(--twk-surface-hover)}}.twk-color-mode:focus-visible{border-color:var(--twk-border-hover)}.twk-color-gamut{margin-left:auto;font-size:12px;font-weight:500;color:var(--twk-text-tertiary)}.twk-color-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.twk-color-channels--hex{grid-template-columns:1fr}.twk-color-chan{display:flex;flex-direction:column;gap:3px;min-width:0}.twk-color-chan-label{font-size:10px;font-weight:600;letter-spacing:.03em;color:var(--twk-text-tertiary);text-transform:uppercase}.twk-color-chan-input{width:100%;min-width:0;font:inherit;font-size:12px;font-weight:500;color:var(--twk-text-label);background:var(--twk-surface);border:1px solid var(--twk-border);border-radius:calc(var(--twk-radius) - 2px);padding:5px 6px;outline:none;text-transform:uppercase}.twk-color-chan-input:focus{color:var(--twk-text-focus);border-color:var(--twk-border-hover)}.twk-wg-area{position:relative;width:100%;height:140px;border-radius:var(--twk-radius);cursor:crosshair;touch-action:none;box-shadow:inset 0 0 0 1px var(--twk-border)}.twk-wg-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:inherit}.twk-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(--twk-ease-spring),box-shadow .18s}.twk-wg-hue,.twk-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(--twk-border)}.twk-wg-alpha{background:var(--twk-checker)}.twk-wg-hue-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:inherit}.twk-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(--twk-ease-spring),box-shadow .18s}.twk-wg-area.is-grabbing .twk-wg-thumb,.twk-wg-hue.is-grabbing .twk-wg-hue-thumb,.twk-wg-alpha.is-grabbing .twk-wg-hue-thumb{transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 0 1px #00000073,0 2px 8px #00000073}.twk-wg-alpha-grad{position:absolute;inset:0;border-radius:inherit}.twk-gradient{position:relative}.twk-gradient-preview{width:72px;background:var(--twk-checker)}.twk-gradient-pop .twk-color-mode-row{gap:4px}.twk-gradient-pop .twk-color-mode{padding-left:6px;padding-right:20px}.twk-gradient-bar-row{display:flex;align-items:stretch;gap:6px}.twk-gradient-bar-row>.twk-gradient-bar{flex:1;min-width:0}.twk-gradient-bar{position:relative;width:100%;height:28px;border-radius:var(--twk-radius);box-shadow:inset 0 0 0 1px var(--twk-border);background:var(--twk-checker)}.twk-gradient-grad{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.twk-gradient-rail{position:absolute;left:0;right:0;bottom:-5px;height:14px;pointer-events:none}.twk-gradient-stop{position:absolute;top:0;width:13px;height:13px;padding:0;transform:translate(-50%);border-radius:calc(var(--twk-radius) - 4px);background:var(--stop);border:2px solid var(--twk-dropdown-bg);box-shadow:0 0 0 1px var(--twk-border-hover),0 1px 3px #0006;cursor:ew-resize;touch-action:none;pointer-events:auto;transition:opacity .12s ease,transform .16s var(--twk-ease-spring),box-shadow .16s}.twk-gradient-stop[data-sel=true]{box-shadow:0 0 0 2px var(--twk-accent, var(--twk-text-focus)),0 1px 3px #0006;z-index:1}.twk-gradient-stop:before,.twk-bezier-handle:before{content:"";position:absolute;inset:-4px;border-radius:inherit}@media(hover:hover)and (pointer:fine){.twk-gradient-stop:hover{transform:translate(-50%) scale(1.2)}}.twk-gradient-stop[data-removing=true]{opacity:.3;transform:translate(-50%) scale(.7)}.twk-gradient-add{display:flex;align-items:center;justify-content:center;flex:none;width:28px;padding:0;border:none;border-radius:var(--twk-radius);background:var(--twk-surface);color:var(--twk-text-primary);cursor:pointer;will-change:transform;transition:background .15s,transform .24s var(--twk-ease-pop)}.twk-gradient-add:active{transform:scale(var(--twk-press-icon));transition:background .15s,transform .08s ease-out}.twk-gradient-add svg{width:16px;height:16px;display:block;will-change:transform;transition:transform .2s var(--twk-ease-pop)}@media(hover:hover)and (pointer:fine){.twk-gradient-add:hover{background:var(--twk-surface-hover)}.twk-gradient-add:hover svg{transform:scale(1.2)}}.twk-text,.twk-num{flex:1;min-width:0;font:inherit;font-size:12px;font-weight:500;color:var(--twk-text-label);background:transparent;border:none;outline:none;text-align:right;cursor:text;padding:0;border-radius:calc(var(--twk-radius) - 4px)}.twk-text:focus,.twk-num:focus{color:var(--twk-text-focus)}.twk-text::placeholder{color:var(--twk-text-tertiary)}.twk-row-multiline{position:relative;flex-direction:column;align-items:stretch;height:auto;gap:4px;padding:7.5px 10px 10px 12px}.twk-textarea{flex:none;width:100%;resize:vertical;min-height:3em;padding:0;line-height:1.45;text-align:left}.twk-textarea::-webkit-resizer{background:transparent}.twk-textarea:is(.is-clip-top,.is-clip-bottom){--twk-clip-top: 0px;--twk-clip-bottom: 0px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--twk-clip-top),#000 calc(100% - var(--twk-clip-bottom)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--twk-clip-top),#000 calc(100% - var(--twk-clip-bottom)),transparent)}.twk-textarea.is-clip-top{--twk-clip-top: 14px}.twk-textarea.is-clip-bottom{--twk-clip-bottom: 14px}.twk-row-multiline:after{content:"";position:absolute;right:8px;bottom:8px;width:11px;height:11px;pointer-events:none;background-color:var(--twk-text-tertiary);--twk-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(--twk-grip) right bottom / contain no-repeat;mask:var(--twk-grip) right bottom / contain no-repeat}.twk-image{position:relative}.twk-image-input{display:none}.twk-image-text,.twk-image-note{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.twk-image-note:empty{display:none}.twk-image-note:not(:empty)+:is(.twk-image-text,.twk-trigger-value){display:none}.twk-image-thumb{width:24px;background:var(--twk-base) center / cover no-repeat}.twk-image-thumb[data-set=false]{background:var(--twk-checker)}.twk-image .twk-trigger[data-over=true],.twk-image-gallery[data-over=true] .twk-image-upload{background:var(--twk-surface-hover);outline:1.5px dashed var(--twk-border-hover);outline-offset:-2px}.twk-image .twk-trigger[data-over=true] .twk-image-thumb{transform:scale(1.14)}.twk-image-gallery{display:flex;flex-direction:column;gap:6px}.twk-image-foot{display:grid;grid-template-rows:1fr;pointer-events:none;transition:grid-template-rows .35s var(--twk-ease-fold),margin-top .35s var(--twk-ease-fold)}.twk-image-foot[data-open=false]{grid-template-rows:0fr;margin-top:-6px}.twk-image-foot-row{display:flex;align-items:stretch;justify-content:flex-end;min-height:0;overflow:hidden}.twk-image-foot-row>*{pointer-events:auto}.twk-image-foot .twk-image-upload{flex:1;min-width:0}.twk-image-clear-slot{display:grid;grid-template-columns:1fr;margin-left:6px;overflow:hidden;transition:grid-template-columns .35s var(--twk-ease-fold),margin-left .35s var(--twk-ease-fold),opacity .35s var(--twk-ease-fold)}.twk-image-clear-slot[data-open=false]{grid-template-columns:0fr;margin-left:0;opacity:0}.twk-image-clear-slot .twk-image-clear{height:auto;min-height:24px;min-width:0;padding:0 10px;white-space:nowrap;transition:padding .35s var(--twk-ease-fold),background .15s,color .15s,transform .24s var(--twk-ease-pop)}.twk-image-clear-slot[data-open=false] .twk-image-clear{padding:0}.twk-image-grid{display:grid;grid-template-columns:repeat(var(--twk-img-cols, 2),minmax(0,1fr));gap:6px}.twk-image-tile{aspect-ratio:4 / 3;padding:0;background:var(--twk-surface) center / cover no-repeat;border:none;border-radius:calc(var(--twk-radius) - 2px);box-shadow:inset 0 0 0 1px var(--twk-border-hover);cursor:pointer;transition:transform .24s var(--twk-ease-pop),box-shadow .15s}.twk-image-tile:active{transform:scale(var(--twk-press-chip));transition:transform .08s ease-out}.twk-image-tile[data-active=true]{outline:1.5px solid var(--twk-accent, var(--twk-text-focus));outline-offset:1px}.twk-image-tile:focus-visible{outline:2px solid var(--twk-accent, var(--twk-text-focus));outline-offset:-2px}.twk-image-upload{gap:6px}.twk-image-upload svg{width:14px;height:14px;flex:none}@media(hover:hover)and (pointer:fine){.twk-image-tile:hover{box-shadow:inset 0 0 0 1px var(--twk-text-tertiary)}}.twk-fps{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 8px;background:var(--twk-surface);border-radius:var(--twk-radius);padding:9px 10px 10px 12px;line-height:14px}.twk-fps-label{font-size:12px;font-weight:500;color:var(--twk-text-label)}.twk-fps-val{font-size:12px;color:var(--twk-text-primary);text-align:right}.twk-fps-canvas{grid-column:1 / -1;width:100%;height:40px;display:block;margin-top:6px}.twk-monitor-buffer{grid-column:1 / -1;margin:6px 0 0;height:calc(var(--twk-monitor-rows, 4) * 1.45em);overflow:hidden;font-family:var(--twk-font-sans);font-variant-numeric:tabular-nums;font-size:11px;line-height:1.45;color:var(--twk-text-secondary);white-space:pre;word-break:break-all}.twk-num-wrap{display:flex;align-items:center;gap:4px}.twk-slider-unit{color:var(--twk-text-tertiary)}.twk-num-unit{flex-shrink:0;font-size:12px;line-height:normal;color:var(--twk-text-tertiary);padding-right:2px;user-select:none;-webkit-user-select:none}.twk-num-wrap .twk-num{flex:0 0 auto;width:6ch;text-overflow:ellipsis}.twk-row>.twk-num-wrap .twk-num{width:9ch}.twk-num-grab{display:flex;align-items:center;justify-content:center;width:12px;height:18px;flex-shrink:0;color:var(--twk-text-tertiary);cursor:ew-resize;touch-action:none;transition:color .15s,transform .18s var(--twk-ease-spring)}.twk-num-grab svg{width:12px;height:12px;display:block}.twk-num-grab.is-dragging{color:var(--twk-text-primary);transform:scale(1.2)}@media(hover:hover)and (pointer:fine){.twk-num-grab:hover{color:var(--twk-text-primary);transform:scale(1.2)}}.twk-grab-guide{position:fixed;inset:0;z-index:100001;pointer-events:none}.twk-grab-line{position:fixed;height:2px;border:0;transform:translateY(-50%);background:radial-gradient(circle closest-side,var(--twk-text-label) 99%,transparent) 0 50% / var(--twk-grab-gap, 7px) 2px repeat-x}.twk-grab-dot{position:fixed;width:5px;height:5px;border-radius:50%;background:var(--twk-text-label);transform:translate(-50%,-50%)}.twk-grab-bubble{position:fixed;transform:translate(-50%,-100%);padding:2px 7px;border-radius:calc(var(--twk-radius) - 2px);background:var(--twk-dropdown-bg);border:1px solid var(--twk-border);box-shadow:var(--twk-shadow-dropdown);color:var(--twk-text-primary);font-size:11px;font-weight:500;white-space:nowrap;transform-origin:bottom center;animation:twk-bubble-in .18s var(--twk-ease-pop)}@keyframes twk-bubble-in{0%{opacity:0;transform:translate(-50%,-100%) scale(.8)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.twk-grab-arrow{position:fixed;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid var(--twk-text-label)}.twk-folder{display:flex;flex-direction:column;border-top:1px solid var(--twk-border);border-bottom:1px solid var(--twk-border)}.twk-folder+.twk-folder{border-top:none;margin-top:-6px}.twk-folder .twk-folder{margin-left:10px}.twk-controls>.twk-folder:first-child{border-top:none}.twk-folder:last-child{border-bottom:none}.twk-folder-header{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;height:var(--twk-row-height);padding:0;background:none;border:none;cursor:pointer;color:inherit;font:inherit;text-align:left}.twk-folder-title{font-size:12px;font-weight:600;color:var(--twk-text-section);letter-spacing:-.01em;transition:color .15s}@media(hover:hover)and (pointer:fine){.twk-folder-header:hover .twk-folder-title,.twk-folder-header:hover .twk-chevron{color:var(--twk-text-primary)}}.twk-folder-header .twk-chevron{color:var(--twk-text-section);opacity:.6;margin-right:-1.75px;transition:transform .35s var(--twk-ease-fold),color .15s}.twk-folder.is-collapsed .twk-folder-header .twk-chevron{transform:rotate(180deg)}.twk-folder-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .35s var(--twk-ease-fold);contain:layout}.twk-folder.is-collapsed .twk-folder-body{grid-template-rows:0fr}.twk-folder-body>.twk-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(--twk-ease-fold),padding-bottom .35s var(--twk-ease-fold),margin-bottom .35s var(--twk-ease-fold)}.twk-folder.is-collapsed .twk-folder-body>.twk-controls{opacity:0;padding-bottom:0}.twk-folder:last-child .twk-folder-body>.twk-controls{padding-bottom:0}.twk-folder:last-child:not(.is-collapsed) .twk-folder-body>.twk-controls{padding-bottom:3px;margin-bottom:-3px}.twk-body>.twk-controls>*,.twk-folder-body>.twk-controls>*{flex-shrink:0}.twk-shadow-chip,.twk-motion-chip{width:26px;background:var(--twk-base);overflow:hidden}.twk-shadow-chip{display:flex;align-items:center;justify-content:center}.twk-shadow-chip-tile{width:12px;height:8px;border-radius:2px;background:var(--twk-dropdown-bg)}.twk-shadow-stage{display:flex;align-items:center;justify-content:center;height:84px;border-radius:var(--twk-radius);background:var(--twk-base);overflow:hidden}.twk-shadow-card{width:64px;height:40px;border-radius:9px;background:var(--twk-dropdown-bg)}.twk-shadow-color{width:100%}.twk-shadow-color .twk-trigger-right,.twk-shadow-color .twk-trigger-value{max-width:none}.twk-shadow-pop .twk-color-body[hidden]{display:none}.twk-shadow-chevron{flex-shrink:0;width:12px;height:12px;color:var(--twk-text-tertiary);transition:transform .2s var(--twk-ease-pop)}.twk-shadow-color[aria-expanded=true] .twk-shadow-chevron{transform:rotate(180deg)}.twk-shadow-pop .twk-color-body{margin-top:2px}.twk-sides-link{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;color:var(--twk-text-tertiary);background:transparent;border:none;border-radius:calc(var(--twk-radius) - 3px);cursor:pointer;transition:color .15s,background .15s,transform .24s var(--twk-ease-pop)}.twk-sides-link svg{width:14px;height:14px}.twk-sides-link[aria-pressed=true]{color:var(--twk-accent, var(--twk-text-primary))}@media(hover:hover)and (pointer:fine){.twk-sides-link:hover{background:var(--twk-surface-hover);color:var(--twk-text-primary)}}.twk-sides-link:active{transform:scale(var(--twk-press-icon));transition:color .15s,background .15s,transform .08s ease-out}.twk-sides>.twk-row .twk-num-wrap{margin-left:auto}.twk-sides.is-linked .twk-sides-multi,.twk-sides:not(.is-linked)>.twk-row{display:none}.twk-sides-multi{display:flex;flex-direction:column;gap:6px;padding:0 10px 10px 12px;background:var(--twk-surface);border-radius:var(--twk-radius)}.twk-sides-head{display:flex;align-items:center;gap:12px;height:var(--twk-row-height)}.twk-fields.twk-shadow-fields{grid-auto-flow:row;grid-template-columns:1fr 1fr}.twk-sides-multi .twk-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;direction:ltr}.twk-sides-multi .twk-field .twk-num-wrap{padding:3px 5px}.twk-sides-multi .twk-field .twk-num-unit{display:none}.twk-sides-glyph{display:flex;align-items:center;height:12px}.twk-sides-glyph svg{width:12px;height:12px}.twk-sides-glyph[data-at=top-right] svg,.twk-sides-glyph[data-at=right] svg{transform:rotate(90deg)}.twk-sides-glyph[data-at=bottom-right] svg,.twk-sides-glyph[data-at=bottom] svg{transform:rotate(180deg)}.twk-sides-glyph[data-at=bottom-left] svg,.twk-sides-glyph[data-at=left] svg{transform:rotate(270deg)}.twk-sides-sum{margin-left:auto;font-size:12px;font-weight:500;color:var(--twk-text-label);word-spacing:.1em}.twk-sides-unit{margin-left:4px;padding-right:2px;font-weight:400;color:var(--twk-text-tertiary)}.twk-motion-chip{position:relative}.twk-motion-chip svg{display:block;width:100%;height:100%}.twk-motion-chip path{fill:none;stroke:var(--twk-accent, var(--twk-text-primary));stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.twk-motion-body,.twk-motion-pane{display:flex;flex-direction:column;gap:8px}.twk-motion-pop .twk-bezier-graph,.twk-motion-pop .twk-spring-viz{height:120px}.twk-motion-pane .twk-spring>.twk-row{display:none}.twk-motion-stage{display:flex;align-items:center;height:56px;padding:0 16px;border-radius:var(--twk-radius);background:var(--twk-surface);overflow:hidden;cursor:pointer}.twk-motion-box{width:24px;height:24px;border-radius:7px;background:var(--twk-accent, var(--twk-text-primary));will-change:transform}.twk-spring{display:flex;flex-direction:column;gap:6px}.twk-spring-viz{width:100%;height:96px;border-radius:var(--twk-radius);background:var(--twk-surface);overflow:hidden;cursor:crosshair;touch-action:none;transition:background .15s}@media(hover:hover)and (pointer:fine){.twk-spring-viz:hover{background:var(--twk-surface-hover)}}.twk-spring-viz.is-dragging{background:var(--twk-surface-hover);box-shadow:inset 0 0 0 1px var(--twk-border-hover)}.twk-spring-canvas{width:100%;height:100%;display:block}.twk-fields{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}.twk-point{position:relative}.twk-point-preview{position:relative;width:18px;border-radius:2.5px;background:var(--twk-base);overflow:hidden}.twk-point-preview-dot{position:absolute;width:5px;height:5px;border-radius:999px;background:var(--twk-accent, var(--twk-text-primary));transform:translate(-50%,-50%)}.twk-point-body{display:flex;flex-direction:column;gap:8px;min-width:0}.twk-point-pop .twk-pad{max-width:240px;margin:0 auto}.twk-pad{position:relative;width:100%;max-width:176px;aspect-ratio:1;margin:0 auto 8px;border-radius:var(--twk-radius);background:var(--twk-base);box-shadow:inset 0 0 0 1px var(--twk-border);cursor:crosshair;touch-action:none;overflow:visible}.twk-pad-line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.twk-pad-line line{stroke:var(--twk-accent, var(--twk-text-tertiary));stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linecap:round}.twk-pad-axis{position:absolute;background:var(--twk-border);pointer-events:none}.twk-pad-axis-x{left:0;right:0;top:50%;height:1px;transform:translateY(-50%)}.twk-pad-axis-y{top:0;bottom:0;left:50%;width:1px;transform:translate(-50%)}.twk-pad-thumb{position:absolute;width:14px;height:14px;border-radius:999px;background:var(--twk-accent, var(--twk-text-primary));border:2px solid var(--twk-base);box-shadow:0 0 0 1px var(--twk-border-hover),0 1px 3px #0000004d;transform:translate(-50%,-50%);pointer-events:none;transition:transform .18s var(--twk-ease-spring),box-shadow .18s}.twk-pad.is-grabbing .twk-pad-thumb{transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 0 1px var(--twk-border-hover),0 3px 9px #0006}.twk-field{display:flex;flex-direction:column;gap:4px;min-width:0}.twk-field-label{font-size:10px;line-height:12px;font-weight:600;letter-spacing:.02em;color:var(--twk-text-tertiary);text-transform:uppercase}.twk-field .twk-num-wrap{background:var(--twk-base);border:1px solid var(--twk-border);border-radius:calc(var(--twk-radius) - 2px);padding:3px 4px;gap:2px;line-height:15px;transition:border-color .15s}.twk-field .twk-num-unit{line-height:inherit}.twk-field .twk-num-wrap:focus-within{border-color:var(--twk-border-hover)}.twk-field .twk-num-wrap:has(>.twk-num:focus-visible:not(.twk-focus-quiet)),.twk-field .twk-num-wrap:has(>.twk-color-chan-input:focus-visible:not(.twk-focus-quiet)){outline:2px solid var(--twk-accent, var(--twk-text-focus));outline-offset:-1px}.twk-field .twk-num-wrap>.twk-num:focus-visible,.twk-field .twk-num-wrap>.twk-color-chan-input:focus-visible{outline:none}.twk-plot-field:has(>.twk-plot-input:focus-visible:not(.twk-focus-quiet)){outline:2px solid var(--twk-accent, var(--twk-text-focus));outline-offset:-2px}.twk-slider:has(.twk-slider-input:focus-visible:not(.twk-focus-quiet)){outline:2px solid var(--twk-accent, var(--twk-text-focus));outline-offset:-2px}.twk-wg-area:focus-visible,.twk-wg-hue:focus-visible,.twk-wg-alpha:focus-visible{outline:2px solid var(--twk-accent, var(--twk-text-focus));outline-offset:2px}.twk-field .twk-num{flex:1;width:auto;min-width:0}.twk-field .twk-num-grab{width:10px}.twk-bezier{display:flex;flex-direction:column;gap:6px}.twk-bezier-graph{position:relative;width:100%;height:96px;background:var(--twk-surface);border-radius:var(--twk-radius);overflow:hidden;touch-action:none}.twk-bezier-svg{position:absolute;inset:0;width:100%;height:100%;display:block}.twk-bezier-guide{stroke:var(--twk-border);stroke-width:1}.twk-bezier-diag{stroke:var(--twk-surface-active);stroke-width:1;stroke-dasharray:2 3}.twk-bezier-ctl{stroke:var(--twk-text-tertiary);stroke-width:1.5}.twk-bezier-curve{fill:none;stroke:var(--twk-accent, var(--twk-text-primary));stroke-width:2;stroke-linecap:round}.twk-bezier-handle{position:absolute;width:14px;height:14px;margin:0;padding:0;transform:translate(-50%,-50%);border-radius:999px;background:var(--twk-text-primary);border:2px solid var(--twk-base);box-shadow:0 1px 3px #0006;cursor:grab;touch-action:none;transition:transform .18s var(--twk-ease-spring),box-shadow .18s}@media(hover:hover)and (pointer:fine){.twk-bezier-handle:hover{transform:translate(-50%,-50%) scale(1.2)}}.twk-bezier-handle.is-dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.3);box-shadow:0 3px 9px #00000073}.twk-bezier-fields{gap:4px}.twk-plot{display:flex;flex-direction:column;gap:6px}.twk-plot-label,.twk-spring-label,.twk-bezier-label{font-size:12px;font-weight:500;color:var(--twk-text-label);padding:0;transition:color .15s}:is(.twk-controls,.twk-controls>[data-twk])>:is(.twk-spring,.twk-bezier,.twk-plot){padding:4px;background:var(--twk-surface);border-radius:var(--twk-radius)}:is(.twk-controls,.twk-controls>[data-twk])>:is(.twk-spring,.twk-bezier,.twk-plot)>:is(.twk-spring-label,.twk-bezier-label,.twk-plot-label){padding-left:8px;line-height:24px}.twk-plot-graph{position:relative;width:100%;height:140px;background:var(--twk-surface);border-radius:var(--twk-radius);overflow:hidden;box-shadow:inset 0 0 0 1px var(--twk-border)}.twk-plot-svg{position:absolute;inset:0;width:100%;height:100%;display:block}.twk-plot-axis{stroke:var(--twk-border);stroke-width:1}.twk-plot-curve{fill:none;stroke:var(--twk-accent, var(--twk-text-primary));stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.twk-plot-field{display:flex;align-items:center;gap:7px;height:var(--twk-row-height);padding:0 10px 0 12px;background:var(--twk-surface);border-radius:var(--twk-radius);box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .15s}.twk-plot-field:focus-within{box-shadow:inset 0 0 0 1px var(--twk-border-hover)}.twk-plot-fx{flex:none;font-size:12px;color:var(--twk-text-tertiary);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.twk-plot-input{flex:1;min-width:0;padding:0;background:none;border:none;outline:none;color:var(--twk-text-primary);font-family:var(--twk-font-mono);font-size:12px}.twk-plot-input::placeholder{color:var(--twk-text-tertiary)}.twk-plot.is-invalid .twk-plot-curve{opacity:.25}.twk-plot.is-invalid .twk-plot-field{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--twk-danger) 60%,transparent)}.twk-plot.is-invalid .twk-plot-fx{color:color-mix(in srgb,var(--twk-danger) 80%,transparent)}.twk-panel:where([data-twk-scheme=dark],[data-twk-scheme=dark] *),.twk-portal:where([data-twk-scheme=dark],[data-twk-scheme=dark] *){color-scheme:dark}.twk-panel:where([data-twk-scheme=light],[data-twk-scheme=light] *),.twk-portal:where([data-twk-scheme=light],[data-twk-scheme=light] *){color-scheme:light}@media(prefers-color-scheme:light){.twk-slider-handle:where(:not([data-twk-scheme=dark] *)){box-shadow:0 0 0 .5px #00000014}}.twk-slider-handle:where([data-twk-scheme=light] *){box-shadow:0 0 0 .5px #00000014}.twk-slider-value,.twk-slider-input,.twk-fps-val,.twk-num,.twk-grab-bubble,.twk-trigger-value,.twk-color-gamut,.twk-color-chan-input,.twk-sides-sum{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.twk-panel,.twk-panel *,.twk-portal,.twk-portal *{transition:none!important}.twk-tabs-page[data-active=true],.twk-grab-bubble{animation:none}}@media(forced-colors:active){.twk-seg-pill,.twk-tabs-pill,.twk-slider-fill,.twk-radiogrid-btn[data-active=true]{outline:2px solid Highlight;outline-offset:-2px}.twk-image-tile[data-active=true]{outline-color:Highlight}.twk-gradient-stop[data-sel=true]{border-color:Highlight}.twk-select-option:focus-visible{outline:2px solid Highlight;outline-offset:-2px}.twk-color-swatch,.twk-option-swatch,.twk-image-thumb,.twk-gradient-preview,.twk-gradient-bar,.twk-gradient-stop,.twk-wg-area,.twk-wg-hue,.twk-wg-alpha,.twk-pad-thumb{forced-color-adjust:none}.twk-gradient-stop:focus-visible,.twk-wg-area:focus-visible,.twk-wg-hue:focus-visible,.twk-wg-alpha:focus-visible{outline-color:Highlight}}
|