tweakit 0.6.0 → 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.
Files changed (132) hide show
  1. package/AGENTS.md +5 -5
  2. package/README.md +3 -3
  3. package/dist/tweaks/auto.js +1 -1
  4. package/dist/tweaks/auto.js.map +1 -1
  5. package/dist/tweaks/bezier-S2BOXQBM.js +2 -0
  6. package/dist/tweaks/bezier-S2BOXQBM.js.map +6 -0
  7. package/dist/tweaks/chunk-3MZAAMC2.js +2 -0
  8. package/dist/tweaks/chunk-3MZAAMC2.js.map +6 -0
  9. package/dist/tweaks/chunk-ETB35KFV.js +2 -0
  10. package/dist/tweaks/chunk-ETB35KFV.js.map +6 -0
  11. package/dist/tweaks/chunk-YB5GKWZI.js +2 -0
  12. package/dist/tweaks/chunk-YB5GKWZI.js.map +6 -0
  13. package/dist/tweaks/clip-A3VI53BK.js +2 -0
  14. package/dist/tweaks/clip-A3VI53BK.js.map +6 -0
  15. package/dist/tweaks/color-UGYMAF3W.js +2 -0
  16. package/dist/tweaks/core.js +1 -1
  17. package/dist/tweaks/core.js.map +3 -3
  18. package/dist/tweaks/fold-GY47HIQA.js +2 -0
  19. package/dist/tweaks/fold-GY47HIQA.js.map +6 -0
  20. package/dist/tweaks/gradient-BTX25WSH.js +2 -0
  21. package/dist/tweaks/gradient-BTX25WSH.js.map +6 -0
  22. package/dist/tweaks/{heavy-CLD7UAVI.js → heavy-NPFIGHRM.js} +2 -2
  23. package/dist/tweaks/image-HTQQ4WX6.js +4 -0
  24. package/dist/tweaks/image-HTQQ4WX6.js.map +6 -0
  25. package/dist/tweaks/{image-store-WRKY2NPU.js → image-store-QD5SMZXG.js} +1 -1
  26. package/dist/tweaks/image-store-QD5SMZXG.js.map +6 -0
  27. package/dist/tweaks/interval-BHPI4LRN.js +2 -0
  28. package/dist/tweaks/interval-BHPI4LRN.js.map +6 -0
  29. package/dist/tweaks/markup-QM53TQJZ.js +2 -0
  30. package/dist/tweaks/markup-QM53TQJZ.js.map +6 -0
  31. package/dist/tweaks/monitor-722WIYGW.js +3 -0
  32. package/dist/tweaks/monitor-722WIYGW.js.map +6 -0
  33. package/dist/tweaks/motion-HMCZK6HJ.js +2 -0
  34. package/dist/tweaks/motion-HMCZK6HJ.js.map +6 -0
  35. package/dist/tweaks/plot-D3NQ6XNN.js +3 -0
  36. package/dist/tweaks/plot-D3NQ6XNN.js.map +6 -0
  37. package/dist/tweaks/point-XDXKMDXH.js +2 -0
  38. package/dist/tweaks/point-XDXKMDXH.js.map +6 -0
  39. package/dist/tweaks/presets-EUWNSCUW.js +2 -0
  40. package/dist/tweaks/presets-EUWNSCUW.js.map +6 -0
  41. package/dist/tweaks/shadow-AM7VSRNS.js +2 -0
  42. package/dist/tweaks/shadow-AM7VSRNS.js.map +6 -0
  43. package/dist/tweaks/shadow-root-RYUV3AGS.js +3 -0
  44. package/dist/tweaks/shadow-root-RYUV3AGS.js.map +6 -0
  45. package/dist/tweaks/sides-JWIURDA4.js +2 -0
  46. package/dist/tweaks/sides-JWIURDA4.js.map +6 -0
  47. package/dist/tweaks/spring-BF5GBTPM.js +2 -0
  48. package/dist/tweaks/spring-BF5GBTPM.js.map +6 -0
  49. package/dist/tweaks/tabs-PRVUUZXZ.js +2 -0
  50. package/dist/tweaks/tabs-PRVUUZXZ.js.map +6 -0
  51. package/dist/tweaks.css +1 -1
  52. package/dist/tweaks.js +5 -4
  53. package/dist/tweaks.js.map +3 -3
  54. package/dist/types/tweaks/enhance.d.ts +3 -2
  55. package/dist/types/tweaks/types.d.ts +278 -72
  56. package/package.json +5 -2
  57. package/src/tweaks/auto.ts +9 -5
  58. package/src/tweaks/clip.ts +84 -22
  59. package/src/tweaks/controls/basic.ts +463 -139
  60. package/src/tweaks/controls/bezier.ts +152 -47
  61. package/src/tweaks/controls/color.ts +610 -161
  62. package/src/tweaks/controls/gradient.ts +256 -77
  63. package/src/tweaks/controls/image.ts +388 -132
  64. package/src/tweaks/controls/interval.ts +126 -41
  65. package/src/tweaks/controls/monitor.ts +142 -36
  66. package/src/tweaks/controls/motion.ts +231 -56
  67. package/src/tweaks/controls/plot.ts +321 -101
  68. package/src/tweaks/controls/point.ts +134 -45
  69. package/src/tweaks/controls/shadow.ts +103 -30
  70. package/src/tweaks/controls/sides.ts +150 -40
  71. package/src/tweaks/controls/spring.ts +220 -60
  72. package/src/tweaks/controls/tabs.ts +39 -18
  73. package/src/tweaks/core.ts +1 -1
  74. package/src/tweaks/easing.ts +45 -20
  75. package/src/tweaks/enhance.ts +21 -6
  76. package/src/tweaks/feedback.ts +133 -34
  77. package/src/tweaks/fold.ts +22 -10
  78. package/src/tweaks/heavy.ts +461 -137
  79. package/src/tweaks/icons.ts +12 -5
  80. package/src/tweaks/image-store.ts +131 -43
  81. package/src/tweaks/lazy.ts +36 -19
  82. package/src/tweaks/markup.ts +255 -92
  83. package/src/tweaks/panel.ts +1262 -438
  84. package/src/tweaks/presets.ts +85 -0
  85. package/src/tweaks/schema.ts +213 -51
  86. package/src/tweaks/shadow-root.ts +178 -0
  87. package/src/tweaks/shared.ts +802 -190
  88. package/src/tweaks/standalone.ts +120 -30
  89. package/src/tweaks/types.ts +644 -143
  90. package/src/tweaks/undo.ts +104 -0
  91. package/src/tweaks.css +556 -550
  92. package/src/wide-gamut.ts +473 -125
  93. package/dist/tweaks/bezier-JFEZMCLP.js +0 -2
  94. package/dist/tweaks/bezier-JFEZMCLP.js.map +0 -6
  95. package/dist/tweaks/chunk-6UO4DHBN.js +0 -2
  96. package/dist/tweaks/chunk-6UO4DHBN.js.map +0 -6
  97. package/dist/tweaks/chunk-DIQMLBAS.js +0 -2
  98. package/dist/tweaks/chunk-DIQMLBAS.js.map +0 -6
  99. package/dist/tweaks/chunk-XE6OUJBG.js +0 -2
  100. package/dist/tweaks/chunk-XE6OUJBG.js.map +0 -6
  101. package/dist/tweaks/clip-WW7JYO4X.js +0 -2
  102. package/dist/tweaks/clip-WW7JYO4X.js.map +0 -6
  103. package/dist/tweaks/color-YMMFURP6.js +0 -2
  104. package/dist/tweaks/fold-U6YRZLCJ.js +0 -2
  105. package/dist/tweaks/fold-U6YRZLCJ.js.map +0 -6
  106. package/dist/tweaks/gradient-JER7PW4D.js +0 -2
  107. package/dist/tweaks/gradient-JER7PW4D.js.map +0 -6
  108. package/dist/tweaks/image-H6QSLGO3.js +0 -4
  109. package/dist/tweaks/image-H6QSLGO3.js.map +0 -6
  110. package/dist/tweaks/image-store-WRKY2NPU.js.map +0 -6
  111. package/dist/tweaks/interval-TEUHQGZN.js +0 -2
  112. package/dist/tweaks/interval-TEUHQGZN.js.map +0 -6
  113. package/dist/tweaks/markup-NIBJD6E2.js +0 -2
  114. package/dist/tweaks/markup-NIBJD6E2.js.map +0 -6
  115. package/dist/tweaks/monitor-3BY7YCGX.js +0 -3
  116. package/dist/tweaks/monitor-3BY7YCGX.js.map +0 -6
  117. package/dist/tweaks/motion-FQPUBKKM.js +0 -2
  118. package/dist/tweaks/motion-FQPUBKKM.js.map +0 -6
  119. package/dist/tweaks/plot-2HBNBZSG.js +0 -3
  120. package/dist/tweaks/plot-2HBNBZSG.js.map +0 -6
  121. package/dist/tweaks/point-VV6XV3I6.js +0 -2
  122. package/dist/tweaks/point-VV6XV3I6.js.map +0 -6
  123. package/dist/tweaks/shadow-5E4E55I2.js +0 -2
  124. package/dist/tweaks/shadow-5E4E55I2.js.map +0 -6
  125. package/dist/tweaks/sides-P3STEVYY.js +0 -2
  126. package/dist/tweaks/sides-P3STEVYY.js.map +0 -6
  127. package/dist/tweaks/spring-HUVSXNVN.js +0 -2
  128. package/dist/tweaks/spring-HUVSXNVN.js.map +0 -6
  129. package/dist/tweaks/tabs-76FW7LQ7.js +0 -2
  130. package/dist/tweaks/tabs-76FW7LQ7.js.map +0 -6
  131. /package/dist/tweaks/{color-YMMFURP6.js.map → color-UGYMAF3W.js.map} +0 -0
  132. /package/dist/tweaks/{heavy-CLD7UAVI.js.map → heavy-NPFIGHRM.js.map} +0 -0
package/dist/tweaks.css CHANGED
@@ -1 +1 @@
1
- .tw-panel,.tw-portal{--tw-surface: light-dark(rgba(255, 255, 255, .82), rgba(255, 255, 255, .04));--tw-surface-hover: light-dark(rgba(0, 0, 0, .04), rgba(255, 255, 255, .075));--tw-surface-active: light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .13));--tw-text-root: light-dark(#1a1a1a, #fafafa);--tw-text-section: light-dark(rgba(0, 0, 0, .62), rgba(255, 255, 255, .64));--tw-text-label: light-dark(rgba(0, 0, 0, .58), rgba(255, 255, 255, .64));--tw-text-focus: light-dark(#000000, #ffffff);--tw-text-primary: light-dark(rgba(0, 0, 0, .88), rgba(255, 255, 255, .92));--tw-text-secondary: light-dark(rgba(0, 0, 0, .58), rgba(255, 255, 255, .56));--tw-text-tertiary: light-dark(rgba(0, 0, 0, .55), rgba(255, 255, 255, .5));--tw-on-accent: var(--tw-text-primary);--tw-border: light-dark(rgba(0, 0, 0, .045), rgba(255, 255, 255, .045));--tw-border-hover: light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .11));--tw-selection: light-dark(rgba(0, 0, 0, .14), rgba(255, 255, 255, .22));--tw-base: light-dark(#f3f3f3, #242424);--tw-checker: repeating-conic-gradient(#6b6b6b 0% 25%, #9a9a9a 0% 50%) 0 0 / 8px 8px;--tw-dropdown-bg: light-dark(#f6f6f6, #292929);--tw-radius: 8px;--tw-row-height: 32px;--tw-width: 256px;--tw-shadow-dropdown: 0 12px 32px -8px light-dark(rgba(0, 0, 0, .14), rgba(0, 0, 0, .6));--tw-shadow-panel: 0 0 0 1px light-dark(var(--tw-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);--tw-shadow-panel-lifted: 0 0 0 1px light-dark(var(--tw-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);--tw-success: light-dark(#15803d, #86efac);--tw-danger: light-dark(#c23232, #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:light 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(.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;line-height:17px;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-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-seg[role=switch]: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-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);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{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-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{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;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;line-height:14px;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;line-height:14px;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;line-height:14px;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;line-height:14px;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)}:is(.tw-select-dropdown,.tw-presets-menu,.tw-color-pop){position:fixed;z-index:99999;background:var(--tw-dropdown-bg);border:1px solid var(--tw-border);box-shadow:var(--tw-shadow-dropdown);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-select-dropdown{padding:4px;border-radius:calc(var(--tw-radius) + 2px);max-height:60vh;overflow-y:auto;transform-origin:top;transition-duration:.16s,.22s}: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-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(--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{width:208px;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:calc(var(--tw-radius) + 4px);transform-origin:top right}.tw-presets-menu[data-side=above]{transform-origin:bottom right;transform:translateY(6px) scale(var(--tw-pop-s))}:is(.tw-select-dropdown,.tw-presets-menu,.tw-color-pop).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{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{min-width:236px;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:calc(var(--tw-radius) + 10px);max-height:calc(100dvh - 16px);overflow-y:auto;overflow-x:clip;transform-origin:top}.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;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;line-height:14px;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-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;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-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-area.is-grabbing .tw-wg-thumb,.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-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}.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;line-height:14px}.tw-fps-label{font-size:12px;font-weight:500;color:var(--tw-text-label)}.tw-fps-val{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-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-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;line-height:12px;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;line-height:15px;transition:border-color .15s}.tw-field .tw-num-unit{line-height:inherit}.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);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)}.tw-panel:where([data-tw-scheme=dark],[data-tw-scheme=dark] *),.tw-portal:where([data-tw-scheme=dark],[data-tw-scheme=dark] *){color-scheme:dark}.tw-panel:where([data-tw-scheme=light],[data-tw-scheme=light] *),.tw-portal:where([data-tw-scheme=light],[data-tw-scheme=light] *){color-scheme:light}@media(prefers-color-scheme:light){.tw-slider-handle:where(:not([data-tw-scheme=dark] *)){box-shadow:0 0 0 .5px #00000014}}.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}}