@weasel-js/labkit 1.1.0 → 1.3.0-pre.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 (226) hide show
  1. package/README.md +27 -0
  2. package/dist/_dts/{DrawCommand-BkZztJsW.d.ts → DrawCommand-DBB45NfN.d.ts} +244 -58
  3. package/dist/_dts/PrefsForm-BYa6cWnO.d.ts +201 -0
  4. package/dist/_dts/index-DgcNdEdh.d.ts +314 -0
  5. package/dist/_dts/types-1Sdxy_Pv.d.ts +90 -0
  6. package/dist/_dts/types-AHlQxBNN.d.ts +162 -0
  7. package/dist/_dts/types-DJ79Tg5J.d.ts +56 -0
  8. package/dist/_dts/{useTrialState-DYe2vUwN.d.ts → useTrialState-CsGMjhu9.d.ts} +6 -92
  9. package/dist/canvas/index.d.ts +8 -3
  10. package/dist/canvas/index.js +2 -1
  11. package/dist/chrome/index.d.ts +86 -0
  12. package/dist/chrome/index.js +8 -0
  13. package/dist/chrome/index.js.map +1 -0
  14. package/dist/{chunk-3TYUJR7Z.js → chunk-4TMMVIDM.js} +9 -3
  15. package/dist/chunk-4TMMVIDM.js.map +1 -0
  16. package/dist/chunk-HFDVGF4X.js +170 -0
  17. package/dist/chunk-HFDVGF4X.js.map +1 -0
  18. package/dist/chunk-LN6JDUGB.js +106 -0
  19. package/dist/chunk-LN6JDUGB.js.map +1 -0
  20. package/dist/{chunk-574LJAV4.js → chunk-NS54R52R.js} +31 -21
  21. package/dist/chunk-NS54R52R.js.map +1 -0
  22. package/dist/{chunk-NRKWVTVT.js → chunk-O2BULFHX.js} +5 -14
  23. package/dist/chunk-O2BULFHX.js.map +1 -0
  24. package/dist/chunk-O7NVSCLN.js +266 -0
  25. package/dist/chunk-O7NVSCLN.js.map +1 -0
  26. package/dist/chunk-PO6L3NSH.js +366 -0
  27. package/dist/chunk-PO6L3NSH.js.map +1 -0
  28. package/dist/chunk-PQJ5B2U2.js +27 -0
  29. package/dist/chunk-PQJ5B2U2.js.map +1 -0
  30. package/dist/chunk-RVNN4CHQ.js +212 -0
  31. package/dist/chunk-RVNN4CHQ.js.map +1 -0
  32. package/dist/chunk-TLGRYALP.js +6151 -0
  33. package/dist/chunk-TLGRYALP.js.map +1 -0
  34. package/dist/{chunk-SFL7NFKN.js → chunk-V7PRSIRQ.js} +15 -7
  35. package/dist/chunk-V7PRSIRQ.js.map +1 -0
  36. package/dist/{chunk-DJLDIRFN.js → chunk-Z6HJ5FEM.js} +9626 -6050
  37. package/dist/chunk-Z6HJ5FEM.js.map +1 -0
  38. package/dist/chunk-ZZAYVX4X.js +505 -0
  39. package/dist/chunk-ZZAYVX4X.js.map +1 -0
  40. package/dist/controls/index.d.ts +19 -5
  41. package/dist/controls/index.js +3 -1
  42. package/dist/dragdrop/index.d.ts +5 -2
  43. package/dist/index.d.ts +307 -107
  44. package/dist/index.js +797 -540
  45. package/dist/index.js.map +1 -1
  46. package/dist/job/index.d.ts +13 -0
  47. package/dist/job/index.js +3 -0
  48. package/dist/job/index.js.map +1 -0
  49. package/dist/layers/index.d.ts +6 -3
  50. package/dist/layers/index.js +2 -1
  51. package/dist/passthrough/weasel-canvas.d.ts +69 -13
  52. package/dist/passthrough/weasel-canvas.js +1 -1
  53. package/dist/passthrough/weasel-ui.d.ts +3804 -3661
  54. package/dist/passthrough/weasel-ui.js +2 -2
  55. package/dist/primitives/index.d.ts +102 -8
  56. package/dist/primitives/index.js +4 -1
  57. package/dist/state/index.d.ts +3 -2
  58. package/dist/state/index.js +2 -2
  59. package/dist/styles.css +543 -144
  60. package/dist/surface/index.d.ts +77 -0
  61. package/dist/surface/index.js +4 -0
  62. package/dist/surface/index.js.map +1 -0
  63. package/dist/ui/layers/index.js +4 -3
  64. package/dist/undo/index.d.ts +5 -2
  65. package/package.json +24 -7
  66. package/src/canvas/AGENTS.md +12 -0
  67. package/src/canvas/CanvasStack.tsx +6 -2
  68. package/src/canvas/useLayerScheduler.ts +22 -15
  69. package/src/canvas/useOrbit.test.ts +71 -0
  70. package/src/canvas/useOrbit.ts +149 -0
  71. package/src/canvas/usePanZoom.test.ts +80 -0
  72. package/src/canvas/usePanZoom.ts +16 -2
  73. package/src/chrome/ChromeRegions.stories.tsx +106 -0
  74. package/src/chrome/builtins.test.ts +153 -0
  75. package/src/chrome/builtins.tsx +205 -0
  76. package/src/chrome/index.ts +25 -0
  77. package/src/chrome/merge.test.ts +51 -0
  78. package/src/chrome/merge.ts +52 -0
  79. package/src/chrome/regions/PaletteRegion.less +14 -0
  80. package/src/chrome/regions/PaletteRegion.test.tsx +36 -0
  81. package/src/chrome/regions/PaletteRegion.tsx +41 -0
  82. package/src/chrome/regions/SidebarRegion.tsx +56 -0
  83. package/src/chrome/regions/StatusRegion.tsx +31 -0
  84. package/src/chrome/regions/TitleBarRegion.tsx +41 -0
  85. package/src/chrome/regions/ToolbarRegion.test.tsx +82 -0
  86. package/src/chrome/regions/ToolbarRegion.tsx +71 -0
  87. package/src/chrome/regions/ViewportRegion.less +42 -0
  88. package/src/chrome/regions/ViewportRegion.tsx +37 -0
  89. package/src/chrome/regions/regions.test.tsx +81 -0
  90. package/src/chrome/types.ts +127 -0
  91. package/src/config/builder.test.ts +87 -0
  92. package/src/config/builder.ts +224 -0
  93. package/src/config/fromConfigField.test.ts +93 -0
  94. package/src/config/fromConfigField.ts +74 -0
  95. package/src/config/index.ts +22 -0
  96. package/src/config/resolve.test.ts +120 -0
  97. package/src/config/resolve.ts +67 -0
  98. package/src/config/rules.ts +68 -0
  99. package/src/config/types.ts +108 -0
  100. package/src/config/useConfigSchema.ts +30 -0
  101. package/src/config/visible.ts +20 -0
  102. package/src/controls/ControlPanel.less +4 -58
  103. package/src/controls/ControlPanel.stories.tsx +86 -0
  104. package/src/controls/ControlPanel.test.tsx +223 -10
  105. package/src/controls/ControlPanel.tsx +202 -203
  106. package/src/dragdrop/DragDropRuntime.tsx +36 -18
  107. package/src/dragdrop/DragGhost.less +1 -1
  108. package/src/dragdrop/Palette.less +1 -1
  109. package/src/index.test.ts +18 -0
  110. package/src/index.ts +38 -3
  111. package/src/instrument/SineWave.smoke.test.tsx +9 -1
  112. package/src/instrument/defineInstrument.test.ts +38 -1
  113. package/src/instrument/defineInstrument.ts +31 -4
  114. package/src/instrument/index.ts +1 -0
  115. package/src/instrument/types.ts +38 -3
  116. package/src/instrument/validateConfigSchema.test.ts +13 -3
  117. package/src/instrument/validateConfigSchema.ts +7 -10
  118. package/src/job/index.ts +3 -0
  119. package/src/job/types.ts +47 -0
  120. package/src/job/useJob.test.tsx +210 -0
  121. package/src/job/useJob.ts +134 -0
  122. package/src/lab/Lab.chrome.test.tsx +65 -0
  123. package/src/lab/Lab.stories.tsx +1 -2
  124. package/src/lab/Lab.tsx +58 -15
  125. package/src/lab/LabContext.ts +6 -0
  126. package/src/lab/LabFullChrome.stories.tsx +308 -0
  127. package/src/lab/LabHeader.test.tsx +42 -0
  128. package/src/lab/LabHeader.tsx +57 -0
  129. package/src/lab/LabPalette.test.tsx +35 -0
  130. package/src/lab/LabPalette.tsx +34 -0
  131. package/src/lab/LabShell.less +50 -3
  132. package/src/lab/Workspace.less +1 -30
  133. package/src/lab/Workspace.surface.test.tsx +49 -0
  134. package/src/lab/Workspace.test.tsx +20 -10
  135. package/src/lab/Workspace.tsx +19 -9
  136. package/src/lab/index.ts +2 -0
  137. package/src/layers/AGENTS.md +1 -1
  138. package/src/layers/LayerList.less +31 -7
  139. package/src/layers/LayerList.tsx +17 -4
  140. package/src/passthrough/weasel-ui.ts +23 -0
  141. package/src/primitives/DragHandleGlyph.tsx +29 -0
  142. package/src/primitives/FloatingPanel.less +28 -0
  143. package/src/primitives/FloatingPanel.stories.tsx +46 -0
  144. package/src/primitives/FloatingPanel.test.tsx +240 -0
  145. package/src/primitives/FloatingPanel.tsx +190 -0
  146. package/src/primitives/FpsMeter.test.tsx +44 -0
  147. package/src/primitives/FpsMeter.tsx +20 -9
  148. package/src/primitives/JobProgress.less +69 -0
  149. package/src/primitives/JobProgress.stories.tsx +48 -0
  150. package/src/primitives/JobProgress.tsx +65 -0
  151. package/src/primitives/Legend.less +47 -0
  152. package/src/primitives/Legend.stories.tsx +32 -0
  153. package/src/primitives/Legend.test.tsx +57 -0
  154. package/src/primitives/Legend.tsx +40 -0
  155. package/src/primitives/Sidebar.less +32 -2
  156. package/src/primitives/StatusBar.less +7 -0
  157. package/src/primitives/StatusBar.tsx +10 -3
  158. package/src/primitives/Toolbar.less +50 -3
  159. package/src/primitives/Toolbar.test.tsx +67 -1
  160. package/src/primitives/Toolbar.tsx +72 -6
  161. package/src/primitives/ZoomControl.less +31 -0
  162. package/src/primitives/ZoomControl.tsx +76 -0
  163. package/src/primitives/floating.entry.test.tsx +14 -0
  164. package/src/primitives/index.ts +10 -2
  165. package/src/primitives/useRovingTabIndex.test.ts +27 -0
  166. package/src/primitives/useRovingTabIndex.ts +79 -0
  167. package/src/state/store.ts +16 -2
  168. package/src/state/toolSlot.test.ts +36 -0
  169. package/src/state/types.ts +8 -2
  170. package/src/state/view.test.ts +127 -0
  171. package/src/state/view.ts +18 -0
  172. package/src/styles.less +6 -0
  173. package/src/surface/AGENTS.md +64 -0
  174. package/src/surface/SurfaceContext.ts +5 -0
  175. package/src/surface/composeRects.test.ts +50 -0
  176. package/src/surface/composeRects.ts +19 -0
  177. package/src/surface/deviceRect.test.ts +40 -0
  178. package/src/surface/deviceRect.ts +19 -0
  179. package/src/surface/index.ts +7 -0
  180. package/src/surface/rect.ts +16 -0
  181. package/src/surface/useSurfaceTile.test.tsx +67 -0
  182. package/src/surface/useSurfaceTile.ts +32 -0
  183. package/src/surface/useTiledSurface.test.tsx +231 -0
  184. package/src/surface/useTiledSurface.ts +161 -0
  185. package/src/test-setup.ts +26 -0
  186. package/src/theme/base.less +19 -2
  187. package/src/theme/interstellar.tokens.json +6 -2
  188. package/src/tools/types.ts +24 -0
  189. package/src/trial/Trial.config.test.tsx +113 -0
  190. package/src/trial/Trial.job.test.tsx +73 -0
  191. package/src/trial/Trial.less +121 -4
  192. package/src/trial/Trial.stories.tsx +9 -1
  193. package/src/trial/Trial.test.tsx +67 -96
  194. package/src/trial/Trial.tsx +112 -45
  195. package/src/trial/TrialChrome.tsx +110 -64
  196. package/src/trial/TrialDragContext.ts +10 -0
  197. package/src/trial/TrialTitleBar.tsx +41 -0
  198. package/src/trial/index.ts +1 -15
  199. package/src/trial/trialChrome.borders.test.ts +38 -0
  200. package/src/ui/layers/LayerStack.less +9 -9
  201. package/src/ui/layers/LayerStack.tsx +1 -13
  202. package/src/ui/properties/CurveField.less +2 -2
  203. package/src/ui/properties/CurveField.test.tsx +11 -11
  204. package/src/ui/properties/PropertyGroup.less +2 -2
  205. package/src/ui/properties/PropertyPanel.less +55 -41
  206. package/src/ui/properties/SpeechBalloonPanels.stories.tsx +4 -2
  207. package/src/ui/properties/storyLayouts.tsx +2 -2
  208. package/dist/_dts/index-iAP6XbH3.d.ts +0 -132
  209. package/dist/_dts/types-x92Kfeme.d.ts +0 -62
  210. package/dist/chunk-3TYUJR7Z.js.map +0 -1
  211. package/dist/chunk-574LJAV4.js.map +0 -1
  212. package/dist/chunk-5R2ATYPJ.js +0 -201
  213. package/dist/chunk-5R2ATYPJ.js.map +0 -1
  214. package/dist/chunk-C6GJKPUI.js +0 -5986
  215. package/dist/chunk-C6GJKPUI.js.map +0 -1
  216. package/dist/chunk-DJLDIRFN.js.map +0 -1
  217. package/dist/chunk-NRKWVTVT.js.map +0 -1
  218. package/dist/chunk-PMAU3SEE.js +0 -126
  219. package/dist/chunk-PMAU3SEE.js.map +0 -1
  220. package/dist/chunk-SFL7NFKN.js.map +0 -1
  221. package/src/instrument/capabilityDetector.test.ts +0 -64
  222. package/src/instrument/capabilityDetector.ts +0 -20
  223. package/src/trial/DefaultSidebar.tsx +0 -29
  224. package/src/trial/DefaultStatusBar.tsx +0 -19
  225. package/src/trial/DefaultToolbar.tsx +0 -92
  226. package/src/trial/slotTypes.ts +0 -53
package/dist/styles.css CHANGED
@@ -3,6 +3,7 @@
3
3
  */
4
4
 
5
5
  :root {
6
+ color-scheme: dark;
6
7
  --wzl-gray-50: #f5f5f6;
7
8
  --wzl-gray-100: #e6e7e9;
8
9
  --wzl-gray-200: #c9cbcf;
@@ -54,27 +55,50 @@
54
55
  --wzl-swatch-magenta: #ff6eff;
55
56
  --wzl-radius-sm: 3px;
56
57
  --wzl-radius-md: 5px;
58
+ --wzl-radius-lg: 14px;
59
+ /* Fully rounded ends — segmented controls, progress tracks. */
60
+ --wzl-radius-pill: 999px;
57
61
  --wzl-border-w: 1px;
58
62
  /* Structural lines — gridlines, dividers, axes. */
59
63
  --wzl-line-width: 2px;
60
64
  /* Drawn data curves. Heavier than structural lines so data reads as primary content. */
61
65
  --wzl-curve-width: 3px;
62
- /* Height of a horizontal toolbar strip (ActionsBar, OptionsBar, ToggleBar, ToolOptionsBar). */
66
+ /* Height of a horizontal toolbar strip (ActionsBar, OptionsBar, ToolOptionsBar). Taller than control-h so the controls inside a strip are not flush with its edges. */
63
67
  --wzl-tb-height: 28px;
64
- --wzl-radius-lg: 14px;
65
- /* Height of an interactive control — button, input, select. Distinct from tb-height, which sizes the strip a row of them sits in. */
66
- --wzl-control-h: 28px;
68
+ /* Height of an interactive control — button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in. */
69
+ --wzl-control-h: 24px;
67
70
  /* Backdrop blur radius for frosted surfaces. Pairs with glass-tint. */
68
71
  --wzl-glass-blur: 3px;
69
- --wzl-font-size: 13px;
72
+ /* Shortcut keys and index badges. The floor for chrome text. */
73
+ --wzl-font-size-2xs: 9px;
74
+ /* Tool-button labels under an icon. */
75
+ --wzl-font-size-xs: 10px;
76
+ /* Chrome labels, status readouts, section headings. */
70
77
  --wzl-font-size-sm: 11px;
78
+ /* Controls and body text. */
79
+ --wzl-font-size: 13px;
80
+ /* Panel and dialog titles. */
81
+ --wzl-font-size-lg: 16px;
82
+ /* The largest chrome text — a lab or app title. */
83
+ --wzl-font-size-xl: 20px;
71
84
  --wzl-space-xs: 4px;
72
85
  --wzl-space-sm: 8px;
73
86
  --wzl-space-md: 12px;
74
87
  --wzl-space-lg: 16px;
88
+ --wzl-tracking-none: 0;
89
+ /* Uppercase section headings. */
90
+ --wzl-tracking-wide: 0.06em;
91
+ /* Uppercase at 11px and below. */
92
+ --wzl-tracking-wider: 0.08em;
75
93
  --wzl-z-toolbar: 10;
76
94
  --wzl-z-overlay: 20;
77
95
  --wzl-z-modal: 30;
96
+ /* Single-line controls; the box sets the height. */
97
+ --wzl-leading-tight: 1;
98
+ /* Headings and two-line labels. */
99
+ --wzl-leading-snug: 1.2;
100
+ /* Body and anything that wraps. */
101
+ --wzl-leading: 1.4;
78
102
  /* Layered backdrop fill for a page or lab root. `none` here; a theme with a signature background sets it. */
79
103
  --wzl-backdrop: none;
80
104
  /* Micro-interactions — hover, focus, pressed. */
@@ -106,6 +130,10 @@
106
130
  --wzl-accent-fg: var(--wzl-accent-strong);
107
131
  /* Text drawn on a filled foreground-colored element (e.g. a slider thumb). Flips with the mode, so it is a semantic, not an alias to a primitive. */
108
132
  --wzl-fg-inverse: var(--wzl-gray-900);
133
+ /* Elevation. Always darker than any surface — never derived from fg, which is near-white on dark. */
134
+ --wzl-shadow: rgba(0, 0, 0, 0.6);
135
+ /* The line around a raised surface. Clears 3:1 against surface and surface-raised in either mode, which the general-purpose border does not; over surface-sunken it does not, so a panel on a sunken field needs its own answer. */
136
+ --wzl-border-raised: var(--wzl-gray-400);
109
137
  }
110
138
 
111
139
  :root {
@@ -126,6 +154,8 @@
126
154
  --wzl-border-strong: var(--wzl-gray-600);
127
155
  --wzl-accent-fg: var(--wzl-accent-strong);
128
156
  --wzl-fg-inverse: var(--wzl-gray-900);
157
+ --wzl-shadow: rgba(0, 0, 0, 0.6);
158
+ --wzl-border-raised: var(--wzl-gray-400);
129
159
  }
130
160
 
131
161
  [data-wzl-theme='weasel'][data-wzl-mode='light'],
@@ -141,9 +171,11 @@
141
171
  --wzl-border-strong: var(--wzl-gray-300);
142
172
  --wzl-accent-fg: var(--wzl-accent-base);
143
173
  --wzl-fg-inverse: var(--wzl-gray-50);
174
+ --wzl-shadow: rgba(0, 0, 0, 0.18);
175
+ --wzl-border-raised: var(--wzl-gray-400);
144
176
  }
145
177
 
146
- ._tooltip_1km1f_1{z-index:1200;background:var(--wzl-surface);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);color:var(--wzl-fg);font-family:var(--wzl-font-ui);max-width:260px;transition:opacity var(--wzl-motion-fast);padding:4px 8px;font-size:12px;line-height:1.3;box-shadow:0 4px 16px #00000059}._tooltip_1km1f_1[data-entering],._tooltip_1km1f_1[data-exiting]{opacity:0}._arrow_1km1f_22 svg{fill:var(--wzl-surface);stroke:var(--wzl-border);stroke-width:1px;display:block}._arrow_1km1f_22[data-placement=bottom] svg{transform:rotate(180deg)}._arrow_1km1f_22[data-placement=left] svg{transform:rotate(-90deg)}._arrow_1km1f_22[data-placement=right] svg{transform:rotate(90deg)}._bar_147qb_7{background:var(--wzl-surface);border:1px solid var(--wzl-border);-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:row;gap:1px;padding:2px;display:flex}._bar_147qb_7._vertical_147qb_18{flex-direction:column}._button_147qb_22{width:28px;height:28px;color:var(--wzl-fg);cursor:default;background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;padding:0;display:inline-flex}._button_147qb_22:hover:not([disabled]){background:var(--wzl-border)}._button_147qb_22:active:not([disabled]){background:color-mix(in srgb, var(--wzl-border) 70%, transparent)}._button_147qb_22[disabled]{opacity:.4;cursor:default}._button_147qb_22>svg{display:block}._root_1hmjs_10{height:var(--wzl-tb-height,28px);-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#0000002e 0%,#0000000d 100%);border-radius:999px;padding:2px;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px 2px #0006,0 1px #ffffff0f}._segment_1hmjs_32{min-width:0;font-family:var(--wzl-font-ui);font-weight:300;font-size:var(--btn-fontsize,14px);color:var(--wzl-fg-muted);cursor:pointer;isolation:isolate;transition:color var(--wzl-motion-fast);background:0 0;border:none;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;margin:0;padding:0 12px;line-height:1;display:inline-flex;position:relative;overflow:hidden}._segment_1hmjs_32:first-child{border-radius:999px 0 0 999px}._segment_1hmjs_32:last-child{border-radius:0 999px 999px 0}._segment_1hmjs_32:only-child{border-radius:999px}._segment_1hmjs_32:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:-2px}._segment_1hmjs_32:disabled{opacity:.5;cursor:not-allowed}._segment_1hmjs_32:hover:not(:disabled):not(._segmentSelected_1hmjs_79){color:var(--wzl-fg)}._segmentSelected_1hmjs_79{background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-accent) var(--btn-top-alpha,45%), transparent) 0%, color-mix(in srgb, var(--wzl-accent) var(--btn-upper-alpha,70%), transparent) calc(var(--btn-equator,52%) - var(--btn-equator-spread,12%)), color-mix(in srgb, var(--wzl-accent) var(--btn-equator-tint,95%), white) var(--btn-equator,52%), var(--wzl-accent) calc(var(--btn-equator,52%) + var(--btn-equator-spread,12%) * 1.6), color-mix(in srgb, var(--wzl-accent) var(--btn-base-tint,70%), black) 100%);-webkit-backdrop-filter:blur(var(--btn-blur,6px)) saturate(var(--btn-saturate,1.3));color:var(--wzl-fg-on-accent);text-shadow:0 1px 0 rgba(0, 0, 0, var(--btn-text-shadow,.35)), var(--btn-text-inset-x,0px) var(--btn-text-inset-y,1px) 0 rgba(0, 0, 0, var(--btn-text-inset,.55)), 0 0 6px rgba(0, 0, 0, calc(var(--btn-text-shadow,.35) * .5));box-shadow:inset 0 1px 0 rgba(255, 255, 255, var(--btn-inset-hi,.42)), inset 0 -1px 2px rgba(0, 0, 0, var(--btn-inset-lo,.3)), 0 0 0 1px rgba(0, 0, 0, var(--btn-rim,.22)), 0 1px 2px rgba(0, 0, 0, var(--btn-drop-near,.3)), 0 2px 4px rgba(0, 0, 0, calc(var(--btn-drop-far,.18) * .8))}._segmentSelected_1hmjs_79:before{content:"";inset:1px 1px var(--btn-gloss-bottom,50%) 1px;border-radius:inherit;background:linear-gradient(180deg, rgba(255, 255, 255, var(--btn-gloss-top,.42)) 0%, rgba(255, 255, 255, var(--btn-gloss-mid,.12)) 60%, #fff0 100%);pointer-events:none;z-index:1;border-bottom-right-radius:0;border-bottom-left-radius:0;position:absolute}._segmentSelected_1hmjs_79>*{z-index:2;position:relative}._size_sm_1hmjs_137{height:17px;padding:1px}._size_sm_1hmjs_137 ._segment_1hmjs_32{padding:0 8px;font-size:11px}._variant_minimal_1hmjs_150{height:auto;box-shadow:none;background:0 0;border-radius:0;gap:2px;padding:0}._variant_minimal_1hmjs_150 ._segment_1hmjs_32{color:var(--wzl-fg-muted);border-radius:2px;padding:0 4px;font-size:11px;font-weight:400;line-height:1.4;transition:none}._variant_minimal_1hmjs_150 ._segment_1hmjs_32:first-child,._variant_minimal_1hmjs_150 ._segment_1hmjs_32:last-child,._variant_minimal_1hmjs_150 ._segment_1hmjs_32:only-child{border-radius:2px}._variant_minimal_1hmjs_150 ._segment_1hmjs_32:hover:not(:disabled):not(._segmentSelected_1hmjs_79){color:var(--wzl-fg);background:#ffffff0f}._variant_minimal_1hmjs_150 ._segmentSelected_1hmjs_79{-webkit-backdrop-filter:none;color:var(--wzl-accent-fg,var(--wzl-accent));text-shadow:none;box-shadow:none;background:0 0;font-weight:500}._variant_minimal_1hmjs_150 ._segmentSelected_1hmjs_79:before{content:none}._badge_16w4d_1{vertical-align:baseline;align-items:baseline;gap:var(--badge-gap,4px);font-size:var(--badge-font-size,10px);text-transform:uppercase;letter-spacing:.04em;color:var(--badge-fg,var(--wzl-fg-muted));--badge-edge:var(--wzl-border);--badge-fill:var(--wzl-surface);--badge-fg:var(--badge-edge);font:inherit;background:0 0;border:0;font-family:inherit;text-decoration:none;display:inline-flex;position:relative}._badge_16w4d_1 *{text-decoration:none}._badge_16w4d_1[data-size=md]{--badge-gap:6px;--badge-pad-x:10px;--badge-pad-y:3px;--badge-font-size:12px}._deco_16w4d_33{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}._deco_16w4d_33 .badge-fill{fill:var(--badge-fill);stroke:none}._deco_16w4d_33 .badge-stroke{fill:none;stroke:var(--badge-edge);stroke-width:var(--badge-stroke-width,1px);vector-effect:non-scaling-stroke}._deco_16w4d_33 .badge-focus{fill:none;stroke:var(--badge-edge);stroke-width:calc(var(--badge-stroke-width,1px) + 1px);vector-effect:non-scaling-stroke;opacity:.6}._deco_16w4d_33 .badge-bevel-light{fill:#ffffff38;stroke:none}._deco_16w4d_33 .badge-bevel-medium-light{fill:#ffffff1a;stroke:none}._deco_16w4d_33 .badge-bevel-medium-dark{fill:#00000029;stroke:none}._deco_16w4d_33 .badge-bevel-dark{fill:#00000052;stroke:none}._content_16w4d_49{align-items:baseline;gap:inherit;z-index:1;display:inline-flex;position:relative}._badge_16w4d_1[data-tone=accent]{--badge-edge:var(--wzl-accent-fg,var(--wzl-accent,#7fb069))}._badge_16w4d_1[data-tone=info]{--badge-edge:#7ab8d4}._badge_16w4d_1[data-tone=warn]{--badge-edge:#d4a574}._badge_16w4d_1[data-tone=danger]{--badge-edge:#c43c3c}._badge_16w4d_1[data-tone=muted]{--badge-edge:var(--wzl-fg-muted)}._badge_16w4d_1[data-tone=neutral]{--badge-edge:var(--wzl-border);--badge-fg:var(--wzl-fg-muted)}._badge_16w4d_1[data-variant=outline]{--badge-fill:var(--wzl-surface);--badge-fg:var(--badge-edge)}._badge_16w4d_1[data-variant=solid]{--badge-fill:var(--badge-edge);--badge-fg:#fff;font-weight:600}._badge_16w4d_1[data-variant=subtle]{--badge-fill:color-mix(in oklab, var(--badge-edge) 14%, transparent);--badge-fg:var(--badge-edge)}._badge_16w4d_1[data-tone=neutral]:not([data-variant=solid]){--badge-fg:var(--wzl-fg-muted)}._badge_16w4d_1{padding:calc(var(--badge-pad-y,1px) + var(--badge-inset-top,0px)) calc(var(--badge-pad-x,6px) + var(--badge-inset-right,0px)) calc(var(--badge-pad-y,1px) + var(--badge-inset-bottom,0px)) calc(var(--badge-pad-x,6px) + var(--badge-inset-left,0px))}._badge_16w4d_1[data-shape=pill]{box-sizing:border-box;-webkit-box-decoration-break:slice;box-decoration-break:slice;border-radius:9999px;display:inline}._badge_16w4d_1[data-shape=pill] ._content_16w4d_49,._badge_16w4d_1[data-shape=plain] ._content_16w4d_49{display:inline}._badge_16w4d_1[data-shape=pill][data-variant=solid],._badge_16w4d_1[data-shape=pill][data-variant=subtle]{background:var(--badge-fill)}._badge_16w4d_1[data-shape=pill]{border:var(--badge-stroke-width,1px) solid transparent}._badge_16w4d_1[data-shape=pill][data-variant=outline],._badge_16w4d_1[data-shape=pill][data-variant=solid]{border-color:var(--badge-edge)}._badge_16w4d_1[data-shape=pill][data-focused=true]{outline:2px solid color-mix(in oklab, var(--badge-edge) 60%, transparent);outline-offset:2px}._badge_16w4d_1[data-shape=plain]{letter-spacing:.04em;text-transform:none;color:var(--badge-fg);-webkit-box-decoration-break:slice;box-decoration-break:slice;background:0 0;padding:0;display:inline}._badge_16w4d_1[data-shape=plain][data-focused=true]{outline:2px solid color-mix(in oklab, var(--badge-edge) 60%, transparent);outline-offset:3px;border-radius:2px}._badge_16w4d_1[data-shape=plaque] ._content_16w4d_49{text-shadow:0 1px #ffffff24,0 -.5px #00000080}button._badge_16w4d_1,a._badge_16w4d_1{cursor:pointer;border:0 solid #0000;outline:0}button._badge_16w4d_1:hover,a._badge_16w4d_1:hover{--badge-edge:color-mix(in oklab, var(--badge-edge) 88%, white)}@media (prefers-reduced-motion:reduce){button._badge_16w4d_1:hover,a._badge_16w4d_1:hover{--badge-edge:var(--badge-edge)}}._remove_16w4d_161{width:14px;height:14px;color:var(--badge-fg);cursor:pointer;font:inherit;vertical-align:middle;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:14px;line-height:1;display:inline-flex}._remove_16w4d_161:hover{background:color-mix(in oklab, var(--badge-fg) 20%, transparent)}._remove_16w4d_161>svg{display:block}._badge_16w4d_1[data-size=md] ._remove_16w4d_161{width:16px;height:16px;font-size:16px}._badge_16w4d_1[data-size=md] ._remove_16w4d_161>svg{width:12px;height:12px}._root_amv2k_1{-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;gap:2px;display:flex;position:relative}._label_amv2k_11{font:var(--wzl-font-weight-medium,500) var(--wzl-font-size-sm,.75rem) / 1.4 var(--wzl-font-ui,ui-sans-serif, system-ui, sans-serif);color:var(--wzl-fg-muted)}._ruler_amv2k_19{height:var(--be-ruler-height,20px);cursor:crosshair;position:relative}._tick_amv2k_25{left:var(--be-at);background:var(--wzl-fg-subtle);pointer-events:none;width:1px;height:6px;position:absolute;bottom:0}._tickLabel_amv2k_35{font:var(--wzl-font-weight-medium,500) .65rem / 1 var(--wzl-font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--wzl-fg-muted);white-space:nowrap;position:absolute;bottom:7px;left:0;transform:translate(-50%)}._bands_amv2k_45{height:var(--be-band-height,34px);position:relative}._band_amv2k_45{top:0;bottom:0;left:var(--be-from);width:calc(var(--be-to) - var(--be-from));background:var(--wzl-surface-raised);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm,3px);color:var(--wzl-fg);font:var(--wzl-font-weight-medium,500) .7rem / 1 var(--wzl-font-ui,ui-sans-serif, system-ui, sans-serif);cursor:grab;justify-content:center;align-items:center;margin:0;padding:0 4px;display:flex;position:absolute;overflow:hidden}._band_amv2k_45:hover{background:var(--wzl-surface-hover)}._band_amv2k_45:active{cursor:grabbing}._band_amv2k_45:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:-2px}._band_amv2k_45:first-of-type,._band_amv2k_45:last-of-type{cursor:default}._selected_amv2k_92{background:color-mix(in srgb, var(--wzl-accent) 22%, transparent);border-color:var(--wzl-accent);box-shadow:inset 0 0 0 1px var(--wzl-accent);color:var(--wzl-fg)}._bandContent_amv2k_99{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;overflow:hidden}._seam_amv2k_107{left:var(--be-at);z-index:1;cursor:ew-resize;background:0 0;border:none;width:11px;margin-left:-5px;position:absolute;top:-3px;bottom:-3px}._seam_amv2k_107:before{content:"";background:var(--wzl-border-strong);width:1px;position:absolute;top:0;bottom:0;left:5px}._seam_amv2k_107:hover:before,._seam_amv2k_107:focus-visible:before{background:var(--wzl-accent);width:2px}._seam_amv2k_107:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:0;border-radius:2px}._button_yji6d_3{--btn-radius:calc(var(--btn-height) * .1);--btn-fontweight:400;--btn-fontsize:14px;--btn-height:24px;--btn-padx:12px;--btn-top-alpha:45%;--btn-upper-alpha:70%;--btn-equator:52%;--btn-equator-spread:12%;--btn-equator-tint:95%;--btn-base-tint:70%;--btn-blur:6px;--btn-saturate:1.3;--btn-gloss-top:.42;--btn-gloss-mid:.12;--btn-gloss-bottom:50%;--btn-rim:.22;--btn-drop-near:.3;--btn-drop-far:.18;--btn-inset-hi:.42;--btn-inset-lo:.3;--btn-text-shadow:.35;--btn-text-inset:.55;--btn-text-inset-x:0px;--btn-text-inset-y:1px;border-radius:var(--btn-radius);font-family:var(--wzl-font-ui);font-weight:var(--btn-fontweight);font-style:normal;font-size:var(--btn-fontsize);height:var(--btn-height);padding:0 var(--btn-padx);cursor:pointer;-webkit-user-select:none;user-select:none;isolation:isolate;transition:filter var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast), transform 80ms;border:none;justify-content:center;align-items:center;gap:6px;line-height:1;display:inline-flex;position:relative;overflow:hidden}._button_yji6d_3:before{content:"";inset:1px 1px var(--btn-gloss-bottom) 1px;border-top-left-radius:var(--btn-radius);border-top-right-radius:var(--btn-radius);background:linear-gradient(180deg, rgba(255, 255, 255, var(--btn-gloss-top)) 0%, rgba(255, 255, 255, var(--btn-gloss-mid)) 60%, #fff0 100%);pointer-events:none;z-index:1;transition:opacity var(--wzl-motion-fast);border-bottom-right-radius:0;border-bottom-left-radius:0;position:absolute}._button_yji6d_3>*{z-index:2;position:relative}._button_yji6d_3:focus-visible{outline:2px solid var(--wzl-focus-ring);outline-offset:1px}._button_yji6d_3:disabled{opacity:.5;cursor:not-allowed}._size_sm_yji6d_110{--btn-height:20px;--btn-padx:8px;--btn-fontsize:13px}._size_md_yji6d_111{--btn-height:24px;--btn-padx:12px;--btn-fontsize:14px}._iconOnly_yji6d_113._size_sm_yji6d_110{--btn-padx:0;width:20px}._iconOnly_yji6d_113._size_md_yji6d_111{--btn-padx:0;width:24px}._variant_primary_yji6d_121{background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-accent) var(--btn-top-alpha), transparent) 0%, color-mix(in srgb, var(--wzl-accent) var(--btn-upper-alpha), transparent) calc(var(--btn-equator) - var(--btn-equator-spread)), color-mix(in srgb, var(--wzl-accent) var(--btn-equator-tint), white) var(--btn-equator), var(--wzl-accent) calc(var(--btn-equator) + var(--btn-equator-spread) * 1.6), color-mix(in srgb, var(--wzl-accent) var(--btn-base-tint), black) 100%);-webkit-backdrop-filter:blur(var(--btn-blur)) saturate(var(--btn-saturate));color:var(--wzl-fg-on-accent);text-shadow:0 1px 0 rgba(0, 0, 0, var(--btn-text-shadow)), var(--btn-text-inset-x) var(--btn-text-inset-y) 0 rgba(0, 0, 0, var(--btn-text-inset)), 0 0 6px rgba(0, 0, 0, calc(var(--btn-text-shadow) * .5));box-shadow:inset 0 1px 0 rgba(255, 255, 255, var(--btn-inset-hi)), inset 0 -1px 2px rgba(0, 0, 0, var(--btn-inset-lo)), 0 0 0 1px rgba(0, 0, 0, var(--btn-rim)), 0 1px 2px rgba(0, 0, 0, var(--btn-drop-near)), 0 3px 6px rgba(0, 0, 0, var(--btn-drop-far))}._variant_primary_yji6d_121:hover:not(:disabled){filter:brightness(1.08)saturate(1.06)}._variant_primary_yji6d_121:active:not(:disabled){background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-accent) 80%, black) 0%, color-mix(in srgb, var(--wzl-accent) 95%, black) 50%, color-mix(in srgb, var(--wzl-accent) 60%, white) 100%);box-shadow:inset 0 2px 4px #00000059, inset 0 -1px 0 #ffffff40, 0 0 0 1px rgba(0, 0, 0, calc(var(--btn-rim) + .06));transform:translateY(.5px)}._variant_primary_yji6d_121:active:before{opacity:.3}._variant_secondary_yji6d_168{background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-fg) 25%, transparent) 0%, color-mix(in srgb, var(--wzl-fg) 10%, transparent) calc(var(--btn-equator) - var(--btn-equator-spread)), color-mix(in srgb, var(--wzl-surface-raised) 90%, white) var(--btn-equator), var(--wzl-surface-raised) calc(var(--btn-equator) + var(--btn-equator-spread) * 1.6), color-mix(in srgb, var(--wzl-surface-sunken) 80%, black) 100%);-webkit-backdrop-filter:blur(var(--btn-blur)) saturate(var(--btn-saturate));color:var(--wzl-fg);text-shadow:0 1px 0 rgba(0, 0, 0, calc(var(--btn-text-shadow) * .7)), var(--btn-text-inset-x) var(--btn-text-inset-y) 0 rgba(0, 0, 0, calc(var(--btn-text-inset) * .7));box-shadow:inset 0 1px 0 rgba(255, 255, 255, calc(var(--btn-inset-hi) * .5)), inset 0 -1px 2px rgba(0, 0, 0, calc(var(--btn-inset-lo) * .83)), 0 0 0 1px rgba(0, 0, 0, calc(var(--btn-rim) + .03)), 0 1px 2px rgba(0, 0, 0, calc(var(--btn-drop-near) * .93)), 0 3px 6px rgba(0, 0, 0, calc(var(--btn-drop-far) * .89))}._variant_secondary_yji6d_168:hover:not(:disabled){filter:brightness(1.1)}._variant_secondary_yji6d_168:active:not(:disabled){background:linear-gradient(180deg, var(--wzl-surface-sunken) 0%, var(--wzl-surface-raised) 100%);transform:translateY(.5px);box-shadow:inset 0 2px 4px #0006,0 0 0 1px #0000004d}._variant_secondary_yji6d_168:active:before{opacity:.2}._variant_ghost_yji6d_203{color:var(--wzl-fg);box-shadow:none;background:0 0}._variant_ghost_yji6d_203:before{display:none}._variant_ghost_yji6d_203:hover:not(:disabled){background:color-mix(in srgb, var(--wzl-fg) 10%, transparent)}._variant_ghost_yji6d_203:active:not(:disabled){background:color-mix(in srgb, var(--wzl-fg) 18%, transparent)}._fullWidth_yji6d_220{width:100%}._loading_yji6d_221 ._label_yji6d_221{opacity:.7}._iconSlot_yji6d_225{flex:none;justify-content:center;align-items:center;display:inline-flex}._size_sm_yji6d_110 ._iconSlot_yji6d_225>svg{width:12px;height:12px}._size_md_yji6d_111 ._iconSlot_yji6d_225>svg{width:14px;height:14px}._label_yji6d_221{display:inline-block}._spinner_yji6d_239{justify-content:center;align-items:center;animation:.7s linear infinite _wzl-btn-spin_yji6d_1;display:inline-flex}@keyframes _wzl-btn-spin_yji6d_1{to{transform:rotate(360deg)}}._anchor_18o4b_1{pointer-events:none;position:fixed}._popover_18o4b_6{z-index:1200;--callout-accent:var(--wzl-accent-strong);background:var(--wzl-surface);border:1px solid var(--callout-accent);border-radius:var(--wzl-radius-md);color:var(--wzl-fg);font-family:var(--wzl-font-ui);max-width:320px;transition:opacity var(--wzl-motion-fast);box-shadow:0 12px 40px #0006}._popover_18o4b_6[data-entering],._popover_18o4b_6[data-exiting]{opacity:0}._toneWarning_18o4b_25{--callout-accent:var(--wzl-warning,#d99a3f)}._toneDanger_18o4b_29{--callout-accent:var(--wzl-danger,#d94a3f)}._arrow_18o4b_33 svg{fill:var(--wzl-surface);stroke:var(--callout-accent);stroke-width:1px;display:block}._arrow_18o4b_33[data-placement=bottom] svg{transform:rotate(180deg)}._arrow_18o4b_33[data-placement=left] svg{transform:rotate(-90deg)}._arrow_18o4b_33[data-placement=right] svg{transform:rotate(90deg)}._dialog_18o4b_52{max-height:inherit;outline:none;flex-direction:column;display:flex}._header_18o4b_59{align-items:center;gap:8px;padding:10px 12px 0;display:flex}._title_18o4b_66{flex:1;margin:0;font-size:13px;font-weight:600}._close_18o4b_73{color:var(--wzl-fg-muted);cursor:pointer;border-radius:var(--wzl-radius-sm);background:0 0;border:none;flex:none;padding:2px 4px;font-size:16px;line-height:1}._close_18o4b_73:hover{color:var(--wzl-fg)}._body_18o4b_89{padding:8px 12px 10px;font-size:13px;line-height:1.4;overflow-y:auto}._footer_18o4b_96{justify-content:flex-end;gap:8px;padding:0 12px 10px;display:flex}._checkbox_18mi9_1{cursor:pointer;font-family:var(--wzl-font-ui);color:var(--wzl-fg);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}._checkbox_18mi9_1[data-disabled]{opacity:.5;cursor:not-allowed}._box_18mi9_18{background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border-strong);border-radius:var(--wzl-radius-sm);width:14px;height:14px;transition:background-color var(--wzl-motion-fast), border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);flex:none;position:relative}._checkbox_18mi9_1[data-focus-visible] ._box_18mi9_18{box-shadow:0 0 0 2px var(--wzl-focus-ring)}._checkbox_18mi9_1[data-hovered]:not([data-disabled]) ._box_18mi9_18{border-color:var(--wzl-fg-muted)}._checkbox_18mi9_1[data-selected] ._box_18mi9_18,._checkbox_18mi9_1[data-indeterminate] ._box_18mi9_18{background:var(--wzl-accent-strong);border-color:var(--wzl-accent-strong)}._checkbox_18mi9_1[data-invalid] ._box_18mi9_18{border-color:var(--wzl-danger,#ff5b5b)}._checkmark_18mi9_47{color:var(--wzl-fg-on-accent);opacity:0;pointer-events:none;position:absolute;inset:0}._checkbox_18mi9_1[data-selected] ._checkmark_18mi9_47,._checkbox_18mi9_1[data-indeterminate] ._checkmark_18mi9_47{opacity:1}._label_18mi9_60{line-height:1.2}._root_r50jb_1{align-items:center;gap:6px;display:inline-flex}._chip_r50jb_7{border-radius:4px;display:inline-flex;position:relative;overflow:hidden}._color_r50jb_14{border:1px solid var(--wzl-border,#444);cursor:pointer;background:0 0;border-radius:4px;block-size:20px;inline-size:28px;padding:0}._root_r50jb_1[data-mixed] ._chip_r50jb_7:after{content:"";pointer-events:none;background:repeating-conic-gradient(var(--wzl-border,#666) 0% 25%, var(--wzl-surface,#2e2f36) 0% 50%) 50% / 8px 8px;border-radius:3px;position:absolute;inset:1px}._alphaRange_r50jb_39{min-inline-size:48px;accent-color:var(--wzl-accent,#7ab8d4);flex:1}._alphaRange_r50jb_39:disabled{opacity:.45}._alphaReadout_r50jb_49{text-align:end;opacity:.7;min-inline-size:3ch;font-size:11px}._field_aqiak_1{font-family:var(--wzl-font-ui);color:var(--wzl-fg);flex-direction:column;gap:4px;display:flex}._label_aqiak_9{color:var(--wzl-fg);cursor:default;font-size:12px;font-weight:500}._hint_aqiak_16{color:var(--wzl-fg-subtle);font-size:11px;line-height:1.4}._error_aqiak_22{color:var(--wzl-danger,#ff5b5b);font-size:11px;line-height:1.4}._row_aqiak_28{flex-direction:row;align-items:center;gap:8px}._row_aqiak_28 ._label_aqiak_9{flex:1;min-width:0}._field_7wlzm_1{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}._frame_7wlzm_9{background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);height:24px;color:var(--wzl-fg);font-family:var(--wzl-font-ui);transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);align-items:stretch;font-size:13px;line-height:1;display:flex;overflow:hidden}._frame_7wlzm_9:focus-within{border-color:var(--wzl-focus-ring);box-shadow:0 0 0 1px var(--wzl-focus-ring)}._field_7wlzm_1[data-invalid] ._frame_7wlzm_9{border-color:var(--wzl-danger,#ff5b5b)}._field_7wlzm_1[data-disabled] ._frame_7wlzm_9{opacity:.5;cursor:not-allowed}._frame_7wlzm_9 input{min-width:0;color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:1;padding:0 8px}._frame_7wlzm_9 input::placeholder{color:var(--wzl-fg-subtle)}._openButton_7wlzm_53{border:none;border-left:1px solid var(--wzl-border);width:22px;color:var(--wzl-fg-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}._openButton_7wlzm_53[data-hovered]:not([data-disabled]){color:var(--wzl-fg)}._openButton_7wlzm_53 svg{width:10px;height:10px}._popover_7wlzm_75{min-width:var(--trigger-width);outline:none}._listbox_7wlzm_80{background:var(--wzl-surface-raised);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-md);max-height:280px;font-family:var(--wzl-font-ui);outline:none;padding:4px;font-size:13px;overflow:auto;box-shadow:0 8px 24px #0000004d}._option_7wlzm_93{cursor:pointer;color:var(--wzl-fg);border-radius:3px;outline:none;align-items:center;padding:4px 8px;display:flex}._option_7wlzm_93[data-focused]{background:color-mix(in srgb, var(--wzl-fg) 10%, transparent)}._option_7wlzm_93[data-selected]{font-weight:500}._option_7wlzm_93[data-disabled]{opacity:.4;cursor:not-allowed}._empty_7wlzm_116{color:var(--wzl-fg-subtle);padding:6px 8px;font-size:12px}._root_1djm7_1{--plot-bg:var(--wzl-surface-sunken);--plot-grid:var(--wzl-line);--plot-axis:var(--wzl-fg);background:var(--plot-bg);-webkit-user-select:none;user-select:none;touch-action:none;outline:none;display:block;overflow:visible}._root_1djm7_1:focus-visible{outline:2px solid var(--wzl-focus-ring);outline-offset:2px}._grid_1djm7_28{stroke:var(--plot-grid);stroke-width:1px;fill:none}._axis_1djm7_34{stroke:var(--plot-axis);stroke-width:var(--wzl-line-width);fill:none}._root_ybpym_1{--curve-line:var(--wzl-curve-color);--curve-line-width:var(--wzl-curve-width);--curve-fill:color-mix(in srgb, var(--curve-line) 30%, transparent);--curve-anchor-fill:var(--wzl-surface);--curve-anchor-stroke:var(--curve-line);--curve-anchor-radius:4;--curve-anchor-active-fill:var(--curve-line);--curve-pinned-fill:var(--wzl-fg-subtle)}._fill_ybpym_19{fill:var(--curve-fill);stroke:none;pointer-events:none}._curve_ybpym_25{stroke:var(--curve-line);stroke-width:var(--curve-line-width);fill:none;pointer-events:stroke}._anchor_ybpym_32{fill:var(--curve-anchor-fill);stroke:var(--curve-anchor-stroke);stroke-width:1.5px;cursor:grab}._anchor_ybpym_32:hover{fill:var(--curve-anchor-active-fill)}._anchor_ybpym_32._active_ybpym_43{fill:var(--curve-anchor-active-fill);cursor:grabbing}._anchor_ybpym_32._pinned_ybpym_48{fill:var(--curve-pinned-fill);cursor:default}._anchor_ybpym_32._locked_ybpym_55{cursor:not-allowed}._hidden_ybpym_71{display:none}._grid_1uuch_1{width:100%;position:relative}._table_1uuch_6{border-collapse:collapse;width:100%;font-size:11px}._table_1uuch_6 th,._table_1uuch_6 td{text-align:left;vertical-align:middle;padding:3px 6px}._table_1uuch_6 tbody tr{border-bottom:1px solid #ffffff0a}._table_1uuch_6 th{color:var(--wzl-fg-muted);background:var(--wzl-surface,#2a2018);z-index:1;border-bottom:1px solid var(--wzl-border);font-weight:600;position:sticky;top:0}._sortButton_1uuch_34{all:unset;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;display:block}._sortButton_1uuch_34:hover{color:var(--wzl-fg,#e6e7e9)}._sortButton_1uuch_34:focus-visible{outline:2px solid var(--wzl-focus-ring,var(--wzl-accent,#7fb069));outline-offset:-2px}._sortActive_1uuch_46{color:var(--wzl-fg,#e6e7e9)}._empty_1uuch_48{color:var(--wzl-fg-muted);text-align:center;padding:8px 0;font-style:italic}._handleCol_1uuch_56{width:14px}._handleCell_1uuch_57{cursor:grab;width:14px;color:var(--wzl-fg-muted);-webkit-user-select:none;user-select:none;text-align:center}._handleCell_1uuch_57:active{cursor:grabbing}._dragging_1uuch_66{opacity:.4}._dropBefore_1uuch_68>td{box-shadow:inset 0 2px 0 0 var(--wzl-accent,#7fb069)}._dropAfter_1uuch_69>td{box-shadow:inset 0 -2px 0 0 var(--wzl-accent,#7fb069)}._overlay_13xy9_1{z-index:1000;opacity:0;transition:opacity var(--wzl-motion-fast);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._overlay_13xy9_1[data-entering]{opacity:0}._overlay_13xy9_1[data-entering][data-rac]{opacity:1}._overlay_13xy9_1[data-exiting]{opacity:0}._overlay_13xy9_1[data-rac]:not([data-entering]):not([data-exiting]){opacity:1}._modal_13xy9_29{background:var(--wzl-surface);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-md);color:var(--wzl-fg);font-family:var(--wzl-font-ui);outline:none;flex-direction:column;max-width:min(900px,100vw - 32px);max-height:calc(100vh - 32px);display:flex;box-shadow:0 24px 64px #00000073}._dialog_13xy9_43{outline:none;flex-direction:column;flex:1;min-height:0;display:flex}._header_13xy9_51{border-bottom:1px solid var(--wzl-border);flex:none;align-items:center;gap:12px;padding:14px 16px;display:flex}._title_13xy9_60{color:var(--wzl-fg);flex:1;margin:0;font-size:14px;font-weight:600}._close_13xy9_68{border-radius:var(--wzl-radius-sm);width:22px;height:22px;color:var(--wzl-fg-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:inline-flex}._close_13xy9_68:hover{background:color-mix(in srgb, var(--wzl-fg) 10%, transparent);color:var(--wzl-fg)}._body_13xy9_90{flex:1;min-height:0;padding:16px;overflow:auto}._footer_13xy9_97{border-top:1px solid var(--wzl-border);flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}._root_q2asl_1{-webkit-user-select:none;user-select:none;touch-action:none;position:relative}._row_q2asl_8{align-items:center;gap:8px;display:flex}._track_q2asl_14{min-width:0;height:var(--rp-track-height,24px);background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border);cursor:crosshair;border-radius:3px;flex:1;position:relative}._trackInner_q2asl_25{border-radius:3px;position:absolute;inset:0;overflow:hidden}._thumb_q2asl_35{background:color-mix(in srgb, var(--wzl-fg-muted) 70%, transparent);border:1px solid var(--wzl-border-strong);cursor:ew-resize;-webkit-backdrop-filter:blur(3px);font-variant-numeric:tabular-nums;width:14px;color:var(--wzl-fg-inverse);text-shadow:0 0 2px #ffffffb3;border-radius:3px;justify-content:center;align-items:center;margin-left:-7px;font:500 .65rem/1 ui-sans-serif,system-ui,sans-serif;display:flex;position:absolute;top:-2px;bottom:-2px;box-shadow:0 1px 2px #0003}._thumb_q2asl_35:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:1px}._thumbActive_q2asl_74{z-index:1}._readoutsBelow_q2asl_79{height:14px;margin-top:4px;position:relative}._readoutBelow_q2asl_85{color:var(--wzl-fg-muted);white-space:nowrap;font:500 .65rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;transform:translate(-50%)}._readoutInline_q2asl_93{color:var(--wzl-fg-muted);vertical-align:middle;margin-left:8px;font:500 .7rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-block}._notched_q2asl_101{background:var(--thumb-svg,none);-webkit-backdrop-filter:none;box-shadow:none;filter:drop-shadow(0 1px 1px #00000040);--thumb-svg:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 30' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 2.52,0 7,10.3 11.48,0 14,0 14,30 0,30' fill='rgba(255,255,255,0.62)' stroke='rgba(0,0,0,0.55)' stroke-width='0.75' stroke-linejoin='miter'/%3E%3C/svg%3E");background-color:#0000;background-repeat:no-repeat;background-size:100% 100%;border:none}._root_1pyfg_6{height:var(--wzl-tb-height,28px);-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#0000002e 0%,#0000000d 100%);border-radius:999px;padding:2px;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px 2px #0006,0 1px #ffffff0f}._segment_1pyfg_28{min-width:0;font-family:var(--wzl-font-ui);font-weight:300;font-size:var(--btn-fontsize,14px);color:var(--wzl-fg-muted);cursor:pointer;isolation:isolate;transition:color var(--wzl-motion-fast);background:0 0;border:none;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;margin:0;padding:0 12px;line-height:1;display:inline-flex;position:relative;overflow:hidden}._segment_1pyfg_28:first-child{border-radius:999px 0 0 999px}._segment_1pyfg_28:last-child{border-radius:0 999px 999px 0}._segment_1pyfg_28:only-child{border-radius:999px}._segment_1pyfg_28:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:-2px}._segment_1pyfg_28:disabled{opacity:.5;cursor:not-allowed}._segment_1pyfg_28:hover:not(:disabled):not(._segmentSelected_1pyfg_75){color:var(--wzl-fg)}._segmentSelected_1pyfg_75{background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-accent) var(--btn-top-alpha,45%), transparent) 0%, color-mix(in srgb, var(--wzl-accent) var(--btn-upper-alpha,70%), transparent) calc(var(--btn-equator,52%) - var(--btn-equator-spread,12%)), color-mix(in srgb, var(--wzl-accent) var(--btn-equator-tint,95%), white) var(--btn-equator,52%), var(--wzl-accent) calc(var(--btn-equator,52%) + var(--btn-equator-spread,12%) * 1.6), color-mix(in srgb, var(--wzl-accent) var(--btn-base-tint,70%), black) 100%);-webkit-backdrop-filter:blur(var(--btn-blur,6px)) saturate(var(--btn-saturate,1.3));color:var(--wzl-fg-on-accent);text-shadow:0 1px 0 rgba(0, 0, 0, var(--btn-text-shadow,.35)), var(--btn-text-inset-x,0px) var(--btn-text-inset-y,1px) 0 rgba(0, 0, 0, var(--btn-text-inset,.55)), 0 0 6px rgba(0, 0, 0, calc(var(--btn-text-shadow,.35) * .5));box-shadow:inset 0 1px 0 rgba(255, 255, 255, var(--btn-inset-hi,.42)), inset 0 -1px 2px rgba(0, 0, 0, var(--btn-inset-lo,.3)), 0 0 0 1px rgba(0, 0, 0, var(--btn-rim,.22)), 0 1px 2px rgba(0, 0, 0, var(--btn-drop-near,.3)), 0 2px 4px rgba(0, 0, 0, calc(var(--btn-drop-far,.18) * .8))}._segmentSelected_1pyfg_75:before{content:"";inset:1px 1px var(--btn-gloss-bottom,50%) 1px;border-radius:inherit;background:linear-gradient(180deg, rgba(255, 255, 255, var(--btn-gloss-top,.42)) 0%, rgba(255, 255, 255, var(--btn-gloss-mid,.12)) 60%, #fff0 100%);pointer-events:none;z-index:1;border-bottom-right-radius:0;border-bottom-left-radius:0;position:absolute}._segmentSelected_1pyfg_75>*{z-index:2;position:relative}._segmentMixed_1pyfg_134{background:color-mix(in srgb, var(--wzl-accent) 22%, transparent);color:var(--wzl-fg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--wzl-accent) 45%, transparent)}._segmentMixed_1pyfg_134:hover:not(:disabled){background:color-mix(in srgb, var(--wzl-accent) 32%, transparent)}._variant_minimal_1pyfg_144 ._segmentMixed_1pyfg_134{background:color-mix(in srgb, var(--wzl-accent) 18%, transparent);box-shadow:none;color:var(--wzl-fg)}._size_sm_1pyfg_153{height:17px;padding:1px}._size_sm_1pyfg_153 ._segment_1pyfg_28{padding:0 8px;font-size:11px}._variant_minimal_1pyfg_144{border:1px solid var(--wzl-border,#ffffff2e);height:auto;box-shadow:none;background:0 0;border-radius:3px;gap:0;padding:0}._variant_minimal_1pyfg_144 ._segment_1pyfg_28{color:var(--wzl-fg-muted);border-radius:0;padding:0 6px;font-size:11px;font-weight:400;line-height:1.4;transition:none}._variant_minimal_1pyfg_144 ._segment_1pyfg_28+._segment_1pyfg_28{border-left:1px solid var(--wzl-border,#ffffff2e)}._variant_minimal_1pyfg_144 ._segment_1pyfg_28:first-child,._variant_minimal_1pyfg_144 ._segment_1pyfg_28:last-child,._variant_minimal_1pyfg_144 ._segment_1pyfg_28:only-child{border-radius:0}._variant_minimal_1pyfg_144 ._segment_1pyfg_28:hover:not(:disabled):not(._segmentSelected_1pyfg_75){color:var(--wzl-fg);background:#ffffff0f}._variant_minimal_1pyfg_144 ._segmentSelected_1pyfg_75{-webkit-backdrop-filter:none;color:var(--wzl-accent-fg,var(--wzl-accent));text-shadow:none;box-shadow:none;background:0 0;font-weight:500}._variant_minimal_1pyfg_144 ._segmentSelected_1pyfg_75:before{content:none}._root_15yko_1{flex-direction:column;gap:8px;min-inline-size:0;display:flex}._swatches_15yko_8{flex-wrap:wrap;gap:6px;display:flex}._swatch_15yko_8{flex:0 auto;min-inline-size:0}._overlay_6yu3h_3{pointer-events:none;position:absolute;inset:0}._guide_6yu3h_13{fill:none;stroke:#fff;stroke-opacity:.7;stroke-dasharray:4 4;paint-order:stroke}._handle_6yu3h_21{fill:#fff;stroke:#222;stroke-width:2px;cursor:grab;pointer-events:auto}._handle_6yu3h_21:active{cursor:grabbing}._handle_6yu3h_21:focus-visible{outline:2px solid var(--wzl-accent,#4a9eff);outline-offset:2px}._field_cahom_1{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}._frame_cahom_9{background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);height:24px;color:var(--wzl-fg);font-family:var(--wzl-font-ui);transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);align-items:center;gap:6px;padding:0 8px;font-size:13px;line-height:1;display:flex}._frame_cahom_9:focus-within{border-color:var(--wzl-focus-ring);box-shadow:0 0 0 1px var(--wzl-focus-ring)}._field_cahom_1[data-invalid] ._frame_cahom_9{border-color:var(--wzl-danger,#ff5b5b)}._field_cahom_1[data-disabled] ._frame_cahom_9{opacity:.5;cursor:not-allowed}._frame_cahom_9 input{min-width:0;color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:1;padding:0}._frame_cahom_9 input::placeholder{color:var(--wzl-fg-subtle)}._adornment_cahom_54{color:var(--wzl-fg-subtle);pointer-events:none;align-items:center;font-size:12px;display:inline-flex}._keys_n4bkk_2{vertical-align:bottom;flex-wrap:wrap;align-items:flex-end;gap:3px;display:inline-flex}._keysEmpty_n4bkk_16{color:var(--wzl-fg-muted)}._sep_n4bkk_20{color:var(--wzl-fg-muted);font-size:11px;line-height:1}._key_n4bkk_2{box-sizing:border-box;background:var(--wzl-fg,#e6e7e9);height:18px;color:var(--wzl-surface);border:1px solid #25272c;border-bottom-width:2px;border-radius:3px;justify-content:center;align-items:center;padding:0 4px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:700;line-height:1;display:inline-flex}._key_n4bkk_2[data-kind=square]{width:18px;padding:0}._key_n4bkk_2[data-kind=modifier]{min-width:26px;padding:0 6px}._key_n4bkk_2[data-kind=wide]{min-width:32px;padding:0 8px}._key_n4bkk_2[data-inverted]{background:var(--wzl-surface);color:color-mix(in srgb, var(--wzl-fg,#e6e7e9) 60%, transparent);border-style:dotted;border-color:color-mix(in srgb, var(--wzl-fg,#e6e7e9) 40%, transparent);border-width:1.5px}._key_n4bkk_2[data-variant=minimal]{color:currentColor;background:0 0;border-color:currentColor}._key_n4bkk_2[data-variant=minimal][data-inverted]{color:currentColor;border:1.5px dotted}._field_e75yx_1{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}._frame_e75yx_9{background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);height:24px;color:var(--wzl-fg);font-family:var(--wzl-font-ui);transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);align-items:stretch;font-size:13px;line-height:1;display:flex;overflow:hidden}._frame_e75yx_9:focus-within{border-color:var(--wzl-focus-ring);box-shadow:0 0 0 1px var(--wzl-focus-ring)}._field_e75yx_1[data-invalid] ._frame_e75yx_9{border-color:var(--wzl-danger,#ff5b5b)}._field_e75yx_1[data-disabled] ._frame_e75yx_9{opacity:.5;cursor:not-allowed}._frame_e75yx_9 input{min-width:0;color:inherit;font:inherit;text-align:right;-moz-appearance:textfield;background:0 0;border:none;outline:none;flex:1;padding:0 8px}._frame_e75yx_9 input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._frame_e75yx_9 input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._steppers_e75yx_57{border-left:1px solid var(--wzl-border);flex-direction:column;display:flex}._stepper_e75yx_57{width:18px;color:var(--wzl-fg-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:0;font-size:9px;line-height:1;display:inline-flex}._stepper_e75yx_57:not(:last-child){border-bottom:1px solid var(--wzl-border)}._stepper_e75yx_57[data-hovered]:not([data-disabled]){background:color-mix(in srgb, var(--wzl-fg) 10%, transparent);color:var(--wzl-fg)}._stepper_e75yx_57[data-pressed]:not([data-disabled]){background:color-mix(in srgb, var(--wzl-fg) 18%, transparent)}._stepper_e75yx_57[data-disabled]{opacity:.4;cursor:not-allowed}._row_q3wun_1{align-items:stretch;gap:var(--powerline-gap,.2em);display:inline-flex}._matrix_q3wun_7{gap:12px;display:grid}._segment_q3wun_15{font-size:inherit;text-transform:none;letter-spacing:normal}._group_kaubu_1{font-family:var(--wzl-font-ui);color:var(--wzl-fg);flex-direction:column;gap:6px;display:flex}._group_kaubu_1[data-orientation=horizontal]{flex-direction:row;gap:16px}._legend_kaubu_14{color:var(--wzl-fg);font-size:12px;font-weight:500}._radio_kaubu_20{cursor:pointer;color:var(--wzl-fg);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}._radio_kaubu_20[data-disabled]{opacity:.5;cursor:not-allowed}._dot_kaubu_36{background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border-strong);width:14px;height:14px;transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);border-radius:50%;flex:none;position:relative}._radio_kaubu_20[data-focus-visible] ._dot_kaubu_36{box-shadow:0 0 0 2px var(--wzl-focus-ring)}._radio_kaubu_20[data-hovered]:not([data-disabled]) ._dot_kaubu_36{border-color:var(--wzl-fg-muted)}._radio_kaubu_20[data-selected] ._dot_kaubu_36{border-color:var(--wzl-accent-strong)}._dot_kaubu_36:after{content:"";background:var(--wzl-accent-strong);transition:transform var(--wzl-motion-fast);border-radius:50%;position:absolute;inset:3px;transform:scale(0)}._radio_kaubu_20[data-selected] ._dot_kaubu_36:after{transform:scale(1)}._slider_1644w_1{width:100%;font-family:var(--wzl-font-ui);color:var(--wzl-fg);flex-direction:column;gap:4px;display:flex}._slider_1644w_1[data-orientation=vertical]{flex-direction:row;align-items:stretch;width:28px;height:160px}._head_1644w_17{justify-content:space-between;align-items:baseline;gap:8px;display:flex}._label_1644w_24{color:var(--wzl-fg);font-size:12px;font-weight:500}._output_1644w_30{color:var(--wzl-fg-subtle);font-variant-numeric:tabular-nums;font-size:12px}._track_1644w_36{background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border);border-radius:3px;min-width:80px;height:6px;position:relative}._slider_1644w_1[data-orientation=vertical] ._track_1644w_36{width:6px;height:100%}._fill_1644w_50{background:var(--wzl-accent-strong);border-radius:3px;position:absolute;top:0;bottom:0;left:0}._thumb_1644w_59{background:var(--wzl-fg-muted);border:1px solid var(--wzl-border-strong);cursor:ew-resize;width:14px;height:14px;transition:box-shadow var(--wzl-motion-fast);border-radius:50%;outline:none}._slider_1644w_1[data-orientation=vertical] ._thumb_1644w_59{cursor:ns-resize}._thumb_1644w_59[data-focus-visible]{box-shadow:0 0 0 2px var(--wzl-focus-ring)}._thumb_1644w_59[data-dragging]{background:var(--wzl-accent-strong)}._slider_1644w_1[data-disabled]{opacity:.5;cursor:not-allowed}._field_nq1le_1{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}._trigger_nq1le_9{background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);width:100%;height:24px;color:var(--wzl-fg);font-family:var(--wzl-font-ui);cursor:pointer;transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);align-items:center;gap:6px;padding:0 6px 0 10px;font-size:13px;line-height:1;display:flex}._trigger_nq1le_9[data-focus-visible]{border-color:var(--wzl-focus-ring);box-shadow:0 0 0 1px var(--wzl-focus-ring)}._field_nq1le_1[data-invalid] ._trigger_nq1le_9{border-color:var(--wzl-danger,#ff5b5b)}._trigger_nq1le_9[data-disabled]{opacity:.5;cursor:not-allowed}._value_nq1le_41{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}._value_nq1le_41[data-placeholder]{color:var(--wzl-fg-subtle)}._chevron_nq1le_54{width:10px;height:10px;color:var(--wzl-fg-muted);flex:none}._popover_nq1le_61{min-width:var(--trigger-width);max-height:inherit;outline:none}._listbox_nq1le_67{background:var(--wzl-surface-raised);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-md);max-height:280px;font-family:var(--wzl-font-ui);outline:none;padding:4px;font-size:13px;overflow:auto;box-shadow:0 8px 24px #0000004d}._option_nq1le_80{cursor:pointer;color:var(--wzl-fg);border-radius:3px;outline:none;align-items:center;gap:8px;padding:4px 8px;display:flex}._option_nq1le_80[data-focused]{background:color-mix(in srgb, var(--wzl-fg) 10%, transparent)}._option_nq1le_80[data-selected]{color:var(--wzl-fg);font-weight:500}._option_nq1le_80[data-disabled]{opacity:.4;cursor:not-allowed}._check_nq1le_105{opacity:0;flex:none;width:10px;height:10px}._option_nq1le_80[data-selected] ._check_nq1le_105{opacity:1}._switch_qsj3o_1{cursor:pointer;font-family:var(--wzl-font-ui);color:var(--wzl-fg);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}._switch_qsj3o_1[data-disabled]{opacity:.5;cursor:not-allowed}._track_qsj3o_18{background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border-strong);width:28px;height:16px;transition:background-color var(--wzl-motion-fast), border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);border-radius:8px;flex:none;position:relative}._switch_qsj3o_1[data-focus-visible] ._track_qsj3o_18{box-shadow:0 0 0 2px var(--wzl-focus-ring)}._switch_qsj3o_1[data-selected] ._track_qsj3o_18{background:var(--wzl-accent-strong);border-color:var(--wzl-accent-strong)}._thumb_qsj3o_38{background:var(--wzl-fg);width:12px;height:12px;transition:transform var(--wzl-motion-fast);border-radius:50%;position:absolute;top:1px;left:1px}._switch_qsj3o_1[data-selected] ._thumb_qsj3o_38{background:var(--wzl-fg-on-accent);transform:translate(12px)}._label_qsj3o_54{line-height:1.2}._columns_y5ks5_5{flex-flow:wrap;align-items:flex-start;gap:12px;padding-right:4px;display:flex;overflow-y:auto}._column_y5ks5_5{flex:0 0 var(--wzl-prefs-column-width,300px);width:var(--wzl-prefs-column-width,300px);flex-direction:column;gap:8px;display:flex}._panel_y5ks5_23{background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);flex-direction:column;gap:8px;padding:10px;display:flex}._subpanel_y5ks5_33{background:var(--wzl-surface-sunken);border-left:2px solid var(--wzl-border);border-radius:2px;flex-direction:column;gap:6px;margin-top:6px;padding:8px 8px 8px 10px;display:flex}._groupHeader_y5ks5_44{border-bottom:1px solid var(--wzl-border);flex-direction:column;gap:2px;padding-bottom:4px;display:flex}._subpanel_y5ks5_33 ._groupHeader_y5ks5_44{border-bottom:none;padding-bottom:2px}._groupTitle_y5ks5_57{color:var(--wzl-fg);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}._subpanel_y5ks5_33 ._groupTitle_y5ks5_57{text-transform:none;letter-spacing:0;font-size:11px}._groupDesc_y5ks5_72{color:var(--wzl-fg-subtle);margin:0;font-size:11px;line-height:1.35}._rows_y5ks5_79{flex-direction:column;gap:6px;display:flex}._row_y5ks5_79{color:var(--wzl-fg);cursor:default;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}._rowLabel_y5ks5_95{flex:auto;align-items:center;gap:4px;min-width:0;display:inline-flex}._help_y5ks5_104{color:var(--wzl-fg-subtle);cursor:help;border-radius:var(--wzl-radius-sm);background:0 0;border:none;flex:none;padding:0;font-size:11px;line-height:1}._help_y5ks5_104:hover{color:var(--wzl-fg)}._help_y5ks5_104:focus-visible{outline:2px solid var(--wzl-focus-ring);outline-offset:1px;color:var(--wzl-fg)}._rowControl_y5ks5_128{flex:0 0 110px;align-items:center;min-width:0;display:flex}._textarea_y5ks5_135{background:var(--wzl-surface-sunken);width:100%;color:var(--wzl-fg);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);font:inherit;resize:vertical;padding:4px 8px;font-size:12px}._unrenderable_y5ks5_147{font-family:var(--wzl-font-mono);color:var(--wzl-fg-subtle);font-size:11px}._titleRow_y5ks5_154{flex:1;align-items:center;gap:12px;min-width:0;display:flex}._titleRow_y5ks5_154>span:first-child{flex:1;min-width:0}._handle_c4v7n_1{cursor:ew-resize;border-left:1px solid var(--wzl-border);touch-action:none;background:0 0;flex-shrink:0;align-self:stretch;width:4px}._handle_c4v7n_1._horizontal_c4v7n_14{cursor:ns-resize;border-left:none;border-top:1px solid var(--wzl-border);align-self:auto;width:auto;height:4px}._handle_c4v7n_1:hover{background:var(--wzl-border)}._handle_c4v7n_1:focus-visible{outline:2px solid var(--wzl-focus-ring,var(--wzl-accent));outline-offset:-1px}._root_zqa5p_1{color:var(--wzl-fg);flex-direction:column;font-size:12px;display:flex}._header_zqa5p_8{border-block-end:1px solid var(--wzl-border);align-items:baseline;gap:8px;padding:8px 10px;display:flex}._kind_zqa5p_16{font-size:13px;font-weight:600}._breakdown_zqa5p_21{opacity:.6;font-size:11px}._section_zqa5p_26{border-block-end:1px solid var(--wzl-border);padding:6px 10px 8px}._section_zqa5p_26:last-child{border-block-end:none}._sectionTitle_zqa5p_35{text-transform:uppercase;letter-spacing:.06em;opacity:.55;margin:0 0 6px;font-size:10px;font-weight:600}._row_zqa5p_44{grid-template-columns:64px 1fr;align-items:center;gap:6px;margin-block-end:5px;display:grid}._rowLabel_zqa5p_52{opacity:.75}._rowControls_zqa5p_56{align-items:center;gap:6px;min-inline-size:0;display:flex}._rowControls_zqa5p_56>*{flex:1;min-inline-size:0}._number_zqa5p_68 input,._select_zqa5p_69{font-size:11px}._unitSuffix_zqa5p_73{opacity:.6;flex:none;font-size:11px}._mixedSwitch_zqa5p_79{opacity:.55}._unrenderable_zqa5p_83{opacity:.5;font-size:11px;font-style:italic}._sidebar_toyo8_1{background:var(--wzl-surface);color:var(--wzl-fg);flex-direction:column;gap:4px;display:flex}._sidebar_toyo8_1._left_toyo8_9{border-right:1px solid var(--wzl-border)}._sidebar_toyo8_1._right_toyo8_12{border-left:1px solid var(--wzl-border)}._panel_1u064_1{background:var(--wzl-surface);color:var(--wzl-fg);padding:8px}._title_1u064_7{text-transform:uppercase;letter-spacing:.05em;color:var(--wzl-fg-muted);font-size:11px;font-weight:600}._titleRow_1u064_15{justify-content:space-between;align-items:center;margin-bottom:4px;padding:0;display:flex}._titleButton_1u064_23{cursor:pointer;color:inherit;font:inherit;text-align:left;background:0 0;border:0;flex:auto;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}._titleButton_1u064_23:hover{color:var(--wzl-fg)}._chevron_1u064_40{color:var(--wzl-fg-muted);transition:transform var(--wzl-motion-fast) ease;font-size:10px;line-height:1;display:inline-block}._chevronCollapsed_1u064_47{transform:rotate(-90deg)}._hideButton_1u064_51{color:var(--wzl-fg-muted);cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:14px;line-height:1}._hideButton_1u064_51:hover{color:var(--wzl-fg)}._panel_1u064_1._collapsed_1u064_64{padding-bottom:4px}._body_1u064_68{padding:0 4px}._bar_38xae_1{font-family:var(--wzl-font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--wzl-fg-muted);background:var(--wzl-surface);border-top:1px solid var(--wzl-border);flex-shrink:0;align-items:center;gap:16px;padding:4px 12px;font-size:11px;display:flex}._item_38xae_14{white-space:nowrap}._muted_38xae_18{opacity:.6;font-variant-numeric:tabular-nums}._hasTitle_38xae_23{cursor:help}._spacer_38xae_27{margin-left:auto}._tabs_ce73l_1{font-family:var(--wzl-font-ui);color:var(--wzl-fg);flex-direction:column;gap:0;display:flex}._tabs_ce73l_1[data-orientation=horizontal]{flex-direction:column}._tabs_ce73l_1[data-orientation=vertical]{flex-direction:row;gap:12px}._list_ce73l_18{border-bottom:1px solid var(--wzl-border);gap:2px;display:flex}._tabs_ce73l_1[data-orientation=vertical] ._list_ce73l_18{border-bottom:none;border-right:1px solid var(--wzl-border);flex-direction:column;padding-right:8px}._tab_ce73l_1{color:var(--wzl-fg-muted);font:inherit;cursor:pointer;transition:color var(--wzl-motion-fast);background:0 0;border:none;outline:none;padding:6px 10px;font-size:12px;position:relative}._tab_ce73l_1[data-hovered]:not([data-disabled]),._tab_ce73l_1[data-selected]{color:var(--wzl-fg)}._tab_ce73l_1[data-selected]:after{content:"";background:var(--wzl-accent-strong);height:2px;position:absolute;bottom:-1px;left:0;right:0}._tabs_ce73l_1[data-orientation=vertical] ._tab_ce73l_1[data-selected]:after{width:2px;height:auto;inset:0 -9px 0 auto}._tab_ce73l_1[data-focus-visible]{box-shadow:inset 0 0 0 2px var(--wzl-focus-ring);border-radius:var(--wzl-radius-sm)}._tab_ce73l_1[data-disabled]{opacity:.5;cursor:not-allowed}._panel_ce73l_81{outline:none;padding:12px 0}._panel_ce73l_81[data-focus-visible]{box-shadow:inset 0 0 0 2px var(--wzl-focus-ring);border-radius:var(--wzl-radius-sm)}._region_18i9b_1{z-index:1100;outline:none;flex-direction:column-reverse;gap:8px;max-width:360px;display:flex;position:fixed}._bottomRight_18i9b_17{bottom:16px;right:16px}._bottomLeft_18i9b_18{bottom:16px;left:16px}._topRight_18i9b_19{flex-direction:column;top:16px;right:16px}._topLeft_18i9b_20{flex-direction:column;top:16px;left:16px}._toast_18i9b_22{--toast-accent:var(--wzl-accent-strong);view-transition-class:wzl-toast;background:var(--wzl-surface);border:1px solid var(--wzl-border);border-left:3px solid var(--toast-accent);border-radius:var(--wzl-radius-md);color:var(--wzl-fg);font-family:var(--wzl-font-ui);outline:none;align-items:flex-start;gap:8px;padding:10px 12px;display:flex;box-shadow:0 8px 24px #00000059}._region_18i9b_1[data-focus-visible],._toast_18i9b_22[data-focus-visible]{outline:2px solid var(--wzl-focus-ring);outline-offset:1px}._toneSuccess_18i9b_49{--toast-accent:var(--wzl-success,#2ec27e)}._toneWarning_18i9b_50{--toast-accent:var(--wzl-warning,#d99a3f)}._toneError_18i9b_51{--toast-accent:var(--wzl-danger,#d94a3f)}._content_18i9b_53{flex:1;min-width:0}._title_18i9b_58{font-size:13px;font-weight:600;display:block}._description_18i9b_64{color:var(--wzl-fg-muted);margin-top:2px;font-size:12px;display:block}._close_18i9b_71{color:var(--wzl-fg-muted);cursor:pointer;border-radius:var(--wzl-radius-sm);background:0 0;border:none;flex:none;padding:2px 4px;font-size:16px;line-height:1}._close_18i9b_71:hover{color:var(--wzl-fg)}:root.wzl-toast-vt{view-transition-name:none}:root.wzl-toast-vt::view-transition{pointer-events:none}:root.wzl-toast-vt::view-transition-new(.wzl-toast):only-child{animation:wzl-toast-enter var(--wzl-motion-medium,.24s) var(--wzl-ease-out-cubic,ease-out) both}:root.wzl-toast-vt::view-transition-old(.wzl-toast):only-child{animation:wzl-toast-exit var(--wzl-motion-fast,.12s) var(--wzl-ease-in-cubic,ease-in) both}@keyframes wzl-toast-enter{0%{opacity:0;translate:0 16px}}@keyframes wzl-toast-exit{to{opacity:0;scale:.92}}._button_1jvxe_1{min-width:44px;color:var(--wzl-fg);cursor:default;background:0 0;border:1px solid #0000;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-family:inherit;font-size:10px;line-height:1.1;display:inline-flex}._button_1jvxe_1:hover:not([disabled]){background:var(--wzl-surface-hover);color:var(--wzl-fg)}._button_1jvxe_1:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:-2px}._button_1jvxe_1._active_1jvxe_26{background:var(--wzl-surface-pressed);border-color:var(--wzl-accent);color:var(--wzl-fg)}._button_1jvxe_1[disabled]{opacity:.4}._icon_1jvxe_35,._icon_1jvxe_35>svg{display:block}._label_1jvxe_37{font-size:10px}._shortcut_1jvxe_38{color:var(--wzl-fg-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}._group_o2pho_1{flex-direction:column;gap:2px;display:flex}._group_o2pho_1._horizontal_o2pho_6{flex-direction:row}._root_ps46a_13{height:var(--wzl-tb-height,28px);background:var(--wzl-surface);border-bottom:1px solid var(--wzl-border);color:var(--wzl-fg);align-items:center;gap:8px;padding:0 8px;display:flex;overflow:hidden}._label_ps46a_25{text-transform:uppercase;letter-spacing:.05em;color:var(--wzl-fg-muted);white-space:nowrap;flex:none;font-size:11px;font-weight:600}._controls_ps46a_6{scrollbar-width:thin;flex:auto;align-items:center;gap:6px;min-width:0;height:100%;display:flex;overflow:auto hidden}._controls_ps46a_6::-webkit-scrollbar{height:4px}._controls_ps46a_6::-webkit-scrollbar-track{background:0 0}._controls_ps46a_6::-webkit-scrollbar-thumb{background:var(--wzl-border);border-radius:2px}._palette_1mz1c_1{background:var(--wzl-surface);border:1px solid var(--wzl-border);-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:column;gap:4px;padding:4px;display:flex}._palette_1mz1c_1._horizontal_1mz1c_11{flex-direction:row}._ineligibleBtn_1mz1c_20{opacity:.35;cursor:not-allowed}._separator_1mz1c_25{background:var(--wzl-border)}._palette_1mz1c_1:not(._horizontal_1mz1c_11) ._separator_1mz1c_25{height:1px;margin:2px 0}._palette_1mz1c_1._horizontal_1mz1c_11 ._separator_1mz1c_25{width:1px;margin:0 2px}
178
+ ._tooltip_1ev6z_1{z-index:1200;background:var(--wzl-surface);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);color:var(--wzl-fg);font-family:var(--wzl-font-ui);font-size:var(--wzl-font-size-sm);max-width:260px;transition:opacity var(--wzl-motion-fast);padding:4px 8px;line-height:1.3;box-shadow:0 4px 16px #00000059}._tooltip_1ev6z_1[data-entering],._tooltip_1ev6z_1[data-exiting]{opacity:0}._arrow_1ev6z_22 svg{fill:var(--wzl-surface);stroke:var(--wzl-border);stroke-width:1px;display:block}._arrow_1ev6z_22[data-placement=bottom] svg{transform:rotate(180deg)}._arrow_1ev6z_22[data-placement=left] svg{transform:rotate(-90deg)}._arrow_1ev6z_22[data-placement=right] svg{transform:rotate(90deg)}._bar_1quk7_7{background:var(--wzl-surface);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);-webkit-user-select:none;user-select:none;flex-direction:row;gap:1px;padding:2px;display:flex}._bar_1quk7_7._vertical_1quk7_18{flex-direction:column}._button_1quk7_22{border-radius:var(--wzl-radius-sm);width:28px;height:28px;color:var(--wzl-fg);cursor:default;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}._button_1quk7_22:hover:not([disabled]){background:var(--wzl-border)}._button_1quk7_22:active:not([disabled]){background:color-mix(in srgb, var(--wzl-border) 70%, transparent)}._button_1quk7_22[disabled]{opacity:.4;cursor:default}._button_1quk7_22>svg{display:block}._root_gmx9t_10{height:var(--tb-h,var(--wzl-control-h,24px));border-radius:var(--wzl-radius-pill);-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#0000002e 0%,#0000000d 100%);padding:2px;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px 2px #0006,0 1px #ffffff0f}._segment_gmx9t_32{min-width:0;font-family:var(--wzl-font-ui);font-weight:var(--wzl-font-weight-normal);font-size:var(--btn-fontsize,var(--wzl-font-size));color:var(--wzl-fg-muted);cursor:pointer;isolation:isolate;transition:color var(--wzl-motion-fast);background:0 0;border:none;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;margin:0;padding:0 12px;line-height:1;display:inline-flex;position:relative;overflow:hidden}._segment_gmx9t_32:first-child{border-radius:var(--wzl-radius-pill) 0 0 var(--wzl-radius-pill)}._segment_gmx9t_32:last-child{border-radius:0 var(--wzl-radius-pill) var(--wzl-radius-pill) 0}._segment_gmx9t_32:only-child{border-radius:var(--wzl-radius-pill)}._segment_gmx9t_32:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:-2px}._segment_gmx9t_32:disabled{opacity:.5;cursor:not-allowed}._segment_gmx9t_32:hover:not(:disabled):not(._segmentSelected_gmx9t_79){color:var(--wzl-fg)}._segmentSelected_gmx9t_79{background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-accent) var(--btn-top-alpha,45%), transparent) 0%, color-mix(in srgb, var(--wzl-accent) var(--btn-upper-alpha,70%), transparent) calc(var(--btn-equator,52%) - var(--btn-equator-spread,12%)), color-mix(in srgb, var(--wzl-accent) var(--btn-equator-tint,95%), white) var(--btn-equator,52%), var(--wzl-accent) calc(var(--btn-equator,52%) + var(--btn-equator-spread,12%) * 1.6), color-mix(in srgb, var(--wzl-accent) var(--btn-base-tint,70%), black) 100%);-webkit-backdrop-filter:blur(var(--btn-blur,6px)) saturate(var(--btn-saturate,1.3));color:var(--wzl-fg-on-accent);text-shadow:0 1px 0 rgba(0, 0, 0, var(--btn-text-shadow,.35)), var(--btn-text-inset-x,0px) var(--btn-text-inset-y,1px) 0 rgba(0, 0, 0, var(--btn-text-inset,.55)), 0 0 6px rgba(0, 0, 0, calc(var(--btn-text-shadow,.35) * .5));box-shadow:inset 0 1px 0 rgba(255, 255, 255, var(--btn-inset-hi,.42)), inset 0 -1px 2px rgba(0, 0, 0, var(--btn-inset-lo,.3)), 0 0 0 1px rgba(0, 0, 0, var(--btn-rim,.22)), 0 1px 2px rgba(0, 0, 0, var(--btn-drop-near,.3)), 0 2px 4px rgba(0, 0, 0, calc(var(--btn-drop-far,.18) * .8))}._segmentSelected_gmx9t_79:before{content:"";inset:1px 1px var(--btn-gloss-bottom,50%) 1px;border-radius:inherit;background:linear-gradient(180deg, rgba(255, 255, 255, var(--btn-gloss-top,.42)) 0%, rgba(255, 255, 255, var(--btn-gloss-mid,.12)) 60%, #fff0 100%);pointer-events:none;z-index:1;border-bottom-right-radius:0;border-bottom-left-radius:0;position:absolute}._segmentSelected_gmx9t_79>*{z-index:2;position:relative}._size_sm_gmx9t_137{height:17px;padding:1px}._size_sm_gmx9t_137 ._segment_gmx9t_32{font-size:var(--wzl-font-size-sm);padding:0 8px}._variant_minimal_gmx9t_150{height:auto;box-shadow:none;background:0 0;border-radius:0;gap:2px;padding:0}._variant_minimal_gmx9t_150 ._segment_gmx9t_32{font-size:var(--wzl-font-size-sm);font-weight:var(--wzl-font-weight-medium);border-radius:var(--wzl-radius-sm);color:var(--wzl-fg-muted);padding:0 4px;line-height:1.4;transition:none}._variant_minimal_gmx9t_150 ._segment_gmx9t_32:first-child,._variant_minimal_gmx9t_150 ._segment_gmx9t_32:last-child,._variant_minimal_gmx9t_150 ._segment_gmx9t_32:only-child{border-radius:var(--wzl-radius-sm)}._variant_minimal_gmx9t_150 ._segment_gmx9t_32:hover:not(:disabled):not(._segmentSelected_gmx9t_79){color:var(--wzl-fg);background:var(--wzl-surface-hover)}._variant_minimal_gmx9t_150 ._segmentSelected_gmx9t_79{-webkit-backdrop-filter:none;color:var(--wzl-accent-fg,var(--wzl-accent));text-shadow:none;box-shadow:none;font-weight:var(--wzl-font-weight-medium);background:0 0}._variant_minimal_gmx9t_150 ._segmentSelected_gmx9t_79:before{content:none}._badge_16et2_1{vertical-align:baseline;align-items:baseline;gap:var(--badge-gap,4px);font-size:var(--badge-font-size,var(--wzl-font-size-xs));text-transform:uppercase;letter-spacing:.04em;color:var(--badge-fg,var(--wzl-fg-muted));--badge-edge:var(--wzl-border);--badge-fill:var(--wzl-surface);--badge-fg:var(--badge-edge);font:inherit;background:0 0;border:0;font-family:inherit;text-decoration:none;display:inline-flex;position:relative}._badge_16et2_1 *{text-decoration:none}._badge_16et2_1[data-size=md]{--badge-gap:6px;--badge-pad-x:10px;--badge-pad-y:3px;--badge-font-size:var(--wzl-font-size-sm)}._deco_16et2_33{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}._deco_16et2_33 .badge-fill{fill:var(--badge-fill);stroke:none}._deco_16et2_33 .badge-stroke{fill:none;stroke:var(--badge-edge);stroke-width:var(--badge-stroke-width,1px);vector-effect:non-scaling-stroke}._deco_16et2_33 .badge-focus{fill:none;stroke:var(--badge-edge);stroke-width:calc(var(--badge-stroke-width,1px) + 1px);vector-effect:non-scaling-stroke;opacity:.6}._deco_16et2_33 .badge-bevel-light{fill:#ffffff38;stroke:none}._deco_16et2_33 .badge-bevel-medium-light{fill:#ffffff1a;stroke:none}._deco_16et2_33 .badge-bevel-medium-dark{fill:#00000029;stroke:none}._deco_16et2_33 .badge-bevel-dark{fill:#00000052;stroke:none}._content_16et2_49{align-items:baseline;gap:inherit;z-index:1;display:inline-flex;position:relative}._badge_16et2_1[data-tone=accent]{--badge-edge:var(--wzl-accent-fg,var(--wzl-accent,#7fb069))}._badge_16et2_1[data-tone=info]{--badge-edge:#7ab8d4}._badge_16et2_1[data-tone=warn]{--badge-edge:#d4a574}._badge_16et2_1[data-tone=danger]{--badge-edge:var(--wzl-danger)}._badge_16et2_1[data-tone=muted]{--badge-edge:var(--wzl-fg-muted)}._badge_16et2_1[data-tone=neutral]{--badge-edge:var(--wzl-border);--badge-fg:var(--wzl-fg-muted)}._badge_16et2_1[data-variant=outline]{--badge-fill:var(--wzl-surface);--badge-fg:var(--badge-edge)}._badge_16et2_1[data-variant=solid]{--badge-fill:var(--badge-edge);--badge-fg:#fff;font-weight:var(--wzl-font-weight-bold)}._badge_16et2_1[data-variant=subtle]{--badge-fill:color-mix(in oklab, var(--badge-edge) 14%, transparent);--badge-fg:var(--badge-edge)}._badge_16et2_1[data-tone=neutral]:not([data-variant=solid]){--badge-fg:var(--wzl-fg-muted)}._badge_16et2_1{padding:calc(var(--badge-pad-y,1px) + var(--badge-inset-top,0px)) calc(var(--badge-pad-x,6px) + var(--badge-inset-right,0px)) calc(var(--badge-pad-y,1px) + var(--badge-inset-bottom,0px)) calc(var(--badge-pad-x,6px) + var(--badge-inset-left,0px))}._badge_16et2_1[data-shape=pill]{border-radius:var(--wzl-radius-pill);box-sizing:border-box;-webkit-box-decoration-break:slice;box-decoration-break:slice;display:inline}._badge_16et2_1[data-shape=pill] ._content_16et2_49,._badge_16et2_1[data-shape=plain] ._content_16et2_49{display:inline}._badge_16et2_1[data-shape=pill][data-variant=solid],._badge_16et2_1[data-shape=pill][data-variant=subtle]{background:var(--badge-fill)}._badge_16et2_1[data-shape=pill]{border:var(--badge-stroke-width,1px) solid transparent}._badge_16et2_1[data-shape=pill][data-variant=outline],._badge_16et2_1[data-shape=pill][data-variant=solid]{border-color:var(--badge-edge)}._badge_16et2_1[data-shape=pill][data-focused=true]{outline:2px solid color-mix(in oklab, var(--badge-edge) 60%, transparent);outline-offset:2px}._badge_16et2_1[data-shape=plain]{letter-spacing:.04em;text-transform:none;color:var(--badge-fg);-webkit-box-decoration-break:slice;box-decoration-break:slice;background:0 0;padding:0;display:inline}._badge_16et2_1[data-shape=plain][data-focused=true]{outline:2px solid color-mix(in oklab, var(--badge-edge) 60%, transparent);outline-offset:3px;border-radius:var(--wzl-radius-sm)}._badge_16et2_1[data-shape=plaque] ._content_16et2_49{text-shadow:0 1px #ffffff24,0 -.5px #00000080}button._badge_16et2_1,a._badge_16et2_1{cursor:pointer;border:0 solid #0000;outline:0}button._badge_16et2_1:hover,a._badge_16et2_1:hover{--badge-edge:color-mix(in oklab, var(--badge-edge) 88%, white)}@media (prefers-reduced-motion:reduce){button._badge_16et2_1:hover,a._badge_16et2_1:hover{--badge-edge:var(--badge-edge)}}._remove_16et2_161{width:14px;height:14px;color:var(--badge-fg);cursor:pointer;font:inherit;font-size:var(--wzl-font-size);vertical-align:middle;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:0;line-height:1;display:inline-flex}._remove_16et2_161:hover{background:color-mix(in oklab, var(--badge-fg) 20%, transparent)}._remove_16et2_161>svg{display:block}._badge_16et2_1[data-size=md] ._remove_16et2_161{width:16px;height:16px;font-size:var(--wzl-font-size-lg)}._badge_16et2_1[data-size=md] ._remove_16et2_161>svg{width:12px;height:12px}._root_1mpyk_1{-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;gap:2px;display:flex;position:relative}._label_1mpyk_11{font:var(--wzl-font-weight-medium) var(--wzl-font-size-sm) / var(--wzl-leading-tight) var(--wzl-font-ui);color:var(--wzl-fg-muted)}._ruler_1mpyk_19{height:var(--be-ruler-height,20px);cursor:crosshair;position:relative}._tick_1mpyk_25{left:var(--be-at);background:var(--wzl-fg-subtle);pointer-events:none;width:1px;height:6px;position:absolute;bottom:0}._tickLabel_1mpyk_35{font:var(--wzl-font-weight-medium) var(--wzl-font-size-xs) / var(--wzl-leading-tight) var(--wzl-font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--wzl-fg-muted);white-space:nowrap;position:absolute;bottom:7px;left:0;transform:translate(-50%)}._bands_1mpyk_45{height:var(--be-band-height,34px);position:relative}._band_1mpyk_45{top:0;bottom:0;left:var(--be-from);width:calc(var(--be-to) - var(--be-from));background:var(--wzl-surface-raised);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);color:var(--wzl-fg);font:var(--wzl-font-weight-medium) var(--wzl-font-size-sm) / var(--wzl-leading-tight) var(--wzl-font-ui,ui-sans-serif, system-ui, sans-serif);cursor:grab;justify-content:center;align-items:center;margin:0;padding:0 4px;display:flex;position:absolute;overflow:hidden}._band_1mpyk_45:hover{background:var(--wzl-surface-hover)}._band_1mpyk_45:active{cursor:grabbing}._band_1mpyk_45:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:-2px}._band_1mpyk_45:first-of-type,._band_1mpyk_45:last-of-type{cursor:default}._selected_1mpyk_92{background:color-mix(in srgb, var(--wzl-accent) 22%, transparent);border-color:var(--wzl-accent);box-shadow:inset 0 0 0 1px var(--wzl-accent);color:var(--wzl-fg)}._bandContent_1mpyk_99{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;overflow:hidden}._seam_1mpyk_107{left:var(--be-at);z-index:1;cursor:ew-resize;background:0 0;border:none;width:11px;margin-left:-5px;position:absolute;top:-3px;bottom:-3px}._seam_1mpyk_107:before{content:"";background:var(--wzl-border-strong);width:1px;position:absolute;top:0;bottom:0;left:5px}._seam_1mpyk_107:hover:before,._seam_1mpyk_107:focus-visible:before{background:var(--wzl-accent);width:2px}._seam_1mpyk_107:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:0;border-radius:var(--wzl-radius-sm)}._button_wj58b_3{--btn-radius:calc(var(--btn-height) * .1);--btn-fontweight:var(--wzl-font-weight-medium);--btn-fontsize:var(--wzl-font-size);--btn-height:24px;--btn-padx:12px;--btn-top-alpha:45%;--btn-upper-alpha:70%;--btn-equator:52%;--btn-equator-spread:12%;--btn-equator-tint:95%;--btn-base-tint:70%;--btn-blur:6px;--btn-saturate:1.3;--btn-gloss-top:.42;--btn-gloss-mid:.12;--btn-gloss-bottom:50%;--btn-rim:.22;--btn-drop-near:.3;--btn-drop-far:.18;--btn-inset-hi:.42;--btn-inset-lo:.3;--btn-text-shadow:.35;--btn-text-inset:.55;--btn-text-inset-x:0px;--btn-text-inset-y:1px;border-radius:var(--btn-radius);font-family:var(--wzl-font-ui);font-weight:var(--btn-fontweight);font-style:normal;font-size:var(--btn-fontsize);height:var(--btn-height);padding:0 var(--btn-padx);cursor:pointer;-webkit-user-select:none;user-select:none;isolation:isolate;transition:filter var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast), transform 80ms;border:none;justify-content:center;align-items:center;gap:6px;line-height:1;display:inline-flex;position:relative;overflow:hidden}._button_wj58b_3:before{content:"";inset:1px 1px var(--btn-gloss-bottom) 1px;border-top-left-radius:var(--btn-radius);border-top-right-radius:var(--btn-radius);background:linear-gradient(180deg, rgba(255, 255, 255, var(--btn-gloss-top)) 0%, rgba(255, 255, 255, var(--btn-gloss-mid)) 60%, #fff0 100%);pointer-events:none;z-index:1;transition:opacity var(--wzl-motion-fast);border-bottom-right-radius:0;border-bottom-left-radius:0;position:absolute}._button_wj58b_3>*{z-index:2;position:relative}._button_wj58b_3:focus-visible{outline:2px solid var(--wzl-focus-ring);outline-offset:1px}._button_wj58b_3:disabled{opacity:.5;cursor:not-allowed}._size_sm_wj58b_110{--btn-height:20px;--btn-padx:8px;--btn-fontsize:var(--wzl-font-size-sm)}._size_md_wj58b_111{--btn-height:24px;--btn-padx:12px;--btn-fontsize:var(--wzl-font-size)}._iconOnly_wj58b_113._size_sm_wj58b_110{--btn-padx:0;width:20px}._iconOnly_wj58b_113._size_md_wj58b_111{--btn-padx:0;width:24px}._variant_primary_wj58b_121{background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-accent) var(--btn-top-alpha), transparent) 0%, color-mix(in srgb, var(--wzl-accent) var(--btn-upper-alpha), transparent) calc(var(--btn-equator) - var(--btn-equator-spread)), color-mix(in srgb, var(--wzl-accent) var(--btn-equator-tint), white) var(--btn-equator), var(--wzl-accent) calc(var(--btn-equator) + var(--btn-equator-spread) * 1.6), color-mix(in srgb, var(--wzl-accent) var(--btn-base-tint), black) 100%);-webkit-backdrop-filter:blur(var(--btn-blur)) saturate(var(--btn-saturate));color:var(--wzl-fg-on-accent);text-shadow:0 1px 0 rgba(0, 0, 0, var(--btn-text-shadow)), var(--btn-text-inset-x) var(--btn-text-inset-y) 0 rgba(0, 0, 0, var(--btn-text-inset)), 0 0 6px rgba(0, 0, 0, calc(var(--btn-text-shadow) * .5));box-shadow:inset 0 1px 0 rgba(255, 255, 255, var(--btn-inset-hi)), inset 0 -1px 2px rgba(0, 0, 0, var(--btn-inset-lo)), 0 0 0 1px rgba(0, 0, 0, var(--btn-rim)), 0 1px 2px rgba(0, 0, 0, var(--btn-drop-near)), 0 3px 6px rgba(0, 0, 0, var(--btn-drop-far))}._variant_primary_wj58b_121:hover:not(:disabled){filter:brightness(1.08)saturate(1.06)}._variant_primary_wj58b_121:active:not(:disabled){background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-accent) 80%, black) 0%, color-mix(in srgb, var(--wzl-accent) 95%, black) 50%, color-mix(in srgb, var(--wzl-accent) 60%, white) 100%);box-shadow:inset 0 2px 4px #00000059, inset 0 -1px 0 #ffffff40, 0 0 0 1px rgba(0, 0, 0, calc(var(--btn-rim) + .06));transform:translateY(.5px)}._variant_primary_wj58b_121:active:before{opacity:.3}._variant_secondary_wj58b_168{background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-fg) 25%, transparent) 0%, color-mix(in srgb, var(--wzl-fg) 10%, transparent) calc(var(--btn-equator) - var(--btn-equator-spread)), color-mix(in srgb, var(--wzl-surface-raised) 90%, white) var(--btn-equator), var(--wzl-surface-raised) calc(var(--btn-equator) + var(--btn-equator-spread) * 1.6), color-mix(in srgb, var(--wzl-surface-sunken) 80%, black) 100%);-webkit-backdrop-filter:blur(var(--btn-blur)) saturate(var(--btn-saturate));color:var(--wzl-fg);text-shadow:0 1px 0 rgba(0, 0, 0, calc(var(--btn-text-shadow) * .7)), var(--btn-text-inset-x) var(--btn-text-inset-y) 0 rgba(0, 0, 0, calc(var(--btn-text-inset) * .7));box-shadow:inset 0 1px 0 rgba(255, 255, 255, calc(var(--btn-inset-hi) * .5)), inset 0 -1px 2px rgba(0, 0, 0, calc(var(--btn-inset-lo) * .83)), 0 0 0 1px rgba(0, 0, 0, calc(var(--btn-rim) + .03)), 0 1px 2px rgba(0, 0, 0, calc(var(--btn-drop-near) * .93)), 0 3px 6px rgba(0, 0, 0, calc(var(--btn-drop-far) * .89))}._variant_secondary_wj58b_168:hover:not(:disabled){filter:brightness(1.1)}._variant_secondary_wj58b_168:active:not(:disabled){background:linear-gradient(180deg, var(--wzl-surface-sunken) 0%, var(--wzl-surface-raised) 100%);transform:translateY(.5px);box-shadow:inset 0 2px 4px #0006,0 0 0 1px #0000004d}._variant_secondary_wj58b_168:active:before{opacity:.2}._variant_ghost_wj58b_203{color:var(--wzl-fg);box-shadow:none;background:0 0}._variant_ghost_wj58b_203:before{display:none}._variant_ghost_wj58b_203:hover:not(:disabled){background:var(--wzl-surface-hover)}._variant_ghost_wj58b_203:active:not(:disabled){background:var(--wzl-surface-pressed)}._fullWidth_wj58b_220{width:100%}._loading_wj58b_221 ._label_wj58b_221{opacity:.7}._iconSlot_wj58b_225{flex:none;justify-content:center;align-items:center;display:inline-flex}._size_sm_wj58b_110 ._iconSlot_wj58b_225>svg{width:12px;height:12px}._size_md_wj58b_111 ._iconSlot_wj58b_225>svg{width:14px;height:14px}._label_wj58b_221{display:inline-block}._spinner_wj58b_239{justify-content:center;align-items:center;animation:.7s linear infinite _wzl-btn-spin_wj58b_1;display:inline-flex}@keyframes _wzl-btn-spin_wj58b_1{to{transform:rotate(360deg)}}._anchor_vtcyj_1{pointer-events:none;position:fixed}._popover_vtcyj_6{z-index:1200;--callout-accent:var(--wzl-accent-strong);background:var(--wzl-surface);border:1px solid var(--callout-accent);border-radius:var(--wzl-radius-md);color:var(--wzl-fg);font-family:var(--wzl-font-ui);max-width:320px;transition:opacity var(--wzl-motion-fast);box-shadow:0 12px 40px #0006}._popover_vtcyj_6[data-entering],._popover_vtcyj_6[data-exiting]{opacity:0}._toneWarning_vtcyj_25{--callout-accent:var(--wzl-warning,#d99a3f)}._toneDanger_vtcyj_29{--callout-accent:var(--wzl-danger)}._arrow_vtcyj_33 svg{fill:var(--wzl-surface);stroke:var(--callout-accent);stroke-width:1px;display:block}._arrow_vtcyj_33[data-placement=bottom] svg{transform:rotate(180deg)}._arrow_vtcyj_33[data-placement=left] svg{transform:rotate(-90deg)}._arrow_vtcyj_33[data-placement=right] svg{transform:rotate(90deg)}._dialog_vtcyj_52{max-height:inherit;outline:none;flex-direction:column;display:flex}._header_vtcyj_59{align-items:center;gap:8px;padding:10px 12px 0;display:flex}._title_vtcyj_66{font-size:var(--wzl-font-size);font-weight:var(--wzl-font-weight-bold);flex:1;margin:0}._close_vtcyj_73{color:var(--wzl-fg-muted);font-size:var(--wzl-font-size-lg);cursor:pointer;border-radius:var(--wzl-radius-sm);background:0 0;border:none;flex:none;padding:2px 4px;line-height:1}._close_vtcyj_73:hover{color:var(--wzl-fg)}._body_vtcyj_89{font-size:var(--wzl-font-size);padding:8px 12px 10px;line-height:1.4;overflow-y:auto}._footer_vtcyj_96{justify-content:flex-end;gap:8px;padding:0 12px 10px;display:flex}._checkbox_w5y2z_1{cursor:pointer;font-family:var(--wzl-font-ui);font-size:var(--wzl-font-size);color:var(--wzl-fg);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}._checkbox_w5y2z_1[data-disabled]{opacity:.5;cursor:not-allowed}._box_w5y2z_18{background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border-strong);border-radius:var(--wzl-radius-sm);width:14px;height:14px;transition:background-color var(--wzl-motion-fast), border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);flex:none;position:relative}._checkbox_w5y2z_1[data-focus-visible] ._box_w5y2z_18{box-shadow:0 0 0 2px var(--wzl-focus-ring)}._checkbox_w5y2z_1[data-hovered]:not([data-disabled]) ._box_w5y2z_18{border-color:var(--wzl-fg-muted)}._checkbox_w5y2z_1[data-selected] ._box_w5y2z_18,._checkbox_w5y2z_1[data-indeterminate] ._box_w5y2z_18{background:var(--wzl-accent-strong);border-color:var(--wzl-accent-strong)}._checkbox_w5y2z_1[data-invalid] ._box_w5y2z_18{border-color:var(--wzl-danger)}._checkmark_w5y2z_47{color:var(--wzl-fg-on-accent);opacity:0;pointer-events:none;position:absolute;inset:0}._checkbox_w5y2z_1[data-selected] ._checkmark_w5y2z_47,._checkbox_w5y2z_1[data-indeterminate] ._checkmark_w5y2z_47{opacity:1}._label_w5y2z_60{line-height:1.2}._range_2rfxw_7{appearance:none;border-radius:var(--wzl-radius-pill);background:linear-gradient(to right, var(--wzl-accent) 0 var(--slider-fill,0%), var(--wzl-border-strong) var(--slider-fill,0%) 100%);cursor:pointer;flex:1;block-size:4px;min-inline-size:48px}._range_2rfxw_7::-webkit-slider-thumb{appearance:none;background:var(--wzl-accent);border-radius:50%;block-size:12px;inline-size:12px}._range_2rfxw_7::-moz-range-thumb{background:var(--wzl-accent);border:none;border-radius:50%;block-size:12px;inline-size:12px}._range_2rfxw_7:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:2px}._range_2rfxw_7:disabled{opacity:.45;cursor:not-allowed}._root_17gjv_1{align-items:center;gap:6px;display:inline-flex}._chip_17gjv_7{border-radius:var(--wzl-radius-sm);display:inline-flex;position:relative;overflow:hidden}._color_17gjv_14{border:1px solid var(--wzl-border,#444);border-radius:var(--wzl-radius-sm);cursor:pointer;background:0 0;block-size:20px;inline-size:28px;padding:0}._root_17gjv_1[data-mixed] ._chip_17gjv_7:after{content:"";border-radius:var(--wzl-radius-sm);pointer-events:none;background:repeating-conic-gradient(var(--wzl-border,#666) 0% 25%, var(--wzl-surface,#2e2f36) 0% 50%) 50% / 8px 8px;position:absolute;inset:1px}._alphaRange_17gjv_40{flex:1}._alphaReadout_17gjv_44{text-align:end;min-inline-size:3ch;font-size:var(--wzl-font-size-sm);opacity:.7}._field_do2o0_1{font-family:var(--wzl-font-ui);color:var(--wzl-fg);flex-direction:column;gap:4px;display:flex}._label_do2o0_9{font-size:var(--wzl-font-size-sm);font-weight:var(--wzl-font-weight-medium);color:var(--wzl-fg);cursor:default}._hint_do2o0_16{font-size:var(--wzl-font-size-sm);color:var(--wzl-fg-subtle);line-height:1.4}._error_do2o0_22{font-size:var(--wzl-font-size-sm);color:var(--wzl-danger);line-height:1.4}._row_do2o0_28{flex-direction:row;align-items:center;gap:8px}._row_do2o0_28 ._label_do2o0_9{flex:1;min-width:0}._field_nup3u_1{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}._frame_nup3u_9{height:var(--wzl-control-h);background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);color:var(--wzl-fg);font-family:var(--wzl-font-ui);font-size:var(--wzl-font-size);transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);align-items:stretch;line-height:1;display:flex;overflow:hidden}._frame_nup3u_9:focus-within{border-color:var(--wzl-focus-ring);box-shadow:0 0 0 1px var(--wzl-focus-ring)}._field_nup3u_1[data-invalid] ._frame_nup3u_9{border-color:var(--wzl-danger)}._field_nup3u_1[data-disabled] ._frame_nup3u_9{opacity:.5;cursor:not-allowed}._frame_nup3u_9 input{min-width:0;color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:1;padding:0 8px}._frame_nup3u_9 input::placeholder{color:var(--wzl-fg-subtle)}._openButton_nup3u_53{border:none;border-left:1px solid var(--wzl-border);width:22px;color:var(--wzl-fg-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}._openButton_nup3u_53[data-hovered]:not([data-disabled]){color:var(--wzl-fg)}._openButton_nup3u_53 svg{width:10px;height:10px}._popover_nup3u_75{min-width:var(--trigger-width);outline:none}._listbox_nup3u_80{background:var(--wzl-surface-raised);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-md);max-height:280px;font-family:var(--wzl-font-ui);font-size:var(--wzl-font-size);outline:none;padding:4px;overflow:auto;box-shadow:0 8px 24px #0000004d}._option_nup3u_93{border-radius:var(--wzl-radius-sm);cursor:pointer;color:var(--wzl-fg);outline:none;align-items:center;padding:4px 8px;display:flex}._option_nup3u_93[data-focused]{background:var(--wzl-surface-hover)}._option_nup3u_93[data-selected]{font-weight:var(--wzl-font-weight-medium)}._option_nup3u_93[data-disabled]{opacity:.4;cursor:not-allowed}._empty_nup3u_116{color:var(--wzl-fg-subtle);font-size:var(--wzl-font-size-sm);padding:6px 8px}._root_1djm7_1{--plot-bg:var(--wzl-surface-sunken);--plot-grid:var(--wzl-line);--plot-axis:var(--wzl-fg);background:var(--plot-bg);-webkit-user-select:none;user-select:none;touch-action:none;outline:none;display:block;overflow:visible}._root_1djm7_1:focus-visible{outline:2px solid var(--wzl-focus-ring);outline-offset:2px}._grid_1djm7_28{stroke:var(--plot-grid);stroke-width:1px;fill:none}._axis_1djm7_34{stroke:var(--plot-axis);stroke-width:var(--wzl-line-width);fill:none}._root_ybpym_1{--curve-line:var(--wzl-curve-color);--curve-line-width:var(--wzl-curve-width);--curve-fill:color-mix(in srgb, var(--curve-line) 30%, transparent);--curve-anchor-fill:var(--wzl-surface);--curve-anchor-stroke:var(--curve-line);--curve-anchor-radius:4;--curve-anchor-active-fill:var(--curve-line);--curve-pinned-fill:var(--wzl-fg-subtle)}._fill_ybpym_19{fill:var(--curve-fill);stroke:none;pointer-events:none}._curve_ybpym_25{stroke:var(--curve-line);stroke-width:var(--curve-line-width);fill:none;pointer-events:stroke}._anchor_ybpym_32{fill:var(--curve-anchor-fill);stroke:var(--curve-anchor-stroke);stroke-width:1.5px;cursor:grab}._anchor_ybpym_32:hover{fill:var(--curve-anchor-active-fill)}._anchor_ybpym_32._active_ybpym_43{fill:var(--curve-anchor-active-fill);cursor:grabbing}._anchor_ybpym_32._pinned_ybpym_48{fill:var(--curve-pinned-fill);cursor:default}._anchor_ybpym_32._locked_ybpym_55{cursor:not-allowed}._hidden_ybpym_71{display:none}._grid_1k5rv_1{width:100%;position:relative}._table_1k5rv_6{border-collapse:collapse;width:100%;font-size:var(--wzl-font-size-sm)}._table_1k5rv_6 th,._table_1k5rv_6 td{text-align:left;vertical-align:middle;padding:3px 6px}._table_1k5rv_6 tbody tr{border-bottom:1px solid var(--wzl-line-subtle)}._table_1k5rv_6 th{font-weight:var(--wzl-font-weight-bold);color:var(--wzl-fg-muted);background:var(--wzl-surface,#2a2018);z-index:1;border-bottom:1px solid var(--wzl-border);position:sticky;top:0}._sortButton_1k5rv_32{all:unset;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;display:block}._sortButton_1k5rv_32:hover{color:var(--wzl-fg,#e6e7e9)}._sortButton_1k5rv_32:focus-visible{outline:2px solid var(--wzl-focus-ring,var(--wzl-accent,#7fb069));outline-offset:-2px}._sortActive_1k5rv_44{color:var(--wzl-fg,#e6e7e9)}._empty_1k5rv_46{color:var(--wzl-fg-muted);text-align:center;padding:8px 0;font-style:italic}._handleCol_1k5rv_54{width:14px}._handleCell_1k5rv_55{cursor:grab;width:14px;color:var(--wzl-fg-muted);-webkit-user-select:none;user-select:none;text-align:center}._handleCell_1k5rv_55:active{cursor:grabbing}._dragging_1k5rv_64{opacity:.4}._dropBefore_1k5rv_66>td{box-shadow:inset 0 2px 0 0 var(--wzl-accent,#7fb069)}._dropAfter_1k5rv_67>td{box-shadow:inset 0 -2px 0 0 var(--wzl-accent,#7fb069)}._overlay_1og89_1{z-index:1000;opacity:0;transition:opacity var(--wzl-motion-fast);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._overlay_1og89_1[data-entering]{opacity:0}._overlay_1og89_1[data-entering][data-rac]{opacity:1}._overlay_1og89_1[data-exiting]{opacity:0}._overlay_1og89_1[data-rac]:not([data-entering]):not([data-exiting]){opacity:1}._modal_1og89_29{background:var(--wzl-surface);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-md);color:var(--wzl-fg);font-family:var(--wzl-font-ui);outline:none;flex-direction:column;max-width:min(900px,100vw - 32px);max-height:calc(100vh - 32px);display:flex;box-shadow:0 24px 64px #00000073}._dialog_1og89_43{outline:none;flex-direction:column;flex:1;min-height:0;display:flex}._header_1og89_51{border-bottom:1px solid var(--wzl-border);flex:none;align-items:center;gap:12px;padding:14px 16px;display:flex}._title_1og89_60{font-size:var(--wzl-font-size);font-weight:var(--wzl-font-weight-bold);color:var(--wzl-fg);flex:1;margin:0}._close_1og89_68{border-radius:var(--wzl-radius-sm);width:22px;height:22px;color:var(--wzl-fg-muted);cursor:pointer;font-size:var(--wzl-font-size-lg);background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}._close_1og89_68:hover{background:var(--wzl-surface-hover);color:var(--wzl-fg)}._body_1og89_90{flex:1;min-height:0;padding:16px;overflow:auto}._footer_1og89_97{border-top:1px solid var(--wzl-border);flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}._root_1qeyx_1{-webkit-user-select:none;user-select:none;touch-action:none;position:relative}._row_1qeyx_8{align-items:center;gap:8px;display:flex}._track_1qeyx_14{min-width:0;height:var(--rp-track-height,24px);background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);cursor:crosshair;flex:1;position:relative}._trackInner_1qeyx_25{border-radius:var(--wzl-radius-sm);position:absolute;inset:0;overflow:hidden}._thumb_1qeyx_35{background:color-mix(in srgb, var(--wzl-fg-muted) 70%, transparent);border:1px solid var(--wzl-border-strong);border-radius:var(--wzl-radius-sm);cursor:ew-resize;-webkit-backdrop-filter:blur(3px);width:14px;font:var(--wzl-font-weight-medium) var(--wzl-font-size-xs)/var(--wzl-leading-tight) ui-sans-serif, system-ui, sans-serif;font-variant-numeric:tabular-nums;color:var(--wzl-fg-inverse);text-shadow:0 0 2px #ffffffb3;justify-content:center;align-items:center;margin-left:-7px;display:flex;position:absolute;top:-2px;bottom:-2px;box-shadow:0 1px 2px #0003}._thumb_1qeyx_35:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:1px}._thumbActive_1qeyx_74{z-index:1}._readoutsBelow_1qeyx_79{height:14px;margin-top:4px;position:relative}._readoutBelow_1qeyx_85{font:var(--wzl-font-weight-medium) var(--wzl-font-size-xs)/var(--wzl-leading-tight) ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color:var(--wzl-fg-muted);white-space:nowrap;position:absolute;transform:translate(-50%)}._readoutInline_1qeyx_93{font:var(--wzl-font-weight-medium) var(--wzl-font-size-sm)/var(--wzl-leading-tight) ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color:var(--wzl-fg-muted);vertical-align:middle;margin-left:8px;display:inline-block}._notched_1qeyx_101{background:var(--thumb-svg,none);-webkit-backdrop-filter:none;box-shadow:none;filter:drop-shadow(0 1px 1px #00000040);--thumb-svg:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 30' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 2.52,0 7,10.3 11.48,0 14,0 14,30 0,30' fill='rgba(255,255,255,0.62)' stroke='rgba(0,0,0,0.55)' stroke-width='0.75' stroke-linejoin='miter'/%3E%3C/svg%3E");background-color:#0000;background-repeat:no-repeat;background-size:100% 100%;border:none}._root_164gt_6{height:var(--tb-h,var(--wzl-control-h,24px));border-radius:var(--wzl-radius-pill);-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#0000002e 0%,#0000000d 100%);padding:2px;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px 2px #0006,0 1px #ffffff0f}._segment_164gt_28{min-width:0;font-family:var(--wzl-font-ui);font-weight:var(--wzl-font-weight-normal);font-size:var(--btn-fontsize,var(--wzl-font-size));color:var(--wzl-fg-muted);cursor:pointer;isolation:isolate;transition:color var(--wzl-motion-fast);background:0 0;border:none;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;margin:0;padding:0 12px;line-height:1;display:inline-flex;position:relative;overflow:hidden}._segment_164gt_28>svg{flex:none}._segment_164gt_28:has(>svg){padding:0 5px}._segment_164gt_28:first-child{border-radius:var(--wzl-radius-pill) 0 0 var(--wzl-radius-pill)}._segment_164gt_28:last-child{border-radius:0 var(--wzl-radius-pill) var(--wzl-radius-pill) 0}._segment_164gt_28:only-child{border-radius:var(--wzl-radius-pill)}._segment_164gt_28:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:-2px}._segment_164gt_28:disabled{opacity:.5;cursor:not-allowed}._segment_164gt_28:hover:not(:disabled):not(._segmentSelected_164gt_87){color:var(--wzl-fg)}._segmentSelected_164gt_87{background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-accent) var(--btn-top-alpha,45%), transparent) 0%, color-mix(in srgb, var(--wzl-accent) var(--btn-upper-alpha,70%), transparent) calc(var(--btn-equator,52%) - var(--btn-equator-spread,12%)), color-mix(in srgb, var(--wzl-accent) var(--btn-equator-tint,95%), white) var(--btn-equator,52%), var(--wzl-accent) calc(var(--btn-equator,52%) + var(--btn-equator-spread,12%) * 1.6), color-mix(in srgb, var(--wzl-accent) var(--btn-base-tint,70%), black) 100%);-webkit-backdrop-filter:blur(var(--btn-blur,6px)) saturate(var(--btn-saturate,1.3));color:var(--wzl-fg-on-accent);text-shadow:0 1px 0 rgba(0, 0, 0, var(--btn-text-shadow,.35)), var(--btn-text-inset-x,0px) var(--btn-text-inset-y,1px) 0 rgba(0, 0, 0, var(--btn-text-inset,.55)), 0 0 6px rgba(0, 0, 0, calc(var(--btn-text-shadow,.35) * .5));box-shadow:inset 0 1px 0 rgba(255, 255, 255, var(--btn-inset-hi,.42)), inset 0 -1px 2px rgba(0, 0, 0, var(--btn-inset-lo,.3)), 0 0 0 1px rgba(0, 0, 0, var(--btn-rim,.22)), 0 1px 2px rgba(0, 0, 0, var(--btn-drop-near,.3)), 0 2px 4px rgba(0, 0, 0, calc(var(--btn-drop-far,.18) * .8))}._segmentSelected_164gt_87:before{content:"";inset:1px 1px var(--btn-gloss-bottom,50%) 1px;border-radius:inherit;background:linear-gradient(180deg, rgba(255, 255, 255, var(--btn-gloss-top,.42)) 0%, rgba(255, 255, 255, var(--btn-gloss-mid,.12)) 60%, #fff0 100%);pointer-events:none;z-index:1;border-bottom-right-radius:0;border-bottom-left-radius:0;position:absolute}._segmentSelected_164gt_87>*{z-index:2;position:relative}._segmentMixed_164gt_146{background:color-mix(in srgb, var(--wzl-accent) 22%, transparent);color:var(--wzl-fg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--wzl-accent) 45%, transparent)}._segmentMixed_164gt_146:hover:not(:disabled){background:color-mix(in srgb, var(--wzl-accent) 32%, transparent)}._variant_minimal_164gt_156 ._segmentMixed_164gt_146{background:color-mix(in srgb, var(--wzl-accent) 18%, transparent);box-shadow:none;color:var(--wzl-fg)}._size_sm_164gt_165{height:17px;padding:1px}._size_sm_164gt_165 ._segment_164gt_28{font-size:var(--wzl-font-size-sm);padding:0 8px}._size_sm_164gt_165 ._segment_164gt_28:has(>svg){padding:0 3px}._variant_minimal_164gt_156{border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);height:auto;box-shadow:none;background:0 0;gap:0;padding:0}._variant_minimal_164gt_156 ._segment_164gt_28{font-size:var(--wzl-font-size-sm);font-weight:var(--wzl-font-weight-medium);color:var(--wzl-fg-muted);border-radius:0;padding:0 6px;line-height:1.4;transition:none}._variant_minimal_164gt_156 ._segment_164gt_28+._segment_164gt_28{border-left:1px solid var(--wzl-border)}._variant_minimal_164gt_156 ._segment_164gt_28:first-child,._variant_minimal_164gt_156 ._segment_164gt_28:last-child,._variant_minimal_164gt_156 ._segment_164gt_28:only-child{border-radius:0}._variant_minimal_164gt_156 ._segment_164gt_28:hover:not(:disabled):not(._segmentSelected_164gt_87){color:var(--wzl-fg);background:var(--wzl-surface-hover)}._variant_minimal_164gt_156 ._segmentSelected_164gt_87{-webkit-backdrop-filter:none;color:var(--wzl-accent-fg,var(--wzl-accent));text-shadow:none;box-shadow:none;font-weight:var(--wzl-font-weight-medium);background:0 0}._variant_minimal_164gt_156 ._segmentSelected_164gt_87:before{content:none}._variant_flat_164gt_240{border-radius:var(--wzl-radius-sm);box-shadow:none;background:0 0;padding:0;overflow:visible}._variant_flat_164gt_240 ._segment_164gt_28{border:1px solid var(--wzl-border-strong);background:var(--wzl-surface-sunken);color:var(--wzl-fg-muted);border-radius:0}._variant_flat_164gt_240 ._segment_164gt_28+._segment_164gt_28{margin-inline-start:-1px}._variant_flat_164gt_240 ._segment_164gt_28:first-child{border-start-start-radius:var(--wzl-radius-sm);border-end-start-radius:var(--wzl-radius-sm)}._variant_flat_164gt_240 ._segment_164gt_28:last-child{border-start-end-radius:var(--wzl-radius-sm);border-end-end-radius:var(--wzl-radius-sm)}._variant_flat_164gt_240 ._segment_164gt_28:hover:not(:disabled):not(._segmentSelected_164gt_87){background:var(--wzl-surface-hover);color:var(--wzl-fg)}._variant_flat_164gt_240 ._segmentSelected_164gt_87{background:var(--wzl-accent);border-color:var(--wzl-accent);color:var(--wzl-fg-on-accent);-webkit-backdrop-filter:none;text-shadow:none;box-shadow:none;z-index:1}._variant_flat_164gt_240 ._segmentSelected_164gt_87:before{content:none}._root_15yko_1{flex-direction:column;gap:8px;min-inline-size:0;display:flex}._swatches_15yko_8{flex-wrap:wrap;gap:6px;display:flex}._swatch_15yko_8{flex:0 auto;min-inline-size:0}._overlay_6yu3h_3{pointer-events:none;position:absolute;inset:0}._guide_6yu3h_13{fill:none;stroke:#fff;stroke-opacity:.7;stroke-dasharray:4 4;paint-order:stroke}._handle_6yu3h_21{fill:#fff;stroke:#222;stroke-width:2px;cursor:grab;pointer-events:auto}._handle_6yu3h_21:active{cursor:grabbing}._handle_6yu3h_21:focus-visible{outline:2px solid var(--wzl-accent,#4a9eff);outline-offset:2px}._field_zwx85_1{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}._frame_zwx85_9{height:var(--wzl-control-h);background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);color:var(--wzl-fg);font-family:var(--wzl-font-ui);font-size:var(--wzl-font-size);transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);align-items:center;gap:6px;padding:0 8px;line-height:1;display:flex}._frame_zwx85_9:focus-within{border-color:var(--wzl-focus-ring);box-shadow:0 0 0 1px var(--wzl-focus-ring)}._field_zwx85_1[data-invalid] ._frame_zwx85_9{border-color:var(--wzl-danger)}._field_zwx85_1[data-disabled] ._frame_zwx85_9{opacity:.5;cursor:not-allowed}._frame_zwx85_9 input{min-width:0;color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:1;padding:0}._frame_zwx85_9 input::placeholder{color:var(--wzl-fg-subtle)}._adornment_zwx85_54{color:var(--wzl-fg-subtle);font-size:var(--wzl-font-size-sm);pointer-events:none;align-items:center;display:inline-flex}._keys_1cdok_2{vertical-align:bottom;flex-wrap:wrap;align-items:flex-end;gap:3px;display:inline-flex}._keysEmpty_1cdok_16{color:var(--wzl-fg-muted)}._sep_1cdok_20{color:var(--wzl-fg-muted);font-size:var(--wzl-font-size-sm);line-height:1}._key_1cdok_2{box-sizing:border-box;background:var(--wzl-fg,#e6e7e9);border-radius:var(--wzl-radius-sm);height:18px;color:var(--wzl-surface);font-family:ui-sans-serif,system-ui,sans-serif;font-size:var(--wzl-font-size-sm);font-weight:var(--wzl-font-weight-bold);border:1px solid #25272c;border-bottom-width:2px;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:inline-flex}._key_1cdok_2[data-kind=square]{width:18px;padding:0}._key_1cdok_2[data-kind=modifier]{min-width:26px;padding:0 6px}._key_1cdok_2[data-kind=wide]{min-width:32px;padding:0 8px}._key_1cdok_2[data-inverted]{background:var(--wzl-surface);color:color-mix(in srgb, var(--wzl-fg,#e6e7e9) 60%, transparent);border-style:dotted;border-color:color-mix(in srgb, var(--wzl-fg,#e6e7e9) 40%, transparent);border-width:1.5px}._key_1cdok_2[data-variant=minimal]{color:currentColor;background:0 0;border-color:currentColor}._key_1cdok_2[data-variant=minimal][data-inverted]{color:currentColor;border:1.5px dotted}._field_1o8zh_1{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}._frame_1o8zh_9{height:var(--wzl-control-h);background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);color:var(--wzl-fg);font-family:var(--wzl-font-ui);font-size:var(--wzl-font-size);transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);align-items:stretch;line-height:1;display:flex;overflow:hidden}._frame_1o8zh_9:focus-within{border-color:var(--wzl-focus-ring);box-shadow:0 0 0 1px var(--wzl-focus-ring)}._field_1o8zh_1[data-invalid] ._frame_1o8zh_9{border-color:var(--wzl-danger)}._field_1o8zh_1[data-disabled] ._frame_1o8zh_9{opacity:.5;cursor:not-allowed}._frame_1o8zh_9 input{min-width:0;color:inherit;font:inherit;text-align:right;-moz-appearance:textfield;background:0 0;border:none;outline:none;flex:1;padding:0 8px}._frame_1o8zh_9 input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._frame_1o8zh_9 input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._steppers_1o8zh_57{border-left:1px solid var(--wzl-border);flex-direction:column;display:flex}._stepper_1o8zh_57{width:18px;color:var(--wzl-fg-muted);cursor:pointer;font-size:var(--wzl-font-size-2xs);background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}._stepper_1o8zh_57:not(:last-child){border-bottom:1px solid var(--wzl-border)}._stepper_1o8zh_57[data-hovered]:not([data-disabled]){background:var(--wzl-surface-hover);color:var(--wzl-fg)}._stepper_1o8zh_57[data-pressed]:not([data-disabled]){background:var(--wzl-surface-pressed)}._stepper_1o8zh_57[data-disabled]{opacity:.4;cursor:not-allowed}._root_uqwvn_2{flex-direction:column;gap:6px;min-inline-size:0;display:flex}._grid_uqwvn_9{grid-template-columns:repeat(auto-fill, minmax(var(--wzl-swatch-size,28px), 1fr));gap:0;display:grid}._swatch_uqwvn_17{aspect-ratio:1;border:.5px solid var(--wzl-border);cursor:pointer;background-color:var(--wzl-surface-sunken);background-image:var(--tile-preview);background-repeat:repeat;background-size:16px 16px;background-clip:padding-box;border-radius:0;width:100%;min-width:0;padding:0}._swatch_uqwvn_17:hover{border-color:var(--wzl-fg-muted)}._swatchActive_uqwvn_36{border-color:var(--wzl-accent);box-shadow:0 0 0 1px var(--wzl-accent)}._root_1c3p1_2{flex-direction:column;gap:6px;min-inline-size:0;display:flex}._unset_1c3p1_10{opacity:.55}._row_q3wun_1{align-items:stretch;gap:var(--powerline-gap,.2em);display:inline-flex}._matrix_q3wun_7{gap:12px;display:grid}._segment_q3wun_15{font-size:inherit;text-transform:none;letter-spacing:normal}._group_1nkc4_1{font-family:var(--wzl-font-ui);color:var(--wzl-fg);flex-direction:column;gap:6px;display:flex}._group_1nkc4_1[data-orientation=horizontal]{flex-direction:row;gap:16px}._legend_1nkc4_14{font-size:var(--wzl-font-size-sm);font-weight:var(--wzl-font-weight-medium);color:var(--wzl-fg)}._radio_1nkc4_20{cursor:pointer;font-size:var(--wzl-font-size);color:var(--wzl-fg);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}._radio_1nkc4_20[data-disabled]{opacity:.5;cursor:not-allowed}._dot_1nkc4_36{background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border-strong);width:14px;height:14px;transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);border-radius:50%;flex:none;position:relative}._radio_1nkc4_20[data-focus-visible] ._dot_1nkc4_36{box-shadow:0 0 0 2px var(--wzl-focus-ring)}._radio_1nkc4_20[data-hovered]:not([data-disabled]) ._dot_1nkc4_36{border-color:var(--wzl-fg-muted)}._radio_1nkc4_20[data-selected] ._dot_1nkc4_36{border-color:var(--wzl-accent-strong)}._dot_1nkc4_36:after{content:"";background:var(--wzl-accent-strong);transition:transform var(--wzl-motion-fast);border-radius:50%;position:absolute;inset:3px;transform:scale(0)}._radio_1nkc4_20[data-selected] ._dot_1nkc4_36:after{transform:scale(1)}._slider_cno0k_1{width:100%;font-family:var(--wzl-font-ui);color:var(--wzl-fg);flex-direction:column;gap:4px;display:flex}._slider_cno0k_1[data-orientation=vertical]{flex-direction:row;align-items:stretch;width:28px;height:160px}._head_cno0k_17{justify-content:space-between;align-items:baseline;gap:8px;display:flex}._label_cno0k_24{font-size:var(--wzl-font-size-sm);font-weight:var(--wzl-font-weight-medium);color:var(--wzl-fg)}._output_cno0k_30{font-size:var(--wzl-font-size-sm);color:var(--wzl-fg-subtle);font-variant-numeric:tabular-nums}._track_cno0k_36{background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);min-width:80px;height:6px;position:relative}._slider_cno0k_1[data-orientation=vertical] ._track_cno0k_36{width:6px;height:100%}._fill_cno0k_50{background:var(--wzl-accent-strong);border-radius:var(--wzl-radius-sm);position:absolute;top:0;bottom:0;left:0}._thumb_cno0k_59{background:var(--wzl-fg-muted);border:1px solid var(--wzl-border-strong);cursor:ew-resize;width:14px;height:14px;transition:box-shadow var(--wzl-motion-fast);border-radius:50%;outline:none}._slider_cno0k_1[data-orientation=vertical] ._thumb_cno0k_59{cursor:ns-resize}._thumb_cno0k_59[data-focus-visible]{box-shadow:0 0 0 2px var(--wzl-focus-ring)}._thumb_cno0k_59[data-dragging]{background:var(--wzl-accent-strong)}._slider_cno0k_1[data-disabled]{opacity:.5;cursor:not-allowed}._field_1dbmd_1{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}._trigger_1dbmd_9{width:100%;height:var(--wzl-control-h);background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);color:var(--wzl-fg);font-family:var(--wzl-font-ui);font-size:var(--wzl-font-size);cursor:pointer;transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);align-items:center;gap:6px;padding:0 6px 0 10px;line-height:1;display:flex}._trigger_1dbmd_9[data-focus-visible]{border-color:var(--wzl-focus-ring);box-shadow:0 0 0 1px var(--wzl-focus-ring)}._field_1dbmd_1[data-invalid] ._trigger_1dbmd_9{border-color:var(--wzl-danger)}._trigger_1dbmd_9[data-disabled]{opacity:.5;cursor:not-allowed}._value_1dbmd_41{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}._value_1dbmd_41[data-placeholder]{color:var(--wzl-fg-subtle)}._chevron_1dbmd_54{width:10px;height:10px;color:var(--wzl-fg-muted);flex:none}._popover_1dbmd_61{min-width:var(--trigger-width);max-height:inherit;outline:none}._listbox_1dbmd_67{background:var(--wzl-surface-raised);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-md);max-height:280px;font-family:var(--wzl-font-ui);font-size:var(--wzl-font-size);outline:none;padding:4px;overflow:auto;box-shadow:0 8px 24px #0000004d}._option_1dbmd_80{border-radius:var(--wzl-radius-sm);cursor:pointer;color:var(--wzl-fg);outline:none;align-items:center;gap:8px;padding:4px 8px;display:flex}._option_1dbmd_80[data-focused]{background:var(--wzl-surface-hover)}._option_1dbmd_80[data-selected]{color:var(--wzl-fg);font-weight:var(--wzl-font-weight-medium)}._option_1dbmd_80[data-disabled]{opacity:.4;cursor:not-allowed}._check_1dbmd_105{opacity:0;flex:none;width:10px;height:10px}._option_1dbmd_80[data-selected] ._check_1dbmd_105{opacity:1}._switch_4x0jo_1{cursor:pointer;font-family:var(--wzl-font-ui);font-size:var(--wzl-font-size);color:var(--wzl-fg);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}._switch_4x0jo_1[data-disabled]{opacity:.5;cursor:not-allowed}._track_4x0jo_18{background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border-strong);border-radius:var(--wzl-radius-pill);width:28px;height:16px;transition:background-color var(--wzl-motion-fast), border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);flex:none;position:relative}._switch_4x0jo_1[data-focus-visible] ._track_4x0jo_18{box-shadow:0 0 0 2px var(--wzl-focus-ring)}._switch_4x0jo_1[data-selected] ._track_4x0jo_18{background:var(--wzl-accent-strong);border-color:var(--wzl-accent-strong)}._thumb_4x0jo_38{background:var(--wzl-fg);width:12px;height:12px;transition:transform var(--wzl-motion-fast);border-radius:50%;position:absolute;top:1px;left:1px}._switch_4x0jo_1[data-selected] ._thumb_4x0jo_38{background:var(--wzl-fg-on-accent);transform:translate(12px)}._label_4x0jo_54{line-height:1.2}._columns_i4hcs_5{flex-flow:wrap;align-items:flex-start;gap:12px;padding-right:4px;display:flex;overflow-y:auto}._column_i4hcs_5{flex:0 0 var(--wzl-prefs-column-width,300px);width:var(--wzl-prefs-column-width,300px);flex-direction:column;gap:8px;display:flex}._panel_i4hcs_23{background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);flex-direction:column;gap:8px;padding:10px;display:flex}._subpanel_i4hcs_33{background:var(--wzl-surface-sunken);border-left:2px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);flex-direction:column;gap:6px;margin-top:6px;padding:8px 8px 8px 10px;display:flex}._groupHeader_i4hcs_44{border-bottom:1px solid var(--wzl-border);flex-direction:column;gap:2px;padding-bottom:4px;display:flex}._subpanel_i4hcs_33 ._groupHeader_i4hcs_44{border-bottom:none;padding-bottom:2px}._groupTitle_i4hcs_57{font-size:var(--wzl-font-size-sm);font-weight:var(--wzl-font-weight-bold);color:var(--wzl-fg);letter-spacing:.04em;text-transform:uppercase;margin:0}._subpanel_i4hcs_33 ._groupTitle_i4hcs_57{font-size:var(--wzl-font-size-sm);text-transform:none;letter-spacing:0}._groupDesc_i4hcs_72{font-size:var(--wzl-font-size-sm);color:var(--wzl-fg-subtle);margin:0;line-height:1.35}._rows_i4hcs_79{flex-direction:column;gap:6px;display:flex}._row_i4hcs_79{font-size:var(--wzl-font-size-sm);color:var(--wzl-fg);cursor:default;justify-content:space-between;align-items:center;gap:8px;display:flex}._rowLabel_i4hcs_95{flex:auto;align-items:center;gap:4px;min-width:0;display:inline-flex}._help_i4hcs_104{color:var(--wzl-fg-subtle);font-size:var(--wzl-font-size-sm);cursor:help;border-radius:var(--wzl-radius-sm);background:0 0;border:none;flex:none;padding:0;line-height:1}._help_i4hcs_104:hover{color:var(--wzl-fg)}._help_i4hcs_104:focus-visible{outline:2px solid var(--wzl-focus-ring);outline-offset:1px;color:var(--wzl-fg)}._rowControl_i4hcs_128{flex:0 0 110px;align-items:center;min-width:0;display:flex}._textarea_i4hcs_135{background:var(--wzl-surface-sunken);width:100%;color:var(--wzl-fg);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);font:inherit;font-size:var(--wzl-font-size-sm);resize:vertical;padding:4px 8px}._unrenderable_i4hcs_147{font-family:var(--wzl-font-mono);font-size:var(--wzl-font-size-sm);color:var(--wzl-fg-subtle)}._titleRow_i4hcs_154{flex:1;align-items:center;gap:12px;min-width:0;display:flex}._titleRow_i4hcs_154>span:first-child{flex:1;min-width:0}._objectLeaf_i4hcs_168{flex-direction:column;gap:6px;inline-size:100%;display:flex}._objectRow_i4hcs_175{grid-template-columns:96px 1fr;align-items:center;gap:8px;display:grid}._objectLabel_i4hcs_182{font-size:var(--wzl-font-size-sm);opacity:.75}._objectGroup_i4hcs_187{font-size:var(--wzl-font-size-xs);font-weight:var(--wzl-font-weight-bold);text-transform:uppercase;letter-spacing:.06em;opacity:.55;margin:4px 0 0}._handle_c4v7n_1{cursor:ew-resize;border-left:1px solid var(--wzl-border);touch-action:none;background:0 0;flex-shrink:0;align-self:stretch;width:4px}._handle_c4v7n_1._horizontal_c4v7n_14{cursor:ns-resize;border-left:none;border-top:1px solid var(--wzl-border);align-self:auto;width:auto;height:4px}._handle_c4v7n_1:hover{background:var(--wzl-border)}._handle_c4v7n_1:focus-visible{outline:2px solid var(--wzl-focus-ring,var(--wzl-accent));outline-offset:-1px}._root_1c7nn_1{font-size:var(--wzl-font-size-sm);color:var(--wzl-fg);flex-direction:column;display:flex}._header_1c7nn_8{border-block-end:1px solid var(--wzl-border);align-items:baseline;gap:8px;padding:8px 0;display:flex}._kind_1c7nn_16{font-weight:var(--wzl-font-weight-bold);font-size:var(--wzl-font-size)}._breakdown_1c7nn_21{font-size:var(--wzl-font-size-sm);opacity:.6}._section_1c7nn_26{border-block-end:1px solid var(--wzl-border);padding:6px 0 8px}._section_1c7nn_26:last-child{border-block-end:none}._sectionTitle_1c7nn_35{font-size:var(--wzl-font-size-xs);font-weight:var(--wzl-font-weight-bold);text-transform:uppercase;letter-spacing:.06em;opacity:.55;margin:0 0 6px}._row_1c7nn_44{grid-template-columns:64px 1fr;align-items:center;gap:6px;margin-block-end:5px;display:grid}._rowLabel_1c7nn_52{opacity:.75}._rowControls_1c7nn_56{flex-wrap:wrap;align-items:center;gap:6px;min-inline-size:0;display:flex}._namedField_1c7nn_66{align-items:center;gap:4px;min-inline-size:0;display:flex}._namedField_1c7nn_66>svg{opacity:.75;flex:none}._blockRow_1c7nn_78{margin-block-end:5px}._rowControls_1c7nn_56>._namedField_1c7nn_66{flex:1 1 0}._rowControls_1c7nn_56>._namedField_1c7nn_66:has(>._toggle_1c7nn_89){flex:0 auto}._rowControls_1c7nn_56>*{flex:1;min-inline-size:0}._rowControls_1c7nn_56>._toggle_1c7nn_89{flex:auto}._rowControls_1c7nn_56>._toggle_1c7nn_89:only-child{flex:0 auto}._number_1c7nn_109 input,._select_1c7nn_110{font-size:var(--wzl-font-size-sm)}._unitSuffix_1c7nn_114{font-size:var(--wzl-font-size-sm);opacity:.6;flex:none}._mixedSwitch_1c7nn_120{opacity:.55}._unrenderable_1c7nn_124{font-size:var(--wzl-font-size-sm);opacity:.5;font-style:italic}._objectLeaf_1c7nn_131{margin-block:8px 4px}._objectLeaf_1c7nn_131 ._sectionTitle_1c7nn_35{margin-block:7px 5px}._objectGroup_1c7nn_140{border-inline-start:1px solid var(--wzl-border);margin-block-end:4px;padding-inline-start:8px}._slider_1c7nn_147{flex:1}._sliderReadout_1c7nn_151{text-align:end;min-inline-size:3ch;font-size:var(--wzl-font-size-sm);opacity:.7;flex:none}._sidebar_toyo8_1{background:var(--wzl-surface);color:var(--wzl-fg);flex-direction:column;gap:4px;display:flex}._sidebar_toyo8_1._left_toyo8_9{border-right:1px solid var(--wzl-border)}._sidebar_toyo8_1._right_toyo8_12{border-left:1px solid var(--wzl-border)}._panel_1uzcs_1{background:var(--wzl-surface);color:var(--wzl-fg);padding:8px 0}._title_1uzcs_9{font-size:var(--wzl-font-size-sm);font-weight:var(--wzl-font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--wzl-fg-muted)}._titleRow_1uzcs_17{justify-content:space-between;align-items:center;margin-bottom:4px;padding:0;display:flex}._titleButton_1uzcs_25{cursor:pointer;color:inherit;font:inherit;text-align:left;background:0 0;border:0;flex:auto;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}._titleButton_1uzcs_25:hover{color:var(--wzl-fg)}._chevron_1uzcs_42{font-size:var(--wzl-font-size-xs);color:var(--wzl-fg-muted);transition:transform var(--wzl-motion-fast) ease;line-height:1;display:inline-block}._chevronCollapsed_1uzcs_49{transform:rotate(-90deg)}._hideButton_1uzcs_53{font-size:var(--wzl-font-size);color:var(--wzl-fg-muted);cursor:pointer;background:0 0;border:0;padding:0 8px;line-height:1}._hideButton_1uzcs_53:hover{color:var(--wzl-fg)}._panel_1uzcs_1._collapsed_1uzcs_66{padding-bottom:4px}._body_1uzcs_70{padding:0}._bar_49hmb_1{font-family:var(--wzl-font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--wzl-font-size-sm);color:var(--wzl-fg-muted);background:var(--wzl-surface);border-top:1px solid var(--wzl-border);flex-shrink:0;align-items:center;gap:16px;padding:4px 12px;display:flex}._item_49hmb_14{white-space:nowrap}._muted_49hmb_18{opacity:.6;font-variant-numeric:tabular-nums}._hasTitle_49hmb_23{cursor:help}._spacer_49hmb_27{margin-left:auto}._tabs_1mx31_1{font-family:var(--wzl-font-ui);color:var(--wzl-fg);flex-direction:column;gap:0;display:flex}._tabs_1mx31_1[data-orientation=horizontal]{flex-direction:column}._tabs_1mx31_1[data-orientation=vertical]{flex-direction:row;gap:12px}._list_1mx31_18{border-bottom:1px solid var(--wzl-border);gap:2px;display:flex}._tabs_1mx31_1[data-orientation=vertical] ._list_1mx31_18{border-bottom:none;border-right:1px solid var(--wzl-border);flex-direction:column;padding-right:8px}._tab_1mx31_1{color:var(--wzl-fg-muted);font:inherit;font-size:var(--wzl-font-size-sm);cursor:pointer;transition:color var(--wzl-motion-fast);background:0 0;border:none;outline:none;padding:6px 10px;position:relative}._tab_1mx31_1[data-hovered]:not([data-disabled]),._tab_1mx31_1[data-selected]{color:var(--wzl-fg)}._tab_1mx31_1[data-selected]:after{content:"";background:var(--wzl-accent-strong);height:2px;position:absolute;bottom:-1px;left:0;right:0}._tabs_1mx31_1[data-orientation=vertical] ._tab_1mx31_1[data-selected]:after{width:2px;height:auto;inset:0 -9px 0 auto}._tab_1mx31_1[data-focus-visible]{box-shadow:inset 0 0 0 2px var(--wzl-focus-ring);border-radius:var(--wzl-radius-sm)}._tab_1mx31_1[data-disabled]{opacity:.5;cursor:not-allowed}._panel_1mx31_81{outline:none;padding:12px 0}._panel_1mx31_81[data-focus-visible]{box-shadow:inset 0 0 0 2px var(--wzl-focus-ring);border-radius:var(--wzl-radius-sm)}._region_611s6_1{z-index:1100;outline:none;flex-direction:column-reverse;gap:8px;max-width:360px;display:flex;position:fixed}._bottomRight_611s6_17{bottom:16px;right:16px}._bottomLeft_611s6_18{bottom:16px;left:16px}._topRight_611s6_19{flex-direction:column;top:16px;right:16px}._topLeft_611s6_20{flex-direction:column;top:16px;left:16px}._toast_611s6_22{--toast-accent:var(--wzl-accent-strong);view-transition-class:wzl-toast;background:var(--wzl-surface);border:1px solid var(--wzl-border);border-left:3px solid var(--toast-accent);border-radius:var(--wzl-radius-md);color:var(--wzl-fg);font-family:var(--wzl-font-ui);outline:none;align-items:flex-start;gap:8px;padding:10px 12px;display:flex;box-shadow:0 8px 24px #00000059}._region_611s6_1[data-focus-visible],._toast_611s6_22[data-focus-visible]{outline:2px solid var(--wzl-focus-ring);outline-offset:1px}._toneSuccess_611s6_49{--toast-accent:var(--wzl-success,#2ec27e)}._toneWarning_611s6_50{--toast-accent:var(--wzl-warning,#d99a3f)}._toneError_611s6_51{--toast-accent:var(--wzl-danger)}._content_611s6_53{flex:1;min-width:0}._title_611s6_58{font-size:var(--wzl-font-size);font-weight:var(--wzl-font-weight-bold);display:block}._description_611s6_64{font-size:var(--wzl-font-size-sm);color:var(--wzl-fg-muted);margin-top:2px;display:block}._close_611s6_71{color:var(--wzl-fg-muted);font-size:var(--wzl-font-size-lg);cursor:pointer;border-radius:var(--wzl-radius-sm);background:0 0;border:none;flex:none;padding:2px 4px;line-height:1}._close_611s6_71:hover{color:var(--wzl-fg)}:root.wzl-toast-vt{view-transition-name:none}:root.wzl-toast-vt::view-transition{pointer-events:none}:root.wzl-toast-vt::view-transition-new(.wzl-toast):only-child{animation:wzl-toast-enter var(--wzl-motion-medium,.24s) var(--wzl-ease-out-cubic,ease-out) both}:root.wzl-toast-vt::view-transition-old(.wzl-toast):only-child{animation:wzl-toast-exit var(--wzl-motion-fast,.12s) var(--wzl-ease-in-cubic,ease-in) both}@keyframes wzl-toast-enter{0%{opacity:0;translate:0 16px}}@keyframes wzl-toast-exit{to{opacity:0;scale:.92}}._button_1gdyt_1{border-radius:var(--wzl-radius-sm);min-width:44px;color:var(--wzl-fg);cursor:default;font-family:inherit;font-size:var(--wzl-font-size-xs);background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;line-height:1.1;display:inline-flex}._button_1gdyt_1:hover:not([disabled]){background:var(--wzl-surface-hover);color:var(--wzl-fg)}._button_1gdyt_1:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:-2px}._button_1gdyt_1._active_1gdyt_26{background:var(--wzl-surface-pressed);border-color:var(--wzl-accent);color:var(--wzl-fg)}._button_1gdyt_1[disabled]{opacity:.4}._icon_1gdyt_35,._icon_1gdyt_35>svg{display:block}._label_1gdyt_37{font-size:var(--wzl-font-size-xs)}._shortcut_1gdyt_38{color:var(--wzl-fg-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--wzl-font-size-2xs)}._group_o2pho_1{flex-direction:column;gap:2px;display:flex}._group_o2pho_1._horizontal_o2pho_6{flex-direction:row}._root_cfvzx_13{height:var(--wzl-tb-height,28px);background:var(--wzl-surface);border-bottom:1px solid var(--wzl-border);color:var(--wzl-fg);align-items:center;gap:8px;padding:0 8px;display:flex;overflow:hidden}._label_cfvzx_25{font-size:var(--wzl-font-size-sm);font-weight:var(--wzl-font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--wzl-fg-muted);white-space:nowrap;flex:none}._controls_cfvzx_6{scrollbar-width:thin;flex:auto;align-items:center;gap:6px;min-width:0;height:100%;display:flex;overflow:auto hidden}._controls_cfvzx_6::-webkit-scrollbar{height:4px}._controls_cfvzx_6::-webkit-scrollbar-track{background:0 0}._controls_cfvzx_6::-webkit-scrollbar-thumb{background:var(--wzl-border);border-radius:var(--wzl-radius-sm)}._palette_tbdk7_1{background:var(--wzl-surface);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);-webkit-user-select:none;user-select:none;flex-direction:column;gap:4px;padding:4px;display:flex}._palette_tbdk7_1._horizontal_tbdk7_11{flex-direction:row}._ineligibleBtn_tbdk7_20{opacity:.35;cursor:not-allowed}._separator_tbdk7_25{background:var(--wzl-border)}._palette_tbdk7_1:not(._horizontal_tbdk7_11) ._separator_tbdk7_25{height:1px;margin:2px 0}._palette_tbdk7_1._horizontal_tbdk7_11 ._separator_tbdk7_25{width:1px;margin:0 2px}
147
179
  /*$vite$:1*/
148
180
  /*
149
181
  * @windease/react baseline stylesheet.
@@ -155,7 +187,12 @@
155
187
  * - .windease-window reads the --w-x/y/w/h custom properties the library
156
188
  * writes per-instance, and exposes itself as a named CSS size container
157
189
  * so widgets can adapt with @container queries.
158
- * - .windease-insertion-line gets a subtle default appearance.
190
+ * - .windease-insertion-line gets a subtle default appearance, as does
191
+ * .windease-split-preview, which the library positions over the half a
192
+ * prospective split would take.
193
+ * - [data-join-armed] gets a visible default: releasing an armed seam-join
194
+ * destroys a pane with no confirmation step, so the point of no return
195
+ * cannot wait on consumer CSS.
159
196
  * - .windease-measure wraps a content-sized pane's children so `hints.sizing`
160
197
  * measures the content rather than the extent the layout just wrote.
161
198
  * - .windease-focus-root exists only to catch bubbled focusin/keydown, so
@@ -208,6 +245,12 @@
208
245
  border-radius: 4px;
209
246
  }
210
247
 
248
+ .windease-split-preview {
249
+ background: currentColor;
250
+ opacity: 0.25;
251
+ pointer-events: none;
252
+ }
253
+
211
254
  /*
212
255
  * Preset chrome components (<Panel>, <Group>) — visual defaults consumers can
213
256
  * override with className/style or by writing their own chrome handler.
@@ -245,6 +288,30 @@
245
288
  display: contents;
246
289
  }
247
290
 
291
+ /* Two signals, not one: an armed victim sits at its floor and may be a sliver,
292
+ * so the thickened seam is what stays visible and the hatch names the pane. */
293
+
294
+ .windease-affordance-hit[data-join-armed] > [data-affordance]::after {
295
+ content: "";
296
+ position: absolute;
297
+ inset: -4px;
298
+ background: currentColor;
299
+ pointer-events: none;
300
+ }
301
+
302
+ [data-node][data-join-armed] {
303
+ position: relative;
304
+ }
305
+
306
+ [data-node][data-join-armed]::after {
307
+ content: "";
308
+ position: absolute;
309
+ inset: 0;
310
+ pointer-events: none;
311
+ opacity: 0.3;
312
+ background: repeating-linear-gradient(45deg, currentColor 0 6px, transparent 6px 14px);
313
+ }
314
+
248
315
  /*
249
316
  * Measurement box for `hints.sizing`. The pane wrapper carries the extent the
250
317
  * layout just wrote, so it cannot be what we measure; this inner div sizes to
@@ -287,6 +354,7 @@
287
354
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
288
355
  }
289
356
  .lk-root {
357
+ --lk-workspace-pad: var(--wzl-space-sm);
290
358
  font-family: var(--wzl-font-ui);
291
359
  font-size: var(--wzl-font-size);
292
360
  font-weight: var(--wzl-font-weight-light);
@@ -299,7 +367,7 @@
299
367
  .lk-root *::after {
300
368
  box-sizing: border-box;
301
369
  }
302
- .lk-root button {
370
+ :where(.lk-root) :where(button) {
303
371
  font: inherit;
304
372
  color: inherit;
305
373
  background: var(--wzl-surface-raised);
@@ -311,19 +379,19 @@
311
379
  backdrop-filter: blur(var(--wzl-glass-blur));
312
380
  -webkit-backdrop-filter: blur(var(--wzl-glass-blur));
313
381
  }
314
- .lk-root button:hover {
382
+ :where(.lk-root) :where(button):hover {
315
383
  border-color: var(--wzl-accent);
316
384
  color: var(--wzl-accent);
317
385
  }
318
- .lk-root button:focus-visible {
386
+ :where(.lk-root) :where(button):focus-visible {
319
387
  outline: 2px solid var(--wzl-focus-ring);
320
388
  outline-offset: 1px;
321
389
  }
322
- .lk-root button:disabled {
390
+ :where(.lk-root) :where(button):disabled {
323
391
  color: var(--wzl-fg-subtle);
324
392
  cursor: not-allowed;
325
393
  }
326
- .lk-root input[type="range"] {
394
+ :where(.lk-root) :where(input[type="range"]) {
327
395
  accent-color: var(--wzl-accent);
328
396
  }
329
397
  .lk-lab {
@@ -360,32 +428,7 @@
360
428
  min-height: 0;
361
429
  }
362
430
  .lk-trial-tile {
363
- display: flex;
364
- flex-direction: column;
365
431
  height: 100%;
366
- }
367
- .lk-trial-tile__grip {
368
- flex: 0 0 auto;
369
- display: flex;
370
- align-items: center;
371
- justify-content: center;
372
- height: 14px;
373
- cursor: grab;
374
- border-radius: var(--wzl-radius-sm) var(--wzl-radius-sm) 0 0;
375
- background: var(--wzl-surface-sunken);
376
- }
377
- .lk-trial-tile__grip:active {
378
- cursor: grabbing;
379
- }
380
- .lk-trial-tile__grip-dots {
381
- width: 28px;
382
- height: 3px;
383
- border-radius: 999px;
384
- background: var(--wzl-fg-muted);
385
- opacity: 0.5;
386
- }
387
- .lk-trial-tile__body {
388
- flex: 1;
389
432
  min-height: 0;
390
433
  }
391
434
  .lk-shell {
@@ -395,6 +438,9 @@
395
438
  height: 100vh;
396
439
  background: var(--wzl-surface);
397
440
  }
441
+ .lk-lab > .lk-shell {
442
+ background: transparent;
443
+ }
398
444
  .lk-shell-header {
399
445
  display: flex;
400
446
  align-items: center;
@@ -406,8 +452,8 @@
406
452
  }
407
453
  .lk-shell-title {
408
454
  margin: 0;
409
- font-size: 16px;
410
- font-weight: 600;
455
+ font-size: var(--wzl-font-size-xl);
456
+ font-weight: var(--wzl-font-weight-bold);
411
457
  color: var(--wzl-fg);
412
458
  }
413
459
  .lk-shell-header-actions {
@@ -419,7 +465,15 @@
419
465
  flex: 1;
420
466
  min-height: 0;
421
467
  overflow: auto;
422
- padding: var(--wzl-space-md);
468
+ padding: var(--lk-workspace-pad);
469
+ }
470
+ .lk-lab__body {
471
+ display: flex;
472
+ height: 100%;
473
+ min-height: 0;
474
+ }
475
+ .lk-lab__body > .lk-workspace {
476
+ min-width: 0;
423
477
  }
424
478
  .lk-shell-footer {
425
479
  border-top: 1px solid var(--wzl-border);
@@ -428,24 +482,62 @@
428
482
  color: var(--wzl-fg-muted);
429
483
  font-size: var(--wzl-font-size-sm);
430
484
  }
485
+ .lk-lab-header__add {
486
+ display: inline-flex;
487
+ align-items: center;
488
+ gap: var(--wzl-space-xs);
489
+ }
490
+ .lk-root .lk-lab-header__add-select {
491
+ width: 160px;
492
+ }
493
+ .lk-lab-header__mode {
494
+ opacity: 0.75;
495
+ flex-shrink: 0;
496
+ }
497
+ .lk-lab-header__mode:hover,
498
+ .lk-lab-header__mode:focus-within {
499
+ opacity: 1;
500
+ }
431
501
  .lk-toolbar {
502
+ --wzl-control-h: 22px;
432
503
  display: flex;
433
504
  align-items: center;
434
505
  gap: var(--wzl-space-sm);
435
- padding: var(--wzl-space-xs) var(--wzl-space-sm);
506
+ padding: 2px var(--wzl-space-sm);
436
507
  background: var(--wzl-surface-raised);
437
508
  border-bottom: 1px solid var(--wzl-border);
438
- min-height: calc(var(--wzl-control-h) + 2 * var(--wzl-space-xs));
509
+ min-height: calc(var(--wzl-control-h) + 4px);
439
510
  }
440
511
  .lk-toolbar-title {
441
- font-weight: 600;
512
+ font-weight: var(--wzl-font-weight-bold);
442
513
  color: var(--wzl-fg);
443
514
  margin-right: var(--wzl-space-sm);
444
515
  }
445
516
  .lk-toolbar-spacer {
446
517
  flex: 1;
447
518
  }
519
+ .lk-toolbar-group {
520
+ display: flex;
521
+ align-items: center;
522
+ gap: 2px;
523
+ min-width: 0;
524
+ }
525
+ .lk-toolbar-group + .lk-toolbar-group {
526
+ padding-left: var(--wzl-space-sm);
527
+ border-left: 1px solid var(--wzl-line-subtle);
528
+ }
529
+ .lk-toolbar-group--end {
530
+ margin-left: auto;
531
+ }
532
+ .lk-toolbar-group--end + .lk-toolbar-group,
533
+ .lk-toolbar-group + .lk-toolbar-group--end {
534
+ border-left: none;
535
+ padding-left: 0;
536
+ }
448
537
  .lk-toolbar-button {
538
+ display: inline-flex;
539
+ align-items: center;
540
+ gap: var(--wzl-space-xs);
449
541
  height: var(--wzl-control-h);
450
542
  padding: 0 var(--wzl-space-sm);
451
543
  font-size: var(--wzl-font-size);
@@ -454,11 +546,21 @@
454
546
  border: 1px solid transparent;
455
547
  border-radius: var(--wzl-radius-md);
456
548
  cursor: pointer;
549
+ white-space: nowrap;
550
+ }
551
+ .lk-toolbar-button--icon {
552
+ padding: 0;
553
+ width: var(--wzl-control-h);
554
+ justify-content: center;
457
555
  }
458
556
  .lk-toolbar-button:hover:not(:disabled) {
459
557
  background: var(--wzl-surface);
460
558
  border-color: var(--wzl-border);
461
559
  }
560
+ .lk-toolbar-button--danger:hover:not(:disabled) {
561
+ color: var(--wzl-danger);
562
+ border-color: var(--wzl-danger);
563
+ }
462
564
  .lk-toolbar-button:focus-visible {
463
565
  outline: 2px solid var(--wzl-focus-ring);
464
566
  outline-offset: 1px;
@@ -471,8 +573,10 @@
471
573
  display: flex;
472
574
  flex-direction: column;
473
575
  width: 280px;
576
+ flex: 1 1 auto;
474
577
  background: var(--wzl-surface-raised);
475
- border-left: 1px solid var(--wzl-border);
578
+ border-right: 1px solid var(--wzl-border);
579
+ min-height: 0;
476
580
  transition: width 150ms ease;
477
581
  }
478
582
  .lk-sidebar--collapsed {
@@ -487,7 +591,7 @@
487
591
  }
488
592
  .lk-sidebar-title {
489
593
  flex: 1;
490
- font-weight: 600;
594
+ font-weight: var(--wzl-font-weight-bold);
491
595
  color: var(--wzl-fg);
492
596
  font-size: var(--wzl-font-size);
493
597
  }
@@ -516,6 +620,47 @@
516
620
  .lk-sidebar--collapsed .lk-sidebar-body {
517
621
  display: none;
518
622
  }
623
+ .lk-sidebar-section {
624
+ border-bottom: var(--wzl-border-w) solid var(--wzl-line-subtle);
625
+ }
626
+ .lk-sidebar-section__head {
627
+ width: 100%;
628
+ padding: var(--wzl-space-xs);
629
+ border: 0;
630
+ background: transparent;
631
+ color: var(--wzl-fg-muted);
632
+ font-family: var(--wzl-font-display);
633
+ font-size: var(--wzl-font-size-sm);
634
+ letter-spacing: 0.08em;
635
+ text-align: left;
636
+ text-transform: uppercase;
637
+ cursor: pointer;
638
+ }
639
+ .lk-sidebar-section__head:hover {
640
+ color: var(--wzl-fg);
641
+ }
642
+ .lk-sidebar-section__body {
643
+ padding: 0 var(--wzl-space-xs) var(--wzl-space-xs);
644
+ }
645
+ .lk-zoom {
646
+ display: flex;
647
+ align-items: center;
648
+ gap: var(--wzl-space-sm);
649
+ min-width: 0;
650
+ }
651
+ .lk-zoom__slider {
652
+ flex: 0 1 108px;
653
+ }
654
+ .lk-zoom__field {
655
+ flex: 0 0 auto;
656
+ }
657
+ .lk-root .lk-zoom__slider {
658
+ width: 108px;
659
+ min-width: 64px;
660
+ }
661
+ .lk-root .lk-zoom__field {
662
+ width: 62px;
663
+ }
519
664
  .lk-status-bar {
520
665
  display: flex;
521
666
  align-items: center;
@@ -537,6 +682,86 @@
537
682
  .lk-status-bar-section:last-child {
538
683
  border-right: none;
539
684
  }
685
+ .lk-status-bar-section--end {
686
+ margin-left: auto;
687
+ }
688
+ .lk-status-bar-section:has( + .lk-status-bar-section--end) {
689
+ border-right: none;
690
+ }
691
+ .lk-job {
692
+ display: flex;
693
+ align-items: center;
694
+ gap: var(--wzl-space-sm);
695
+ min-width: 0;
696
+ font-size: var(--wzl-font-size-sm);
697
+ color: var(--wzl-fg-muted);
698
+ }
699
+ .lk-job__track {
700
+ flex: 0 1 120px;
701
+ height: 3px;
702
+ border-radius: var(--wzl-radius-pill);
703
+ overflow: hidden;
704
+ background: color-mix(in srgb, currentColor 18%, transparent);
705
+ }
706
+ .lk-job__fill {
707
+ height: 100%;
708
+ background: var(--wzl-accent);
709
+ transform-origin: left center;
710
+ transition: transform 120ms linear;
711
+ }
712
+ .lk-job__track--indeterminate .lk-job__fill,
713
+ .lk-job__track--indeterminate > .lk-job__fill {
714
+ animation: lk-job-sweep 1.1s ease-in-out infinite;
715
+ transform-origin: center;
716
+ }
717
+ .lk-job__count {
718
+ font-variant-numeric: tabular-nums;
719
+ white-space: nowrap;
720
+ }
721
+ .lk-job__failures,
722
+ .lk-job__error {
723
+ display: inline-flex;
724
+ align-items: center;
725
+ gap: 4px;
726
+ min-width: 0;
727
+ overflow: hidden;
728
+ text-overflow: ellipsis;
729
+ white-space: nowrap;
730
+ }
731
+ .lk-job__failures {
732
+ color: var(--wzl-warning);
733
+ }
734
+ .lk-job__error {
735
+ color: var(--wzl-danger);
736
+ }
737
+ .lk-job__cancel {
738
+ height: 20px;
739
+ padding: 0 var(--wzl-space-sm);
740
+ font-size: var(--wzl-font-size-sm);
741
+ }
742
+ .lk-job--error .lk-job__fill {
743
+ background: var(--wzl-danger);
744
+ }
745
+ .lk-job--done .lk-job__fill {
746
+ background: color-mix(in srgb, var(--wzl-accent) 55%, transparent);
747
+ }
748
+ @keyframes lk-job-sweep {
749
+ 0% {
750
+ transform: scaleX(0.15) translateX(-260%);
751
+ }
752
+ 50% {
753
+ transform: scaleX(0.5) translateX(0);
754
+ }
755
+ 100% {
756
+ transform: scaleX(0.15) translateX(260%);
757
+ }
758
+ }
759
+ @media (prefers-reduced-motion: reduce) {
760
+ .lk-job__track--indeterminate > .lk-job__fill {
761
+ animation: none;
762
+ transform: scaleX(0.35);
763
+ }
764
+ }
540
765
  .lk-fps-meter {
541
766
  display: inline-flex;
542
767
  align-items: center;
@@ -567,6 +792,70 @@
567
792
  .lk-scale-indicator-label {
568
793
  white-space: nowrap;
569
794
  }
795
+ .lk-legend {
796
+ margin: 0;
797
+ padding: 0;
798
+ list-style: none;
799
+ font-family: var(--wzl-font-mono);
800
+ font-size: var(--wzl-font-size-sm);
801
+ line-height: 1.4;
802
+ color: var(--wzl-fg-muted);
803
+ }
804
+ .lk-legend__row {
805
+ display: flex;
806
+ align-items: center;
807
+ gap: var(--wzl-space-sm);
808
+ padding: 1px 0;
809
+ white-space: nowrap;
810
+ }
811
+ .lk-legend__swatch {
812
+ flex: none;
813
+ width: 15px;
814
+ }
815
+ .lk-legend__swatch--line {
816
+ height: 4px;
817
+ border-radius: var(--wzl-radius-sm);
818
+ background: var(--lk-legend-ink);
819
+ }
820
+ .lk-legend__swatch--dash {
821
+ height: 0;
822
+ border-top: 2px dashed var(--lk-legend-ink);
823
+ }
824
+ .lk-legend__swatch--dot {
825
+ width: 6px;
826
+ height: 6px;
827
+ margin: 0 4px 0 5px;
828
+ border-radius: 50%;
829
+ background: var(--lk-legend-ink);
830
+ }
831
+ .lk-legend__swatch--band {
832
+ height: 9px;
833
+ border-radius: var(--wzl-radius-sm);
834
+ background: var(--lk-legend-ink);
835
+ }
836
+ .lk-floating-panel {
837
+ cursor: grab;
838
+ touch-action: none;
839
+ user-select: none;
840
+ background: var(--wzl-surface);
841
+ border: var(--wzl-border-w) solid var(--wzl-border);
842
+ border-radius: var(--wzl-radius-md);
843
+ padding: var(--wzl-space-sm);
844
+ box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
845
+ }
846
+ .lk-floating-panel:not([data-placed='true']) {
847
+ visibility: hidden;
848
+ }
849
+ .lk-floating-panel[data-dragging='true'] {
850
+ cursor: grabbing;
851
+ }
852
+ .lk-floating-panel-story-host {
853
+ position: relative;
854
+ width: 520px;
855
+ height: 340px;
856
+ background: var(--wzl-surface-sunken);
857
+ border: var(--wzl-border-w) solid var(--wzl-border);
858
+ }
570
859
  html:has(.lk-lab),
571
860
  body:has(.lk-lab) {
572
861
  margin: 0;
@@ -580,11 +869,13 @@ body:has(.lk-lab) > :has(> .lk-lab) {
580
869
  }
581
870
  .lk-trial {
582
871
  display: flex;
872
+ outline: none;
583
873
  flex-direction: column;
584
874
  height: 100%;
585
- background: var(--wzl-surface);
586
- border: 1px solid var(--wzl-border);
875
+ background: var(--wzl-surface-raised);
876
+ border: var(--wzl-border-w) solid var(--wzl-border-raised);
587
877
  border-radius: var(--wzl-radius-md);
878
+ box-shadow: 0 1px 3px var(--wzl-shadow);
588
879
  overflow: hidden;
589
880
  }
590
881
  .lk-trial__body {
@@ -594,18 +885,37 @@ body:has(.lk-lab) > :has(> .lk-lab) {
594
885
  }
595
886
  .lk-trial__sidebar {
596
887
  flex-shrink: 0;
888
+ display: flex;
889
+ flex-direction: column;
890
+ min-height: 0;
891
+ overflow-y: auto;
597
892
  }
598
893
  .lk-trial__content {
894
+ position: relative;
599
895
  flex: 1;
896
+ min-width: 0;
897
+ min-height: 0;
898
+ display: flex;
899
+ flex-direction: column;
600
900
  overflow: auto;
601
901
  }
902
+ .lk-trial__content > * {
903
+ flex: 1 1 auto;
904
+ min-height: 0;
905
+ }
906
+ .lk-trial__content--flush {
907
+ overflow: hidden;
908
+ }
909
+ .lk-trial__canvas-host {
910
+ position: relative;
911
+ width: 100%;
912
+ height: 100%;
913
+ }
602
914
  .lk-trial__toolbar {
603
915
  flex-shrink: 0;
604
- border-bottom: 1px solid var(--wzl-line-subtle);
605
916
  }
606
917
  .lk-trial__status {
607
918
  flex-shrink: 0;
608
- border-top: 1px solid var(--wzl-line-subtle);
609
919
  }
610
920
  .lk-trial--unknown {
611
921
  display: flex;
@@ -622,62 +932,122 @@ body:has(.lk-lab) > :has(> .lk-lab) {
622
932
  .lk-toolbar__load-select {
623
933
  font-size: var(--wzl-font-size-sm);
624
934
  }
935
+ .lk-root .lk-toolbar__load-select {
936
+ width: 88px;
937
+ }
625
938
  .lk-sidebar__placeholder {
626
939
  padding: var(--wzl-space-sm);
627
940
  color: var(--wzl-fg-muted);
628
941
  font-size: var(--wzl-font-size-sm);
629
942
  }
630
- .lk-control-panel {
943
+ .lk-trial__titlebar {
631
944
  display: flex;
632
- flex-direction: column;
945
+ align-items: center;
633
946
  gap: var(--wzl-space-sm);
634
- padding: var(--wzl-space-sm);
947
+ flex-shrink: 0;
948
+ padding: 0 var(--wzl-space-sm);
949
+ min-height: calc(var(--wzl-font-size-sm) * var(--wzl-leading) + var(--wzl-space-xs));
950
+ background: var(--wzl-surface-sunken);
951
+ border-bottom: var(--wzl-border-w) solid var(--wzl-border);
952
+ border-radius: var(--wzl-radius-md) var(--wzl-radius-md) 0 0;
635
953
  }
636
- .lk-control-row {
637
- display: flex;
638
- flex-direction: column;
639
- gap: var(--wzl-space-xs);
954
+ .lk-trial__titlebar--draggable {
955
+ cursor: grab;
956
+ touch-action: none;
640
957
  }
641
- .lk-control-row--inline {
642
- flex-direction: row;
958
+ .lk-trial__titlebar--draggable:active {
959
+ cursor: grabbing;
960
+ }
961
+ .lk-trial__titlebar-actions {
962
+ display: inline-flex;
643
963
  align-items: center;
644
- gap: var(--wzl-space-sm);
964
+ gap: 2px;
965
+ margin-left: auto;
645
966
  }
646
- .lk-control-label {
647
- font-size: var(--wzl-font-size-sm);
648
- color: var(--wzl-fg);
967
+ .lk-root .lk-titlebar-button {
968
+ display: inline-flex;
969
+ align-items: center;
970
+ justify-content: center;
971
+ width: 18px;
972
+ height: 18px;
973
+ padding: 0;
974
+ border: 0;
975
+ border-radius: var(--wzl-radius-sm);
976
+ background: transparent;
977
+ backdrop-filter: none;
978
+ -webkit-backdrop-filter: none;
979
+ color: var(--wzl-fg-muted);
980
+ cursor: pointer;
649
981
  }
650
- .lk-control-input {
651
- width: 100%;
652
- background: var(--wzl-surface-raised);
982
+ .lk-root .lk-titlebar-button:hover {
983
+ background: var(--wzl-surface-hover);
653
984
  color: var(--wzl-fg);
654
- border: 1px solid var(--wzl-border);
655
- border-radius: 4px;
656
- padding: 2px 6px;
657
985
  }
658
- .lk-control-input--range {
659
- padding: 0;
660
- border: none;
661
- }
662
- .lk-control-input--checkbox {
663
- width: auto;
986
+ .lk-root .lk-titlebar-button:disabled {
987
+ opacity: 0.4;
988
+ cursor: default;
664
989
  }
665
- .lk-control-input--color {
666
- width: 40px;
667
- height: 24px;
668
- padding: 0;
990
+ .lk-root .lk-titlebar-button--danger:hover:not(:disabled) {
991
+ background: color-mix(in srgb, var(--wzl-danger) 15%, transparent);
992
+ color: var(--wzl-danger);
669
993
  }
670
- .lk-control-slider-value {
994
+ .lk-trial__title {
671
995
  font-size: var(--wzl-font-size-sm);
672
- font-variant-numeric: tabular-nums;
996
+ font-weight: var(--wzl-font-weight-bold);
673
997
  color: var(--wzl-fg-muted);
674
- min-width: 3ch;
675
- text-align: right;
998
+ white-space: nowrap;
999
+ overflow: hidden;
1000
+ text-overflow: ellipsis;
676
1001
  }
677
- .lk-control-slider-row {
1002
+ .lk-viewport-controls {
1003
+ position: absolute;
1004
+ right: var(--wzl-space-sm);
1005
+ bottom: var(--wzl-space-sm);
1006
+ z-index: var(--wzl-z-overlay);
678
1007
  display: flex;
1008
+ flex-wrap: wrap;
1009
+ justify-content: flex-end;
1010
+ max-width: calc(100% - 2 * var(--wzl-space-sm));
1011
+ gap: var(--wzl-space-xs);
1012
+ padding: var(--wzl-space-xs);
1013
+ border: var(--wzl-border-w) solid var(--wzl-border);
1014
+ border-radius: var(--wzl-radius-md);
1015
+ background: var(--wzl-surface-raised);
1016
+ backdrop-filter: blur(var(--wzl-glass-blur));
1017
+ }
1018
+ .lk-viewport-controls__button {
1019
+ display: inline-flex;
679
1020
  align-items: center;
680
- gap: var(--wzl-space-sm);
1021
+ justify-content: center;
1022
+ width: var(--wzl-control-h);
1023
+ height: var(--wzl-control-h);
1024
+ padding: 0;
1025
+ border: 0;
1026
+ border-radius: var(--wzl-radius-sm);
1027
+ background: transparent;
1028
+ color: var(--wzl-fg-muted);
1029
+ cursor: pointer;
1030
+ }
1031
+ .lk-viewport-controls__button:hover:not(:disabled) {
1032
+ background: var(--wzl-surface-hover);
1033
+ color: var(--wzl-fg);
1034
+ }
1035
+ .lk-viewport-controls__button:disabled {
1036
+ opacity: 0.4;
1037
+ cursor: default;
1038
+ }
1039
+ .lk-palette-region {
1040
+ display: flex;
1041
+ flex-direction: column;
1042
+ padding: var(--wzl-space-xs);
1043
+ border-right: var(--wzl-border-w) solid var(--wzl-line-subtle);
1044
+ background: var(--wzl-surface-sunken);
1045
+ }
1046
+ .lk-palette-region button {
1047
+ height: auto;
1048
+ }
1049
+ .lk-control-panel {
1050
+ padding: 0;
681
1051
  }
682
1052
  .lk-canvas-stack {
683
1053
  position: relative;
@@ -701,8 +1071,7 @@ body:has(.lk-lab) > :has(> .lk-lab) {
701
1071
  .lk-layer-list {
702
1072
  display: flex;
703
1073
  flex-direction: column;
704
- gap: 2px;
705
- padding: var(--wzl-space-sm);
1074
+ gap: 1px;
706
1075
  }
707
1076
  .lk-layer-list__empty {
708
1077
  color: var(--wzl-fg-muted);
@@ -712,9 +1081,9 @@ body:has(.lk-lab) > :has(> .lk-lab) {
712
1081
  .lk-layer-list__row {
713
1082
  display: flex;
714
1083
  align-items: center;
715
- gap: var(--wzl-space-sm);
716
- padding: 4px 6px;
717
- border-radius: 3px;
1084
+ gap: var(--wzl-space-xs);
1085
+ padding: 1px 2px;
1086
+ border-radius: var(--wzl-radius-sm);
718
1087
  user-select: none;
719
1088
  }
720
1089
  .lk-layer-list__row:hover {
@@ -727,10 +1096,22 @@ body:has(.lk-lab) > :has(> .lk-lab) {
727
1096
  .lk-layer-list__row--pinned {
728
1097
  opacity: 0.7;
729
1098
  }
730
- .lk-layer-list__handle {
1099
+ .lk-root .lk-layer-list__handle {
1100
+ display: inline-flex;
1101
+ align-items: center;
1102
+ height: auto;
1103
+ padding: 4px;
1104
+ margin: -4px;
1105
+ border: 0;
1106
+ border-radius: 0;
1107
+ background: transparent;
1108
+ backdrop-filter: none;
1109
+ -webkit-backdrop-filter: none;
731
1110
  cursor: grab;
732
1111
  color: var(--wzl-fg-muted);
733
- font-family: monospace;
1112
+ }
1113
+ .lk-root .lk-layer-list__handle:hover {
1114
+ color: var(--wzl-fg);
734
1115
  }
735
1116
  .lk-layer-list__handle:active {
736
1117
  cursor: grabbing;
@@ -742,6 +1123,9 @@ body:has(.lk-lab) > :has(> .lk-lab) {
742
1123
  flex: 1;
743
1124
  font-size: var(--wzl-font-size-sm);
744
1125
  }
1126
+ .lk-layer-list input[type='checkbox'] {
1127
+ accent-color: var(--wzl-accent);
1128
+ }
745
1129
  .lk-palette {
746
1130
  display: grid;
747
1131
  grid-template-columns: repeat(2, 1fr);
@@ -756,7 +1140,7 @@ body:has(.lk-lab) > :has(> .lk-lab) {
756
1140
  padding: var(--wzl-space-sm);
757
1141
  background: var(--wzl-surface-raised);
758
1142
  border: 1px solid var(--wzl-border);
759
- border-radius: 4px;
1143
+ border-radius: var(--wzl-radius-sm);
760
1144
  cursor: grab;
761
1145
  font: inherit;
762
1146
  color: inherit;
@@ -779,7 +1163,7 @@ body:has(.lk-lab) > :has(> .lk-lab) {
779
1163
  padding: 4px 8px;
780
1164
  background: var(--wzl-surface-raised);
781
1165
  border: 1px solid var(--wzl-border);
782
- border-radius: 4px;
1166
+ border-radius: var(--wzl-radius-sm);
783
1167
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
784
1168
  font: inherit;
785
1169
  color: inherit;
@@ -799,8 +1183,8 @@ body:has(.lk-lab) > :has(> .lk-lab) {
799
1183
  .lk-property-panel__title {
800
1184
  font-family: var(--wzl-font-display);
801
1185
  font-weight: var(--wzl-font-weight-light);
802
- font-size: 1.05rem;
803
- line-height: 1.2;
1186
+ font-size: var(--wzl-font-size-lg);
1187
+ line-height: var(--wzl-leading-snug);
804
1188
  letter-spacing: 0.01em;
805
1189
  color: var(--wzl-fg);
806
1190
  margin: 0 0 12px;
@@ -844,8 +1228,8 @@ body:has(.lk-lab) > :has(> .lk-lab) {
844
1228
  .lk-property-row__label {
845
1229
  font-family: var(--wzl-font-display);
846
1230
  font-weight: var(--wzl-font-weight-light);
847
- font-size: 0.78rem;
848
- line-height: 1.2;
1231
+ font-size: var(--wzl-font-size-sm);
1232
+ line-height: var(--wzl-leading-snug);
849
1233
  color: var(--wzl-fg-muted);
850
1234
  text-transform: uppercase;
851
1235
  letter-spacing: 0.05em;
@@ -862,11 +1246,11 @@ body:has(.lk-lab) > :has(> .lk-lab) {
862
1246
  .lk-property-row__readout-input {
863
1247
  font: inherit;
864
1248
  font-weight: var(--wzl-font-weight-medium);
865
- line-height: 1;
1249
+ line-height: var(--wzl-leading-tight);
866
1250
  color: var(--wzl-accent);
867
1251
  background: transparent;
868
1252
  border: 1px solid transparent;
869
- border-radius: 3px;
1253
+ border-radius: var(--wzl-radius-sm);
870
1254
  padding: 1px 0;
871
1255
  margin: 0;
872
1256
  width: calc(5em - 24px);
@@ -877,10 +1261,10 @@ body:has(.lk-lab) > :has(> .lk-lab) {
877
1261
  -moz-appearance: textfield;
878
1262
  }
879
1263
  .lk-property-row__readout-input:hover {
880
- background: rgba(255, 255, 255, 0.06);
1264
+ background: color-mix(in srgb, currentColor 8%, transparent);
881
1265
  }
882
1266
  .lk-property-row__readout-input:focus {
883
- background: rgba(0, 0, 0, 0.4);
1267
+ background: var(--wzl-surface-sunken);
884
1268
  border-color: var(--wzl-accent);
885
1269
  }
886
1270
  .lk-property-row__readout-input::-webkit-inner-spin-button,
@@ -894,13 +1278,13 @@ body:has(.lk-lab) > :has(> .lk-lab) {
894
1278
  }
895
1279
  .lk-property-row__readout-unit {
896
1280
  color: var(--wzl-fg-muted);
897
- font-size: 0.78em;
898
- line-height: 1;
1281
+ font-size: var(--wzl-font-size-2xs);
1282
+ line-height: var(--wzl-leading-tight);
899
1283
  pointer-events: none;
900
1284
  }
901
1285
  .lk-property-row__readout-group sup {
902
1286
  color: var(--wzl-fg-muted);
903
- font-size: 0.7em;
1287
+ font-size: var(--wzl-font-size-2xs);
904
1288
  pointer-events: none;
905
1289
  }
906
1290
  .lk-property-row input[type='range'] {
@@ -915,12 +1299,12 @@ body:has(.lk-lab) > :has(> .lk-lab) {
915
1299
  }
916
1300
  .lk-property-row input[type='range']::-webkit-slider-runnable-track {
917
1301
  height: 4px;
918
- border-radius: 2px;
1302
+ border-radius: var(--wzl-radius-sm);
919
1303
  background: color-mix(in srgb, var(--wzl-accent) 18%, transparent);
920
1304
  }
921
1305
  .lk-property-row input[type='range']::-moz-range-track {
922
1306
  height: 4px;
923
- border-radius: 2px;
1307
+ border-radius: var(--wzl-radius-sm);
924
1308
  background: color-mix(in srgb, var(--wzl-accent) 18%, transparent);
925
1309
  }
926
1310
  .lk-property-row input[type='range']::-webkit-slider-thumb {
@@ -959,12 +1343,15 @@ body:has(.lk-lab) > :has(> .lk-lab) {
959
1343
  }
960
1344
  .lk-property-row input[type='text']:not(.lk-property-row__readout-input),
961
1345
  .lk-property-row input[type='number'] {
962
- background: rgba(0, 0, 0, 0.35);
1346
+ background: var(--wzl-surface-sunken);
963
1347
  color: var(--wzl-fg);
964
1348
  border: 1px solid var(--wzl-border);
965
1349
  border-radius: var(--wzl-radius-sm);
966
1350
  padding: 6px 8px;
967
- font: 400 0.85rem/1 var(--wzl-font-ui);
1351
+ font-family: var(--wzl-font-ui);
1352
+ font-weight: var(--wzl-font-weight-medium);
1353
+ font-size: var(--wzl-font-size);
1354
+ line-height: var(--wzl-leading-tight);
968
1355
  }
969
1356
  .lk-property-row input[type='text']:not(.lk-property-row__readout-input):focus,
970
1357
  .lk-property-row input[type='number']:focus {
@@ -976,7 +1363,10 @@ body:has(.lk-lab) > :has(> .lk-lab) {
976
1363
  border: 0;
977
1364
  border-radius: 0;
978
1365
  padding: 2px 0;
979
- font: 400 0.85rem/1 var(--wzl-font-ui);
1366
+ font-family: var(--wzl-font-ui);
1367
+ font-weight: var(--wzl-font-weight-medium);
1368
+ font-size: var(--wzl-font-size);
1369
+ line-height: var(--wzl-leading-tight);
980
1370
  cursor: pointer;
981
1371
  }
982
1372
  .lk-property-row select:focus {
@@ -1051,7 +1441,7 @@ body:has(.lk-lab) > :has(> .lk-lab) {
1051
1441
  .lk-property-row--checkbox .lk-property-row__label {
1052
1442
  text-transform: none;
1053
1443
  letter-spacing: normal;
1054
- font-size: 0.85rem;
1444
+ font-size: var(--wzl-font-size);
1055
1445
  color: var(--wzl-fg);
1056
1446
  order: 1;
1057
1447
  }
@@ -1076,7 +1466,10 @@ body:has(.lk-lab) > :has(> .lk-lab) {
1076
1466
  color: var(--wzl-fg-muted);
1077
1467
  border: 0;
1078
1468
  border-radius: 0;
1079
- font: 400 0.78rem/1 var(--wzl-font-ui);
1469
+ font-family: var(--wzl-font-ui);
1470
+ font-weight: var(--wzl-font-weight-medium);
1471
+ font-size: var(--wzl-font-size-sm);
1472
+ line-height: var(--wzl-leading-tight);
1080
1473
  cursor: pointer;
1081
1474
  backdrop-filter: none;
1082
1475
  -webkit-backdrop-filter: none;
@@ -1090,11 +1483,11 @@ body:has(.lk-lab) > :has(> .lk-lab) {
1090
1483
  }
1091
1484
  .lk-property-row__toggle-button--selected {
1092
1485
  background: var(--wzl-accent);
1093
- color: #0a0a14;
1486
+ color: var(--wzl-fg-on-accent);
1094
1487
  font-weight: var(--wzl-font-weight-medium);
1095
1488
  }
1096
1489
  .lk-property-row__toggle-button--selected:hover {
1097
- color: #0a0a14;
1490
+ color: var(--wzl-fg-on-accent);
1098
1491
  }
1099
1492
  .lk-subpanel {
1100
1493
  display: grid;
@@ -1116,12 +1509,12 @@ body:has(.lk-lab) > :has(> .lk-lab) {
1116
1509
  }
1117
1510
  .lk-subpanel__title {
1118
1511
  font-family: var(--wzl-font-display);
1119
- font-weight: 400;
1120
- font-size: 0.72rem;
1121
- line-height: 1;
1512
+ font-weight: var(--wzl-font-weight-medium);
1513
+ font-size: var(--wzl-font-size-sm);
1514
+ line-height: var(--wzl-leading-tight);
1122
1515
  color: var(--wzl-fg);
1123
1516
  text-transform: uppercase;
1124
- letter-spacing: 0.08em;
1517
+ letter-spacing: var(--wzl-tracking-wider);
1125
1518
  margin: 0;
1126
1519
  padding: 6px 0 4px;
1127
1520
  display: flex;
@@ -1200,22 +1593,25 @@ body:has(.lk-lab) > :has(> .lk-lab) {
1200
1593
  min-width: 14px;
1201
1594
  padding: 0 2px;
1202
1595
  color: var(--lk-panel-accent, var(--wzl-fg-muted));
1203
- font-size: 14px;
1204
- font-weight: 700;
1205
- font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
1596
+ font-size: var(--wzl-font-size);
1597
+ font-weight: var(--wzl-font-weight-bold);
1598
+ font-family: var(--wzl-font-mono);
1206
1599
  line-height: 1;
1207
1600
  }
1208
1601
  .lk-effect-card__title {
1209
1602
  font-family: var(--wzl-font-display);
1210
- font-weight: 500;
1211
- font-size: 0.9rem;
1212
- line-height: 1;
1603
+ font-weight: var(--wzl-font-weight-medium);
1604
+ font-size: var(--wzl-font-size);
1605
+ line-height: var(--wzl-leading-tight);
1213
1606
  color: var(--wzl-fg);
1214
1607
  text-transform: uppercase;
1215
1608
  letter-spacing: 0.04em;
1216
1609
  }
1217
1610
  .lk-effect-card__primary {
1218
- font: 400 0.75rem/1 var(--wzl-font-ui);
1611
+ font-family: var(--wzl-font-ui);
1612
+ font-weight: var(--wzl-font-weight-medium);
1613
+ font-size: var(--wzl-font-size-sm);
1614
+ line-height: var(--wzl-leading-tight);
1219
1615
  color: var(--wzl-fg);
1220
1616
  background: rgba(0, 0, 0, 0.3);
1221
1617
  border: 1px solid var(--wzl-border);
@@ -1234,19 +1630,19 @@ body:has(.lk-lab) > :has(> .lk-lab) {
1234
1630
  background: transparent;
1235
1631
  color: var(--wzl-fg-muted);
1236
1632
  border: 1px solid transparent;
1237
- border-radius: 4px;
1633
+ border-radius: var(--wzl-radius-sm);
1238
1634
  width: 22px;
1239
1635
  height: 22px;
1240
- font-size: 0.85rem;
1636
+ font-size: var(--wzl-font-size);
1241
1637
  cursor: pointer;
1242
1638
  display: inline-flex;
1243
1639
  align-items: center;
1244
1640
  justify-content: center;
1245
1641
  }
1246
1642
  .lk-effect-card__remove:hover {
1247
- color: #ffb3a8;
1248
- border-color: rgba(240, 68, 56, 0.4);
1249
- background: rgba(240, 68, 56, 0.08);
1643
+ color: var(--wzl-danger-fg, var(--wzl-danger));
1644
+ border-color: color-mix(in srgb, var(--wzl-danger) 40%, transparent);
1645
+ background: color-mix(in srgb, var(--wzl-danger) 8%, transparent);
1250
1646
  }
1251
1647
  .lk-effect-card__body {
1252
1648
  padding: 4px 12px 12px;
@@ -1263,12 +1659,15 @@ body:has(.lk-lab) > :has(> .lk-lab) {
1263
1659
  .lk-effect-card-list__drop-hint {
1264
1660
  height: 0;
1265
1661
  border-top: 2px solid var(--wzl-accent);
1266
- border-radius: 2px;
1662
+ border-radius: var(--wzl-radius-sm);
1267
1663
  margin: 2px 0;
1268
1664
  box-shadow: 0 0 6px color-mix(in srgb, var(--wzl-accent) 60%, transparent);
1269
1665
  }
1270
1666
  .lk-effect-card-list__empty {
1271
- font: var(--wzl-font-weight-light) 0.78rem/1.4 var(--wzl-font-display);
1667
+ font-family: var(--wzl-font-display);
1668
+ font-weight: var(--wzl-font-weight-light);
1669
+ font-size: var(--wzl-font-size-sm);
1670
+ line-height: var(--wzl-leading);
1272
1671
  color: var(--wzl-fg-muted);
1273
1672
  text-align: center;
1274
1673
  padding: 16px 12px;
@@ -1289,8 +1688,8 @@ body:has(.lk-lab) > :has(> .lk-lab) {
1289
1688
  margin: 0 0 8px;
1290
1689
  font-family: var(--wzl-font-display);
1291
1690
  font-weight: var(--wzl-font-weight-light);
1292
- font-size: 0.78rem;
1293
- letter-spacing: 0.08em;
1691
+ font-size: var(--wzl-font-size-sm);
1692
+ letter-spacing: var(--wzl-tracking-wider);
1294
1693
  text-transform: uppercase;
1295
1694
  color: var(--wzl-fg-subtle);
1296
1695
  }
@@ -1334,7 +1733,7 @@ body:has(.lk-lab) > :has(> .lk-lab) {
1334
1733
  display: flex;
1335
1734
  justify-content: space-between;
1336
1735
  font-variant-numeric: tabular-nums;
1337
- font-size: 0.85rem;
1736
+ font-size: var(--wzl-font-size);
1338
1737
  color: var(--wzl-fg-subtle);
1339
1738
  }
1340
1739
  .lk-curve-field__readout {
@@ -1351,7 +1750,7 @@ body:has(.lk-lab) > :has(> .lk-lab) {
1351
1750
  border-radius: var(--wzl-radius-sm);
1352
1751
  color: var(--wzl-fg);
1353
1752
  padding: 4px 10px;
1354
- font-size: 0.78rem;
1753
+ font-size: var(--wzl-font-size-sm);
1355
1754
  cursor: pointer;
1356
1755
  }
1357
1756
  .lk-curve-field__action:hover {
@@ -1371,7 +1770,7 @@ body:has(.lk-lab) > :has(> .lk-lab) {
1371
1770
  margin: 0;
1372
1771
  font-family: var(--wzl-font-display);
1373
1772
  font-weight: var(--wzl-font-weight-light);
1374
- font-size: 1rem;
1773
+ font-size: var(--wzl-font-size-lg);
1375
1774
  color: var(--wzl-fg);
1376
1775
  }
1377
1776
  .lk-layer-stack__palette {
@@ -1383,7 +1782,7 @@ body:has(.lk-lab) > :has(> .lk-lab) {
1383
1782
  border: 1px dashed var(--wzl-border);
1384
1783
  border-radius: var(--wzl-radius-sm);
1385
1784
  padding: 2px 8px;
1386
- font-size: 0.78rem;
1785
+ font-size: var(--wzl-font-size-sm);
1387
1786
  color: var(--wzl-fg-subtle);
1388
1787
  cursor: pointer;
1389
1788
  }
@@ -1398,11 +1797,11 @@ body:has(.lk-lab) > :has(> .lk-lab) {
1398
1797
  .lk-layer-stack__drop-hint {
1399
1798
  height: 2px;
1400
1799
  background: var(--wzl-accent);
1401
- border-radius: 1px;
1800
+ border-radius: var(--wzl-radius-sm);
1402
1801
  }
1403
1802
  .lk-layer-stack__empty {
1404
1803
  color: var(--wzl-fg-subtle);
1405
- font-size: 0.85rem;
1804
+ font-size: var(--wzl-font-size);
1406
1805
  padding: 8px;
1407
1806
  text-align: center;
1408
1807
  }
@@ -1437,8 +1836,8 @@ body:has(.lk-lab) > :has(> .lk-lab) {
1437
1836
  min-width: 22px;
1438
1837
  height: 22px;
1439
1838
  border-radius: var(--wzl-radius-sm);
1440
- font-weight: 600;
1441
- font-size: 0.85rem;
1839
+ font-weight: var(--wzl-font-weight-bold);
1840
+ font-size: var(--wzl-font-size);
1442
1841
  }
1443
1842
  .lk-layer-card.has-accent .lk-layer-card__handle {
1444
1843
  background: var(--lk-layer-card-accent);
@@ -1450,7 +1849,7 @@ body:has(.lk-lab) > :has(> .lk-lab) {
1450
1849
  .lk-layer-card__kind,
1451
1850
  .lk-layer-card__primary {
1452
1851
  flex: 1;
1453
- font-size: 0.9rem;
1852
+ font-size: var(--wzl-font-size);
1454
1853
  }
1455
1854
  .lk-layer-card__primary {
1456
1855
  background: transparent;
@@ -1458,13 +1857,13 @@ body:has(.lk-lab) > :has(> .lk-lab) {
1458
1857
  color: var(--wzl-fg);
1459
1858
  font: inherit;
1460
1859
  text-transform: uppercase;
1461
- letter-spacing: 0.06em;
1860
+ letter-spacing: var(--wzl-tracking-wide);
1462
1861
  }
1463
1862
  .lk-root .lk-layer-card__remove {
1464
1863
  background: transparent;
1465
1864
  border: 0;
1466
1865
  color: var(--wzl-fg-subtle);
1467
- font-size: 1rem;
1866
+ font-size: var(--wzl-font-size-lg);
1468
1867
  cursor: pointer;
1469
1868
  padding: 2px 6px;
1470
1869
  }