@weasel-js/labkit 1.2.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.
- package/dist/_dts/{DrawCommand-C_XboUpz.d.ts → DrawCommand-DBB45NfN.d.ts} +196 -52
- package/dist/_dts/PrefsForm-BYa6cWnO.d.ts +201 -0
- package/dist/_dts/index-DgcNdEdh.d.ts +314 -0
- package/dist/_dts/types-1Sdxy_Pv.d.ts +90 -0
- package/dist/_dts/types-AHlQxBNN.d.ts +162 -0
- package/dist/_dts/{useTrialState-BMNIx3Cy.d.ts → useTrialState-CsGMjhu9.d.ts} +5 -87
- package/dist/canvas/index.d.ts +7 -3
- package/dist/canvas/index.js +2 -1
- package/dist/chrome/index.d.ts +86 -0
- package/dist/chrome/index.js +8 -0
- package/dist/chrome/index.js.map +1 -0
- package/dist/{chunk-VUU5UXHE.js → chunk-4TMMVIDM.js} +8 -5
- package/dist/chunk-4TMMVIDM.js.map +1 -0
- package/dist/{chunk-THBG7FQZ.js → chunk-HFDVGF4X.js} +15 -12
- package/dist/chunk-HFDVGF4X.js.map +1 -0
- package/dist/{chunk-574LJAV4.js → chunk-NS54R52R.js} +31 -21
- package/dist/chunk-NS54R52R.js.map +1 -0
- package/dist/{chunk-G5TJVQQT.js → chunk-O2BULFHX.js} +5 -14
- package/dist/chunk-O2BULFHX.js.map +1 -0
- package/dist/chunk-O7NVSCLN.js +266 -0
- package/dist/chunk-O7NVSCLN.js.map +1 -0
- package/dist/chunk-PO6L3NSH.js +366 -0
- package/dist/chunk-PO6L3NSH.js.map +1 -0
- package/dist/chunk-PQJ5B2U2.js +27 -0
- package/dist/chunk-PQJ5B2U2.js.map +1 -0
- package/dist/chunk-RVNN4CHQ.js +212 -0
- package/dist/chunk-RVNN4CHQ.js.map +1 -0
- package/dist/chunk-TLGRYALP.js +6151 -0
- package/dist/chunk-TLGRYALP.js.map +1 -0
- package/dist/{chunk-SFL7NFKN.js → chunk-V7PRSIRQ.js} +15 -7
- package/dist/chunk-V7PRSIRQ.js.map +1 -0
- package/dist/{chunk-BOHF3PQO.js → chunk-Z6HJ5FEM.js} +8111 -5190
- package/dist/chunk-Z6HJ5FEM.js.map +1 -0
- package/dist/chunk-ZZAYVX4X.js +505 -0
- package/dist/chunk-ZZAYVX4X.js.map +1 -0
- package/dist/controls/index.d.ts +19 -5
- package/dist/controls/index.js +3 -1
- package/dist/dragdrop/index.d.ts +4 -2
- package/dist/index.d.ts +246 -106
- package/dist/index.js +673 -559
- package/dist/index.js.map +1 -1
- package/dist/layers/index.d.ts +5 -3
- package/dist/layers/index.js +2 -1
- package/dist/passthrough/weasel-canvas.d.ts +69 -13
- package/dist/passthrough/weasel-canvas.js +1 -1
- package/dist/passthrough/weasel-ui.d.ts +3799 -3672
- package/dist/passthrough/weasel-ui.js +2 -2
- package/dist/primitives/index.d.ts +102 -8
- package/dist/primitives/index.js +4 -1
- package/dist/state/index.d.ts +3 -2
- package/dist/state/index.js +2 -2
- package/dist/styles.css +542 -153
- package/dist/surface/index.js +2 -1
- package/dist/ui/layers/index.js +4 -3
- package/dist/undo/index.d.ts +4 -2
- package/package.json +16 -7
- package/src/canvas/AGENTS.md +4 -0
- package/src/canvas/CanvasStack.tsx +6 -2
- package/src/canvas/useLayerScheduler.ts +22 -15
- package/src/canvas/usePanZoom.test.ts +80 -0
- package/src/canvas/usePanZoom.ts +16 -2
- package/src/chrome/ChromeRegions.stories.tsx +106 -0
- package/src/chrome/builtins.test.ts +153 -0
- package/src/chrome/builtins.tsx +205 -0
- package/src/chrome/index.ts +25 -0
- package/src/chrome/merge.test.ts +51 -0
- package/src/chrome/merge.ts +52 -0
- package/src/chrome/regions/PaletteRegion.less +14 -0
- package/src/chrome/regions/PaletteRegion.test.tsx +36 -0
- package/src/chrome/regions/PaletteRegion.tsx +41 -0
- package/src/chrome/regions/SidebarRegion.tsx +56 -0
- package/src/chrome/regions/StatusRegion.tsx +31 -0
- package/src/chrome/regions/TitleBarRegion.tsx +41 -0
- package/src/chrome/regions/ToolbarRegion.test.tsx +82 -0
- package/src/chrome/regions/ToolbarRegion.tsx +71 -0
- package/src/chrome/regions/ViewportRegion.less +42 -0
- package/src/chrome/regions/ViewportRegion.tsx +37 -0
- package/src/chrome/regions/regions.test.tsx +81 -0
- package/src/chrome/types.ts +127 -0
- package/src/config/builder.test.ts +87 -0
- package/src/config/builder.ts +224 -0
- package/src/config/fromConfigField.test.ts +93 -0
- package/src/config/fromConfigField.ts +74 -0
- package/src/config/index.ts +22 -0
- package/src/config/resolve.test.ts +120 -0
- package/src/config/resolve.ts +67 -0
- package/src/config/rules.ts +68 -0
- package/src/config/types.ts +108 -0
- package/src/config/useConfigSchema.ts +30 -0
- package/src/config/visible.ts +20 -0
- package/src/controls/ControlPanel.less +4 -58
- package/src/controls/ControlPanel.stories.tsx +86 -0
- package/src/controls/ControlPanel.test.tsx +223 -10
- package/src/controls/ControlPanel.tsx +202 -203
- package/src/dragdrop/DragDropRuntime.tsx +36 -18
- package/src/dragdrop/DragGhost.less +1 -1
- package/src/dragdrop/Palette.less +1 -1
- package/src/index.ts +25 -3
- package/src/instrument/SineWave.smoke.test.tsx +8 -1
- package/src/instrument/defineInstrument.test.ts +38 -1
- package/src/instrument/defineInstrument.ts +31 -4
- package/src/instrument/index.ts +1 -0
- package/src/instrument/types.ts +27 -4
- package/src/instrument/validateConfigSchema.test.ts +13 -3
- package/src/instrument/validateConfigSchema.ts +7 -10
- package/src/lab/Lab.chrome.test.tsx +65 -0
- package/src/lab/Lab.tsx +58 -15
- package/src/lab/LabContext.ts +6 -0
- package/src/lab/LabFullChrome.stories.tsx +308 -0
- package/src/lab/LabHeader.test.tsx +42 -0
- package/src/lab/LabHeader.tsx +57 -0
- package/src/lab/LabPalette.test.tsx +35 -0
- package/src/lab/LabPalette.tsx +34 -0
- package/src/lab/LabShell.less +50 -3
- package/src/lab/Workspace.less +1 -30
- package/src/lab/Workspace.test.tsx +20 -10
- package/src/lab/Workspace.tsx +5 -8
- package/src/lab/index.ts +2 -0
- package/src/layers/AGENTS.md +1 -1
- package/src/layers/LayerList.less +31 -7
- package/src/layers/LayerList.tsx +17 -4
- package/src/passthrough/weasel-ui.ts +23 -0
- package/src/primitives/DragHandleGlyph.tsx +29 -0
- package/src/primitives/FloatingPanel.less +28 -0
- package/src/primitives/FloatingPanel.stories.tsx +46 -0
- package/src/primitives/FloatingPanel.test.tsx +240 -0
- package/src/primitives/FloatingPanel.tsx +190 -0
- package/src/primitives/FpsMeter.test.tsx +44 -0
- package/src/primitives/FpsMeter.tsx +20 -9
- package/src/primitives/JobProgress.less +69 -0
- package/src/primitives/JobProgress.stories.tsx +48 -0
- package/src/primitives/JobProgress.tsx +65 -0
- package/src/primitives/Legend.less +47 -0
- package/src/primitives/Legend.stories.tsx +32 -0
- package/src/primitives/Legend.test.tsx +57 -0
- package/src/primitives/Legend.tsx +40 -0
- package/src/primitives/Sidebar.less +32 -2
- package/src/primitives/StatusBar.less +7 -0
- package/src/primitives/StatusBar.tsx +10 -3
- package/src/primitives/Toolbar.less +50 -3
- package/src/primitives/Toolbar.test.tsx +67 -1
- package/src/primitives/Toolbar.tsx +72 -6
- package/src/primitives/ZoomControl.less +31 -0
- package/src/primitives/ZoomControl.tsx +76 -0
- package/src/primitives/floating.entry.test.tsx +14 -0
- package/src/primitives/index.ts +10 -2
- package/src/primitives/useRovingTabIndex.test.ts +27 -0
- package/src/primitives/useRovingTabIndex.ts +79 -0
- package/src/state/store.ts +11 -3
- package/src/state/toolSlot.test.ts +36 -0
- package/src/state/types.ts +4 -0
- package/src/styles.less +6 -0
- package/src/surface/useTiledSurface.ts +14 -10
- package/src/test-setup.ts +26 -0
- package/src/theme/base.less +19 -2
- package/src/theme/interstellar.tokens.json +6 -2
- package/src/tools/types.ts +24 -0
- package/src/trial/Trial.config.test.tsx +113 -0
- package/src/trial/Trial.job.test.tsx +13 -15
- package/src/trial/Trial.less +115 -10
- package/src/trial/Trial.stories.tsx +1 -0
- package/src/trial/Trial.test.tsx +67 -96
- package/src/trial/Trial.tsx +80 -39
- package/src/trial/TrialChrome.tsx +99 -80
- package/src/trial/TrialDragContext.ts +10 -0
- package/src/trial/TrialTitleBar.tsx +41 -0
- package/src/trial/index.ts +1 -15
- package/src/trial/trialChrome.borders.test.ts +38 -0
- package/src/ui/layers/LayerStack.less +9 -9
- package/src/ui/layers/LayerStack.tsx +1 -13
- package/src/ui/properties/CurveField.less +2 -2
- package/src/ui/properties/CurveField.test.tsx +11 -11
- package/src/ui/properties/PropertyGroup.less +2 -2
- package/src/ui/properties/PropertyPanel.less +55 -41
- package/src/ui/properties/SpeechBalloonPanels.stories.tsx +4 -2
- package/src/ui/properties/storyLayouts.tsx +2 -2
- package/dist/_dts/index-JFAYj5Tv.d.ts +0 -144
- package/dist/_dts/types-x92Kfeme.d.ts +0 -62
- package/dist/chunk-574LJAV4.js.map +0 -1
- package/dist/chunk-5R2ATYPJ.js +0 -201
- package/dist/chunk-5R2ATYPJ.js.map +0 -1
- package/dist/chunk-73KA7WBO.js +0 -5992
- package/dist/chunk-73KA7WBO.js.map +0 -1
- package/dist/chunk-BOHF3PQO.js.map +0 -1
- package/dist/chunk-G5TJVQQT.js.map +0 -1
- package/dist/chunk-PMAU3SEE.js +0 -126
- package/dist/chunk-PMAU3SEE.js.map +0 -1
- package/dist/chunk-SFL7NFKN.js.map +0 -1
- package/dist/chunk-THBG7FQZ.js.map +0 -1
- package/dist/chunk-VUU5UXHE.js.map +0 -1
- package/src/instrument/capabilityDetector.test.ts +0 -64
- package/src/instrument/capabilityDetector.ts +0 -20
- package/src/trial/DefaultSidebar.tsx +0 -29
- package/src/trial/DefaultStatusBar.tsx +0 -19
- package/src/trial/DefaultToolbar.tsx +0 -92
- package/src/trial/slotTypes.ts +0 -54
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,
|
|
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
|
-
|
|
65
|
-
|
|
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
|
-
|
|
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:
|
|
410
|
-
font-weight:
|
|
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(--
|
|
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:
|
|
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) +
|
|
509
|
+
min-height: calc(var(--wzl-control-h) + 4px);
|
|
439
510
|
}
|
|
440
511
|
.lk-toolbar-title {
|
|
441
|
-
font-weight:
|
|
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-
|
|
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:
|
|
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:
|
|
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,72 +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-
|
|
943
|
+
.lk-trial__titlebar {
|
|
631
944
|
display: flex;
|
|
632
|
-
gap: 8px;
|
|
633
945
|
align-items: center;
|
|
634
|
-
font-size: 0.75rem;
|
|
635
|
-
}
|
|
636
|
-
.lk-trial__job-failures,
|
|
637
|
-
.lk-trial__job-error {
|
|
638
|
-
color: var(--wsl-color-danger, #c0392b);
|
|
639
|
-
}
|
|
640
|
-
.lk-control-panel {
|
|
641
|
-
display: flex;
|
|
642
|
-
flex-direction: column;
|
|
643
946
|
gap: var(--wzl-space-sm);
|
|
644
|
-
|
|
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;
|
|
645
953
|
}
|
|
646
|
-
.lk-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
gap: var(--wzl-space-xs);
|
|
954
|
+
.lk-trial__titlebar--draggable {
|
|
955
|
+
cursor: grab;
|
|
956
|
+
touch-action: none;
|
|
650
957
|
}
|
|
651
|
-
.lk-
|
|
652
|
-
|
|
958
|
+
.lk-trial__titlebar--draggable:active {
|
|
959
|
+
cursor: grabbing;
|
|
960
|
+
}
|
|
961
|
+
.lk-trial__titlebar-actions {
|
|
962
|
+
display: inline-flex;
|
|
653
963
|
align-items: center;
|
|
654
|
-
gap:
|
|
964
|
+
gap: 2px;
|
|
965
|
+
margin-left: auto;
|
|
655
966
|
}
|
|
656
|
-
.lk-
|
|
657
|
-
|
|
658
|
-
|
|
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;
|
|
659
981
|
}
|
|
660
|
-
.lk-
|
|
661
|
-
|
|
662
|
-
background: var(--wzl-surface-raised);
|
|
982
|
+
.lk-root .lk-titlebar-button:hover {
|
|
983
|
+
background: var(--wzl-surface-hover);
|
|
663
984
|
color: var(--wzl-fg);
|
|
664
|
-
border: 1px solid var(--wzl-border);
|
|
665
|
-
border-radius: 4px;
|
|
666
|
-
padding: 2px 6px;
|
|
667
985
|
}
|
|
668
|
-
.lk-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
}
|
|
672
|
-
.lk-control-input--checkbox {
|
|
673
|
-
width: auto;
|
|
986
|
+
.lk-root .lk-titlebar-button:disabled {
|
|
987
|
+
opacity: 0.4;
|
|
988
|
+
cursor: default;
|
|
674
989
|
}
|
|
675
|
-
.lk-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
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);
|
|
679
993
|
}
|
|
680
|
-
.lk-
|
|
994
|
+
.lk-trial__title {
|
|
681
995
|
font-size: var(--wzl-font-size-sm);
|
|
682
|
-
font-
|
|
996
|
+
font-weight: var(--wzl-font-weight-bold);
|
|
683
997
|
color: var(--wzl-fg-muted);
|
|
684
|
-
|
|
685
|
-
|
|
998
|
+
white-space: nowrap;
|
|
999
|
+
overflow: hidden;
|
|
1000
|
+
text-overflow: ellipsis;
|
|
686
1001
|
}
|
|
687
|
-
.lk-
|
|
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);
|
|
688
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;
|
|
689
1020
|
align-items: center;
|
|
690
|
-
|
|
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;
|
|
691
1051
|
}
|
|
692
1052
|
.lk-canvas-stack {
|
|
693
1053
|
position: relative;
|
|
@@ -711,8 +1071,7 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
711
1071
|
.lk-layer-list {
|
|
712
1072
|
display: flex;
|
|
713
1073
|
flex-direction: column;
|
|
714
|
-
gap:
|
|
715
|
-
padding: var(--wzl-space-sm);
|
|
1074
|
+
gap: 1px;
|
|
716
1075
|
}
|
|
717
1076
|
.lk-layer-list__empty {
|
|
718
1077
|
color: var(--wzl-fg-muted);
|
|
@@ -722,9 +1081,9 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
722
1081
|
.lk-layer-list__row {
|
|
723
1082
|
display: flex;
|
|
724
1083
|
align-items: center;
|
|
725
|
-
gap: var(--wzl-space-
|
|
726
|
-
padding:
|
|
727
|
-
border-radius:
|
|
1084
|
+
gap: var(--wzl-space-xs);
|
|
1085
|
+
padding: 1px 2px;
|
|
1086
|
+
border-radius: var(--wzl-radius-sm);
|
|
728
1087
|
user-select: none;
|
|
729
1088
|
}
|
|
730
1089
|
.lk-layer-list__row:hover {
|
|
@@ -737,10 +1096,22 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
737
1096
|
.lk-layer-list__row--pinned {
|
|
738
1097
|
opacity: 0.7;
|
|
739
1098
|
}
|
|
740
|
-
.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;
|
|
741
1110
|
cursor: grab;
|
|
742
1111
|
color: var(--wzl-fg-muted);
|
|
743
|
-
|
|
1112
|
+
}
|
|
1113
|
+
.lk-root .lk-layer-list__handle:hover {
|
|
1114
|
+
color: var(--wzl-fg);
|
|
744
1115
|
}
|
|
745
1116
|
.lk-layer-list__handle:active {
|
|
746
1117
|
cursor: grabbing;
|
|
@@ -752,6 +1123,9 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
752
1123
|
flex: 1;
|
|
753
1124
|
font-size: var(--wzl-font-size-sm);
|
|
754
1125
|
}
|
|
1126
|
+
.lk-layer-list input[type='checkbox'] {
|
|
1127
|
+
accent-color: var(--wzl-accent);
|
|
1128
|
+
}
|
|
755
1129
|
.lk-palette {
|
|
756
1130
|
display: grid;
|
|
757
1131
|
grid-template-columns: repeat(2, 1fr);
|
|
@@ -766,7 +1140,7 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
766
1140
|
padding: var(--wzl-space-sm);
|
|
767
1141
|
background: var(--wzl-surface-raised);
|
|
768
1142
|
border: 1px solid var(--wzl-border);
|
|
769
|
-
border-radius:
|
|
1143
|
+
border-radius: var(--wzl-radius-sm);
|
|
770
1144
|
cursor: grab;
|
|
771
1145
|
font: inherit;
|
|
772
1146
|
color: inherit;
|
|
@@ -789,7 +1163,7 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
789
1163
|
padding: 4px 8px;
|
|
790
1164
|
background: var(--wzl-surface-raised);
|
|
791
1165
|
border: 1px solid var(--wzl-border);
|
|
792
|
-
border-radius:
|
|
1166
|
+
border-radius: var(--wzl-radius-sm);
|
|
793
1167
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
|
|
794
1168
|
font: inherit;
|
|
795
1169
|
color: inherit;
|
|
@@ -809,8 +1183,8 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
809
1183
|
.lk-property-panel__title {
|
|
810
1184
|
font-family: var(--wzl-font-display);
|
|
811
1185
|
font-weight: var(--wzl-font-weight-light);
|
|
812
|
-
font-size:
|
|
813
|
-
line-height:
|
|
1186
|
+
font-size: var(--wzl-font-size-lg);
|
|
1187
|
+
line-height: var(--wzl-leading-snug);
|
|
814
1188
|
letter-spacing: 0.01em;
|
|
815
1189
|
color: var(--wzl-fg);
|
|
816
1190
|
margin: 0 0 12px;
|
|
@@ -854,8 +1228,8 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
854
1228
|
.lk-property-row__label {
|
|
855
1229
|
font-family: var(--wzl-font-display);
|
|
856
1230
|
font-weight: var(--wzl-font-weight-light);
|
|
857
|
-
font-size:
|
|
858
|
-
line-height:
|
|
1231
|
+
font-size: var(--wzl-font-size-sm);
|
|
1232
|
+
line-height: var(--wzl-leading-snug);
|
|
859
1233
|
color: var(--wzl-fg-muted);
|
|
860
1234
|
text-transform: uppercase;
|
|
861
1235
|
letter-spacing: 0.05em;
|
|
@@ -872,11 +1246,11 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
872
1246
|
.lk-property-row__readout-input {
|
|
873
1247
|
font: inherit;
|
|
874
1248
|
font-weight: var(--wzl-font-weight-medium);
|
|
875
|
-
line-height:
|
|
1249
|
+
line-height: var(--wzl-leading-tight);
|
|
876
1250
|
color: var(--wzl-accent);
|
|
877
1251
|
background: transparent;
|
|
878
1252
|
border: 1px solid transparent;
|
|
879
|
-
border-radius:
|
|
1253
|
+
border-radius: var(--wzl-radius-sm);
|
|
880
1254
|
padding: 1px 0;
|
|
881
1255
|
margin: 0;
|
|
882
1256
|
width: calc(5em - 24px);
|
|
@@ -887,10 +1261,10 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
887
1261
|
-moz-appearance: textfield;
|
|
888
1262
|
}
|
|
889
1263
|
.lk-property-row__readout-input:hover {
|
|
890
|
-
background:
|
|
1264
|
+
background: color-mix(in srgb, currentColor 8%, transparent);
|
|
891
1265
|
}
|
|
892
1266
|
.lk-property-row__readout-input:focus {
|
|
893
|
-
background:
|
|
1267
|
+
background: var(--wzl-surface-sunken);
|
|
894
1268
|
border-color: var(--wzl-accent);
|
|
895
1269
|
}
|
|
896
1270
|
.lk-property-row__readout-input::-webkit-inner-spin-button,
|
|
@@ -904,13 +1278,13 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
904
1278
|
}
|
|
905
1279
|
.lk-property-row__readout-unit {
|
|
906
1280
|
color: var(--wzl-fg-muted);
|
|
907
|
-
font-size:
|
|
908
|
-
line-height:
|
|
1281
|
+
font-size: var(--wzl-font-size-2xs);
|
|
1282
|
+
line-height: var(--wzl-leading-tight);
|
|
909
1283
|
pointer-events: none;
|
|
910
1284
|
}
|
|
911
1285
|
.lk-property-row__readout-group sup {
|
|
912
1286
|
color: var(--wzl-fg-muted);
|
|
913
|
-
font-size:
|
|
1287
|
+
font-size: var(--wzl-font-size-2xs);
|
|
914
1288
|
pointer-events: none;
|
|
915
1289
|
}
|
|
916
1290
|
.lk-property-row input[type='range'] {
|
|
@@ -925,12 +1299,12 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
925
1299
|
}
|
|
926
1300
|
.lk-property-row input[type='range']::-webkit-slider-runnable-track {
|
|
927
1301
|
height: 4px;
|
|
928
|
-
border-radius:
|
|
1302
|
+
border-radius: var(--wzl-radius-sm);
|
|
929
1303
|
background: color-mix(in srgb, var(--wzl-accent) 18%, transparent);
|
|
930
1304
|
}
|
|
931
1305
|
.lk-property-row input[type='range']::-moz-range-track {
|
|
932
1306
|
height: 4px;
|
|
933
|
-
border-radius:
|
|
1307
|
+
border-radius: var(--wzl-radius-sm);
|
|
934
1308
|
background: color-mix(in srgb, var(--wzl-accent) 18%, transparent);
|
|
935
1309
|
}
|
|
936
1310
|
.lk-property-row input[type='range']::-webkit-slider-thumb {
|
|
@@ -969,12 +1343,15 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
969
1343
|
}
|
|
970
1344
|
.lk-property-row input[type='text']:not(.lk-property-row__readout-input),
|
|
971
1345
|
.lk-property-row input[type='number'] {
|
|
972
|
-
background:
|
|
1346
|
+
background: var(--wzl-surface-sunken);
|
|
973
1347
|
color: var(--wzl-fg);
|
|
974
1348
|
border: 1px solid var(--wzl-border);
|
|
975
1349
|
border-radius: var(--wzl-radius-sm);
|
|
976
1350
|
padding: 6px 8px;
|
|
977
|
-
font:
|
|
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);
|
|
978
1355
|
}
|
|
979
1356
|
.lk-property-row input[type='text']:not(.lk-property-row__readout-input):focus,
|
|
980
1357
|
.lk-property-row input[type='number']:focus {
|
|
@@ -986,7 +1363,10 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
986
1363
|
border: 0;
|
|
987
1364
|
border-radius: 0;
|
|
988
1365
|
padding: 2px 0;
|
|
989
|
-
font:
|
|
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);
|
|
990
1370
|
cursor: pointer;
|
|
991
1371
|
}
|
|
992
1372
|
.lk-property-row select:focus {
|
|
@@ -1061,7 +1441,7 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
1061
1441
|
.lk-property-row--checkbox .lk-property-row__label {
|
|
1062
1442
|
text-transform: none;
|
|
1063
1443
|
letter-spacing: normal;
|
|
1064
|
-
font-size:
|
|
1444
|
+
font-size: var(--wzl-font-size);
|
|
1065
1445
|
color: var(--wzl-fg);
|
|
1066
1446
|
order: 1;
|
|
1067
1447
|
}
|
|
@@ -1086,7 +1466,10 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
1086
1466
|
color: var(--wzl-fg-muted);
|
|
1087
1467
|
border: 0;
|
|
1088
1468
|
border-radius: 0;
|
|
1089
|
-
font:
|
|
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);
|
|
1090
1473
|
cursor: pointer;
|
|
1091
1474
|
backdrop-filter: none;
|
|
1092
1475
|
-webkit-backdrop-filter: none;
|
|
@@ -1100,11 +1483,11 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
1100
1483
|
}
|
|
1101
1484
|
.lk-property-row__toggle-button--selected {
|
|
1102
1485
|
background: var(--wzl-accent);
|
|
1103
|
-
color:
|
|
1486
|
+
color: var(--wzl-fg-on-accent);
|
|
1104
1487
|
font-weight: var(--wzl-font-weight-medium);
|
|
1105
1488
|
}
|
|
1106
1489
|
.lk-property-row__toggle-button--selected:hover {
|
|
1107
|
-
color:
|
|
1490
|
+
color: var(--wzl-fg-on-accent);
|
|
1108
1491
|
}
|
|
1109
1492
|
.lk-subpanel {
|
|
1110
1493
|
display: grid;
|
|
@@ -1126,12 +1509,12 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
1126
1509
|
}
|
|
1127
1510
|
.lk-subpanel__title {
|
|
1128
1511
|
font-family: var(--wzl-font-display);
|
|
1129
|
-
font-weight:
|
|
1130
|
-
font-size:
|
|
1131
|
-
line-height:
|
|
1512
|
+
font-weight: var(--wzl-font-weight-medium);
|
|
1513
|
+
font-size: var(--wzl-font-size-sm);
|
|
1514
|
+
line-height: var(--wzl-leading-tight);
|
|
1132
1515
|
color: var(--wzl-fg);
|
|
1133
1516
|
text-transform: uppercase;
|
|
1134
|
-
letter-spacing:
|
|
1517
|
+
letter-spacing: var(--wzl-tracking-wider);
|
|
1135
1518
|
margin: 0;
|
|
1136
1519
|
padding: 6px 0 4px;
|
|
1137
1520
|
display: flex;
|
|
@@ -1210,22 +1593,25 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
1210
1593
|
min-width: 14px;
|
|
1211
1594
|
padding: 0 2px;
|
|
1212
1595
|
color: var(--lk-panel-accent, var(--wzl-fg-muted));
|
|
1213
|
-
font-size:
|
|
1214
|
-
font-weight:
|
|
1215
|
-
font-family:
|
|
1596
|
+
font-size: var(--wzl-font-size);
|
|
1597
|
+
font-weight: var(--wzl-font-weight-bold);
|
|
1598
|
+
font-family: var(--wzl-font-mono);
|
|
1216
1599
|
line-height: 1;
|
|
1217
1600
|
}
|
|
1218
1601
|
.lk-effect-card__title {
|
|
1219
1602
|
font-family: var(--wzl-font-display);
|
|
1220
|
-
font-weight:
|
|
1221
|
-
font-size:
|
|
1222
|
-
line-height:
|
|
1603
|
+
font-weight: var(--wzl-font-weight-medium);
|
|
1604
|
+
font-size: var(--wzl-font-size);
|
|
1605
|
+
line-height: var(--wzl-leading-tight);
|
|
1223
1606
|
color: var(--wzl-fg);
|
|
1224
1607
|
text-transform: uppercase;
|
|
1225
1608
|
letter-spacing: 0.04em;
|
|
1226
1609
|
}
|
|
1227
1610
|
.lk-effect-card__primary {
|
|
1228
|
-
font:
|
|
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);
|
|
1229
1615
|
color: var(--wzl-fg);
|
|
1230
1616
|
background: rgba(0, 0, 0, 0.3);
|
|
1231
1617
|
border: 1px solid var(--wzl-border);
|
|
@@ -1244,19 +1630,19 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
1244
1630
|
background: transparent;
|
|
1245
1631
|
color: var(--wzl-fg-muted);
|
|
1246
1632
|
border: 1px solid transparent;
|
|
1247
|
-
border-radius:
|
|
1633
|
+
border-radius: var(--wzl-radius-sm);
|
|
1248
1634
|
width: 22px;
|
|
1249
1635
|
height: 22px;
|
|
1250
|
-
font-size:
|
|
1636
|
+
font-size: var(--wzl-font-size);
|
|
1251
1637
|
cursor: pointer;
|
|
1252
1638
|
display: inline-flex;
|
|
1253
1639
|
align-items: center;
|
|
1254
1640
|
justify-content: center;
|
|
1255
1641
|
}
|
|
1256
1642
|
.lk-effect-card__remove:hover {
|
|
1257
|
-
color:
|
|
1258
|
-
border-color:
|
|
1259
|
-
background:
|
|
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);
|
|
1260
1646
|
}
|
|
1261
1647
|
.lk-effect-card__body {
|
|
1262
1648
|
padding: 4px 12px 12px;
|
|
@@ -1273,12 +1659,15 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
1273
1659
|
.lk-effect-card-list__drop-hint {
|
|
1274
1660
|
height: 0;
|
|
1275
1661
|
border-top: 2px solid var(--wzl-accent);
|
|
1276
|
-
border-radius:
|
|
1662
|
+
border-radius: var(--wzl-radius-sm);
|
|
1277
1663
|
margin: 2px 0;
|
|
1278
1664
|
box-shadow: 0 0 6px color-mix(in srgb, var(--wzl-accent) 60%, transparent);
|
|
1279
1665
|
}
|
|
1280
1666
|
.lk-effect-card-list__empty {
|
|
1281
|
-
font: var(--wzl-font-
|
|
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);
|
|
1282
1671
|
color: var(--wzl-fg-muted);
|
|
1283
1672
|
text-align: center;
|
|
1284
1673
|
padding: 16px 12px;
|
|
@@ -1299,8 +1688,8 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
1299
1688
|
margin: 0 0 8px;
|
|
1300
1689
|
font-family: var(--wzl-font-display);
|
|
1301
1690
|
font-weight: var(--wzl-font-weight-light);
|
|
1302
|
-
font-size:
|
|
1303
|
-
letter-spacing:
|
|
1691
|
+
font-size: var(--wzl-font-size-sm);
|
|
1692
|
+
letter-spacing: var(--wzl-tracking-wider);
|
|
1304
1693
|
text-transform: uppercase;
|
|
1305
1694
|
color: var(--wzl-fg-subtle);
|
|
1306
1695
|
}
|
|
@@ -1344,7 +1733,7 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
1344
1733
|
display: flex;
|
|
1345
1734
|
justify-content: space-between;
|
|
1346
1735
|
font-variant-numeric: tabular-nums;
|
|
1347
|
-
font-size:
|
|
1736
|
+
font-size: var(--wzl-font-size);
|
|
1348
1737
|
color: var(--wzl-fg-subtle);
|
|
1349
1738
|
}
|
|
1350
1739
|
.lk-curve-field__readout {
|
|
@@ -1361,7 +1750,7 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
1361
1750
|
border-radius: var(--wzl-radius-sm);
|
|
1362
1751
|
color: var(--wzl-fg);
|
|
1363
1752
|
padding: 4px 10px;
|
|
1364
|
-
font-size:
|
|
1753
|
+
font-size: var(--wzl-font-size-sm);
|
|
1365
1754
|
cursor: pointer;
|
|
1366
1755
|
}
|
|
1367
1756
|
.lk-curve-field__action:hover {
|
|
@@ -1381,7 +1770,7 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
1381
1770
|
margin: 0;
|
|
1382
1771
|
font-family: var(--wzl-font-display);
|
|
1383
1772
|
font-weight: var(--wzl-font-weight-light);
|
|
1384
|
-
font-size:
|
|
1773
|
+
font-size: var(--wzl-font-size-lg);
|
|
1385
1774
|
color: var(--wzl-fg);
|
|
1386
1775
|
}
|
|
1387
1776
|
.lk-layer-stack__palette {
|
|
@@ -1393,7 +1782,7 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
1393
1782
|
border: 1px dashed var(--wzl-border);
|
|
1394
1783
|
border-radius: var(--wzl-radius-sm);
|
|
1395
1784
|
padding: 2px 8px;
|
|
1396
|
-
font-size:
|
|
1785
|
+
font-size: var(--wzl-font-size-sm);
|
|
1397
1786
|
color: var(--wzl-fg-subtle);
|
|
1398
1787
|
cursor: pointer;
|
|
1399
1788
|
}
|
|
@@ -1408,11 +1797,11 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
1408
1797
|
.lk-layer-stack__drop-hint {
|
|
1409
1798
|
height: 2px;
|
|
1410
1799
|
background: var(--wzl-accent);
|
|
1411
|
-
border-radius:
|
|
1800
|
+
border-radius: var(--wzl-radius-sm);
|
|
1412
1801
|
}
|
|
1413
1802
|
.lk-layer-stack__empty {
|
|
1414
1803
|
color: var(--wzl-fg-subtle);
|
|
1415
|
-
font-size:
|
|
1804
|
+
font-size: var(--wzl-font-size);
|
|
1416
1805
|
padding: 8px;
|
|
1417
1806
|
text-align: center;
|
|
1418
1807
|
}
|
|
@@ -1447,8 +1836,8 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
1447
1836
|
min-width: 22px;
|
|
1448
1837
|
height: 22px;
|
|
1449
1838
|
border-radius: var(--wzl-radius-sm);
|
|
1450
|
-
font-weight:
|
|
1451
|
-
font-size:
|
|
1839
|
+
font-weight: var(--wzl-font-weight-bold);
|
|
1840
|
+
font-size: var(--wzl-font-size);
|
|
1452
1841
|
}
|
|
1453
1842
|
.lk-layer-card.has-accent .lk-layer-card__handle {
|
|
1454
1843
|
background: var(--lk-layer-card-accent);
|
|
@@ -1460,7 +1849,7 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
1460
1849
|
.lk-layer-card__kind,
|
|
1461
1850
|
.lk-layer-card__primary {
|
|
1462
1851
|
flex: 1;
|
|
1463
|
-
font-size:
|
|
1852
|
+
font-size: var(--wzl-font-size);
|
|
1464
1853
|
}
|
|
1465
1854
|
.lk-layer-card__primary {
|
|
1466
1855
|
background: transparent;
|
|
@@ -1468,13 +1857,13 @@ body:has(.lk-lab) > :has(> .lk-lab) {
|
|
|
1468
1857
|
color: var(--wzl-fg);
|
|
1469
1858
|
font: inherit;
|
|
1470
1859
|
text-transform: uppercase;
|
|
1471
|
-
letter-spacing:
|
|
1860
|
+
letter-spacing: var(--wzl-tracking-wide);
|
|
1472
1861
|
}
|
|
1473
1862
|
.lk-root .lk-layer-card__remove {
|
|
1474
1863
|
background: transparent;
|
|
1475
1864
|
border: 0;
|
|
1476
1865
|
color: var(--wzl-fg-subtle);
|
|
1477
|
-
font-size:
|
|
1866
|
+
font-size: var(--wzl-font-size-lg);
|
|
1478
1867
|
cursor: pointer;
|
|
1479
1868
|
padding: 2px 6px;
|
|
1480
1869
|
}
|