@3driseai/3drise-core 1.0.28 → 1.0.30

package/dist/properties/tables/galleryProperties.js

@@ -0,0 +1,659 @@
+import { galleryCommonProperties, GALLERY_FIELD_DEFS } from './optionalProperties.js';
+import { GALLERY_LAYOUT_CONFIGS } from '../../utils/GalleryLayouts.js';
+// =============================================================================
+// GALLERY OBJECTS OPTIONAL PROPERTIES
+// Order: selects, the shared frame rows, then every layout field (the controller shows only the ones the
+// selected layout reads — galleryLayoutOptionalProperties; the registry lists them all so the AI can set any).
+// =============================================================================
+const layoutKeys = Object.keys(GALLERY_LAYOUT_CONFIGS);
+export const layoutGalleryProperties = [
+    { name: 'layout', description: 'How the frames are arranged (rebuilds)', type: 'select', options: layoutKeys, optionLabels: layoutKeys.map(k => GALLERY_LAYOUT_CONFIGS[k].label) },
+    { name: 'geometryType', description: 'Shape of the frame around each picture; none = the picture alone (rebuilds)', type: 'select', options: ['none', 'arc', 'bentPlane', 'bentPlaneInverse', 'box', 'capsule', 'cone', 'cylinder', 'dodecahedron', 'icosahedron', 'octahedron', 'plane', 'point', 'ring', 'sphere', 'tetrahedron', 'torus'], optionLabels: ['None', 'Arc', 'Bent plane', 'Bent plane (inverse)', 'Box', 'Capsule', 'Cone', 'Cylinder', 'Dodecahedron', 'Icosahedron', 'Octahedron', 'Plane', 'Point', 'Ring', 'Sphere', 'Tetrahedron', 'Torus'] },
+    { name: 'side', description: 'Which side of each frame shows the picture: front, back or both', type: 'select', options: ['0', '1', '2'], optionLabels: ['Front', 'Back', 'Both'] },
+    ...galleryCommonProperties.map(p => ({ ...p, animatable: false })),
+    ...Object.values(GALLERY_FIELD_DEFS).map(p => ({ ...p, animatable: false })),
+];
+export const GALLERY_PROPERTIES = {
+    layout: layoutGalleryProperties,
+    lightThreads: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, or a soft light that brings colour back to the faded curtains', type: 'select', options: ['none', 'reveal'], optionLabels: ['Off', 'Reveal'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'threads', label: 'Threads', description: 'Threads per picture, one column of the image each (structural: rebuilds)', type: 'number', min: 40, max: 400, step: 1, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 150, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'restring', label: 'Restring', description: 'Seconds the light takes to run down the threads of the arriving picture', type: 'number', min: 0.3, max: 4, step: 0.05, tab: 'active' },
+        { name: 'sweep', label: 'Sweep', description: 'How far each thread’s light runs behind its left neighbour’s, so the light sweeps across', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'headGlow', label: 'Head glow', description: 'Brightness of the light’s leading edge as it runs down', type: 'number', min: 0, max: 3, step: 0.01, tab: 'active' },
+        { name: 'beads', label: 'Beads', description: 'Bead pattern along each thread', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 3, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.2, max: 3, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'rail', label: 'Rail', description: 'Show the rail the threads hang from', type: 'boolean', tab: 'shared' },
+        { name: 'threadColor', label: 'Thread color', description: 'Colour of the light’s leading edge', type: 'color', tab: 'shared' },
+        { name: 'railColor', label: 'Rail color', description: 'Colour of the rail', type: 'color', tab: 'shared', showWhen: [{ key: 'rail', is: true }] },
+        { name: 'pointerColor', label: 'Pointer color', description: 'Colour the cursor effect adds', type: 'color', tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    silk: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, a breath of air that follows its movement, or a touch that presses the cloth', type: 'select', options: ['none', 'breath', 'touch'], optionLabels: ['Off', 'Breath', 'Touch'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'resolution', label: 'Resolution', description: 'Cloth resolution across a sheet (structural: rebuilds)', type: 'number', min: 8, max: 40, step: 1, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'wind', label: 'Wind', description: 'Strength of the breeze', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'gravity', label: 'Gravity', description: 'Weight of the cloth', type: 'number', min: 1, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'drag', label: 'Drag', description: 'Air resistance of the cloth: higher keeps it moving longer', type: 'number', min: 0.9, max: 0.999, step: 0.001, tab: 'shared' },
+        { name: 'iterations', label: 'Iterations', description: 'Cloth stiffness passes per frame (higher is stiffer, costs more)', type: 'number', min: 1, max: 12, step: 1, tab: 'shared' },
+        { name: 'fallTime', label: 'Fall time', description: 'Seconds a let-go sheet takes to fall away', type: 'number', min: 0.5, max: 6, step: 0.1, tab: 'inactive' },
+        { name: 'sheen', label: 'Sheen', description: 'Silk sheen along the folds', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 3, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.2, max: 3, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'pointerColor', label: 'Pointer color', description: 'Colour the cursor effect adds', type: 'color', tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    particleShift: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, or turns the area it passes back into a halftone of the picture', type: 'select', options: ['none', 'shift'], optionLabels: ['Off', 'Shift'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'grains', label: 'Particles', description: 'Particles (and halftone dots) across a picture (structural: rebuilds)', type: 'number', min: 60, max: 260, step: 2, tab: 'inactive' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'changeTime', label: 'Change time', description: 'Seconds the wave takes to cross a picture', type: 'number', min: 0.6, max: 6, step: 0.1, tab: 'active' },
+        { name: 'wave', label: 'Wave', description: 'Width of the soft wave', type: 'number', min: 0.05, max: 1, step: 0.01, tab: 'active' },
+        { name: 'slant', label: 'Slant', description: 'How diagonal the wave is', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'lift', label: 'Lift', description: 'How far the particles rise off the picture as the wave passes', type: 'number', min: 0, max: 0.3, step: 0.005, tab: 'active' },
+        { name: 'particleSize', label: 'Dot size', description: 'Size of the halftone dots of the waiting pictures', type: 'number', min: 0.1, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'faded', label: 'Faded', description: 'Brightness of the waiting pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'grain', label: 'Grain', description: 'Overall particle size', type: 'number', min: 0.4, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 1, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Radius of the area the cursor turns back into particles', type: 'number', min: 0.1, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    glassPanes: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, or the panes near it tilt toward it', type: 'select', options: ['none', 'tilt'], optionLabels: ['Off', 'Tilt'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'thickness', label: 'Thickness', description: 'Thickness of the glass slab (structural: rebuilds)', type: 'number', min: 0.02, max: 0.25, step: 0.005, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'focusLift', label: 'Focus lift', description: 'How far the front pane steps forward', type: 'number', min: 0, max: 1.5, step: 0.01, tab: 'active' },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'roughness', label: 'Roughness', description: 'Frosting of the glass', type: 'number', min: 0, max: 0.5, step: 0.005, tab: 'shared' },
+        { name: 'ior', label: 'Ior', description: 'Index of refraction of the glass', type: 'number', min: 1, max: 2.3, step: 0.01, tab: 'shared' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 3, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.2, max: 4, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'tint', label: 'Tint', description: 'Tint of the glass', type: 'color', tab: 'shared' },
+        { name: 'pointerColor', label: 'Pointer color', description: 'Colour the cursor effect adds', type: 'color', tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    halo: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'stepOut', label: 'Step out', description: 'How far the front picture steps out toward the viewer', type: 'number', min: 0, max: 2, step: 0.01, tab: 'active' },
+        { name: 'focusScale', label: 'Focus scale', description: 'How much the front picture grows', type: 'number', min: 1, max: 2, step: 0.01, tab: 'active' },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'changeTime', label: 'Change time', description: 'Seconds a picture takes to step out and come to colour', type: 'number', min: 0.2, max: 3, step: 0.05, tab: 'active' },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'roughness', label: 'Roughness', description: 'Roughness of the prints under the scene’s light', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    loom: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, or reveals colour on the grey weave', type: 'select', options: ['none', 'reveal'], optionLabels: ['Off', 'Reveal'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'warp', label: 'Warp', description: 'Warp threads across a picture (structural: rebuilds)', type: 'number', min: 30, max: 300, step: 1, tab: 'shared' },
+        { name: 'weft', label: 'Weft', description: 'Weft rows down a picture (structural: rebuilds)', type: 'number', min: 20, max: 160, step: 1, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'weaveTime', label: 'Weave time', description: 'Seconds the weaving wave takes to close the active picture', type: 'number', min: 0.5, max: 8, step: 0.1, tab: 'active' },
+        { name: 'unravelTime', label: 'Unravel time', description: 'Seconds a leaving picture takes to unravel back to grey', type: 'number', min: 0.3, max: 6, step: 0.1, tab: 'inactive' },
+        { name: 'wave', label: 'Wave', description: 'Softness of the weaving wave', type: 'number', min: 0.05, max: 1, step: 0.01, tab: 'active' },
+        { name: 'slant', label: 'Slant', description: 'How diagonal the weaving wave is', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'thread', label: 'Thread', description: 'Thickness of the inactive weft threads', type: 'number', min: 0.05, max: 0.8, step: 0.01, tab: 'inactive' },
+        { name: 'shuttle', label: 'Shuttle', description: 'A faint brightening on the wave while it weaves', type: 'number', min: 0, max: 1.5, step: 0.01, tab: 'active' },
+        { name: 'weave', label: 'Weave', description: 'Over / under offset of the weft rows', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'warpGlow', label: 'Warp glow', description: 'Brightness of the warp threads', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 3, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.2, max: 3, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'warpColor', label: 'Warp color', description: 'Colour of the warp threads', type: 'color', tab: 'shared' },
+        { name: 'shuttleColor', label: 'Shuttle color', description: 'Colour of the brightening on the wave', type: 'color', tab: 'shared' },
+        { name: 'pointerColor', label: 'Pointer color', description: 'Colour the cursor effect adds', type: 'color', tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    basicCarousel: [
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, tilts the frames near it toward it, or lifts the frame under it', type: 'select', options: ['none', 'tilt', 'lift'], optionLabels: ['Off', 'Tilt', 'Lift'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.5, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring frames, in frame widths', type: 'number', min: 0.4, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'curve', label: 'Curve', description: 'Shape of the carousel: 0 = a flat row, 1 = a circle', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'tilt', label: 'Tilt', description: 'Coverflow turn of the neighbours (radians)', type: 'number', min: 0, max: 1.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the neighbours recede', type: 'number', min: 0, max: 2, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'Frames on each side before they fade out', type: 'number', min: 1, max: 8, step: 0.1, tab: 'shared' },
+        { name: 'focusScale', label: 'Focus scale', description: 'Scale of the centre frame', type: 'number', min: 1, max: 2, step: 0.01, tab: 'active' },
+        { name: 'focusLift', label: 'Focus lift', description: 'How far the centre frame comes forward', type: 'number', min: 0, max: 1.5, step: 0.01, tab: 'active' },
+        { name: 'focusAmount', label: 'Focus amount', description: 'Extra forward travel when the centre frame is focused', type: 'number', min: 0, max: 3, step: 0.01, tab: 'active' },
+        { name: 'dim', label: 'Dim', description: 'Darkening of the neighbours', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 200, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 40, step: 0.1, tab: 'shared' },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.6, step: 0.01, tab: 'shared' },
+        { name: 'breathe', label: 'Breathe', description: 'Slow idle float of the frames', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared' },
+        { name: 'reflection', label: 'Reflection', description: 'Strength of the floor reflection', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'floorGap', label: 'Floor gap', description: 'Gap between the frames and the reflecting floor', type: 'number', min: 0, max: 0.6, step: 0.01, tab: 'shared' },
+        { name: 'border', label: 'Border', description: 'Frame border width, in frame units', type: 'number', min: 0, max: 0.08, step: 0.001, tab: 'shared' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 3, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.2, max: 4, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'borderColor', label: 'Border color', description: 'Colour of the frame border', type: 'color', tab: 'shared' },
+        { name: 'backColor', label: 'Back color', description: 'Colour of the frames’ backs', type: 'color', tab: 'shared' },
+        { name: 'pointerColor', label: 'Pointer color', description: 'Colour the cursor effect adds', type: 'color', tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    paperLanterns: [
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, a breeze that sets the lanterns near it swinging, or a glow on the lantern under it', type: 'select', options: ['none', 'breeze', 'glow'], optionLabels: ['Off', 'Breeze', 'Glow'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'radius', label: 'Radius', description: 'Radius of a lantern (structural: rebuilds)', type: 'number', min: 0.2, max: 0.8, step: 0.01, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between lanterns along the rope', type: 'number', min: 1, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'sag', label: 'Sag', description: 'Sag of the rope between its posts', type: 'number', min: 0, max: 1.5, step: 0.01, tab: 'shared' },
+        { name: 'span', label: 'Span', description: 'Length of the rope', type: 'number', min: 3, max: 14, step: 0.1, tab: 'shared' },
+        { name: 'cord', label: 'Cord', description: 'Length of each lantern’s cord', type: 'number', min: 0.1, max: 1.5, step: 0.01, tab: 'shared' },
+        { name: 'focusDrop', label: 'Focus drop', description: 'How much lower the front lantern hangs', type: 'number', min: 0, max: 1.5, step: 0.01, tab: 'active' },
+        { name: 'focusLift', label: 'Focus lift', description: 'How far the front lantern comes toward the viewer', type: 'number', min: 0, max: 2, step: 0.01, tab: 'active' },
+        { name: 'visible', label: 'Visible', description: 'Lanterns on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 150, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'gravity', label: 'Gravity', description: 'Gravity of the pendulums: higher swings faster', type: 'number', min: 1, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'swingDamping', label: 'Swing damping', description: 'How quickly a swing dies down', type: 'number', min: 0, max: 4, step: 0.01, tab: 'shared' },
+        { name: 'wind', label: 'Wind', description: 'Strength of the breeze through the lanterns', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared' },
+        { name: 'tug', label: 'Tug', description: 'How strongly a change tugs the rope (a wave of swings)', type: 'number', min: 0, max: 3, step: 0.01, tab: 'active' },
+        { name: 'glow', label: 'Glow', description: 'Soft glow around the front lantern', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'lamp', label: 'Lamp', description: 'Brightness of the lamp inside the front lantern', type: 'number', min: 0, max: 2, step: 0.01, tab: 'active' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 3, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.2, max: 4, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'lampColor', label: 'Lamp color', description: 'Colour of the lamp', type: 'color', tab: 'shared' },
+        { name: 'paperColor', label: 'Paper color', description: 'Colour of the lantern paper', type: 'color', tab: 'shared' },
+        { name: 'rimColor', label: 'Rim color', description: 'Colour of the paper’s lit rim', type: 'color', tab: 'shared' },
+        { name: 'ringColor', label: 'Ring color', description: 'Colour of the lantern rings', type: 'color', tab: 'shared' },
+        { name: 'pointerColor', label: 'Pointer color', description: 'Colour the cursor effect adds', type: 'color', tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    pinscreen: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, or presses the pins in', type: 'select', options: ['none', 'press'], optionLabels: ['Off', 'Press'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'pins', label: 'Pins', description: 'Pins across a picture (structural: rebuilds)', type: 'number', min: 24, max: 110, step: 1, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'changeTime', label: 'Change time', description: 'Seconds the change takes to cross a picture', type: 'number', min: 0.4, max: 6, step: 0.1, tab: 'active' },
+        { name: 'wave', label: 'Wave', description: 'Width of the soft change wave', type: 'number', min: 0.05, max: 1, step: 0.01, tab: 'active' },
+        { name: 'slant', label: 'Slant', description: 'How diagonal the change wave is', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'relief', label: 'Relief', description: 'How far the brightest pins stand out', type: 'number', min: 0, max: 0.5, step: 0.005, tab: 'active' },
+        { name: 'base', label: 'Base', description: 'Relief of the darkest pins, as a share of the brightest', type: 'number', min: 0, max: 0.6, step: 0.01, tab: 'active' },
+        { name: 'pinSize', label: 'Pin size', description: 'Pin width, as a share of the spacing', type: 'number', min: 0.3, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'roughness', label: 'Roughness', description: 'Roughness of the pins under the scene’s light', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'metalness', label: 'Metalness', description: 'Metalness of the pins', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.1, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'boardColor', label: 'Board color', description: 'Colour of the board the pins stand in', type: 'color', tab: 'shared' },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    depthLayers: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, or opens the sheets further where it passes', type: 'select', options: ['none', 'open'], optionLabels: ['Off', 'Open'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'layers', label: 'Layers', description: 'Sheets per picture (structural: rebuilds)', type: 'number', min: 2, max: 10, step: 1, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'changeTime', label: 'Change time', description: 'Seconds the change takes to cross a picture', type: 'number', min: 0.4, max: 6, step: 0.1, tab: 'active' },
+        { name: 'wave', label: 'Wave', description: 'Width of the soft change wave', type: 'number', min: 0.05, max: 1, step: 0.01, tab: 'active' },
+        { name: 'slant', label: 'Slant', description: 'How diagonal the change wave is', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'separation', label: 'Separation', description: 'Distance between the sheets when open', type: 'number', min: 0, max: 0.4, step: 0.005, tab: 'active' },
+        { name: 'softness', label: 'Softness', description: 'Softness of each sheet’s brightness threshold', type: 'number', min: 0.01, max: 0.3, step: 0.005, tab: 'shared' },
+        { name: 'edge', label: 'Edge', description: 'Brightness of the fine edge along each sheet', type: 'number', min: 0, max: 1.5, step: 0.01, tab: 'active' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.1, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    contourLines: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, or lifts the contours into relief', type: 'select', options: ['none', 'lift'], optionLabels: ['Off', 'Lift'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'changeTime', label: 'Change time', description: 'Seconds the change takes to cross a picture', type: 'number', min: 0.4, max: 6, step: 0.1, tab: 'active' },
+        { name: 'wave', label: 'Wave', description: 'Width of the soft change wave', type: 'number', min: 0.05, max: 1, step: 0.01, tab: 'active' },
+        { name: 'slant', label: 'Slant', description: 'How diagonal the change wave is', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'levels', label: 'Levels', description: 'Contour levels over the full brightness range', type: 'number', min: 6, max: 60, step: 1, tab: 'shared' },
+        { name: 'sparse', label: 'Sparse', description: 'An inactive picture shows every n-th level', type: 'number', min: 1, max: 8, step: 1, tab: 'inactive' },
+        { name: 'lineWidth', label: 'Line width', description: 'Width of an inactive line, as a share of the level spacing', type: 'number', min: 0.02, max: 0.4, step: 0.005, tab: 'inactive' },
+        { name: 'smoothing', label: 'Smoothing', description: 'How much the brightness is smoothed before the contours are drawn', type: 'number', min: 0, max: 5, step: 0.1, tab: 'shared' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.1, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'lift', label: 'Lift', description: 'Height of the cursor’s relief', type: 'number', min: 0, max: 0.6, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    prismSplit: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, or splits the colour planes apart again', type: 'select', options: ['none', 'split'], optionLabels: ['Off', 'Split'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'changeTime', label: 'Change time', description: 'Seconds the change takes to cross a picture', type: 'number', min: 0.4, max: 6, step: 0.1, tab: 'active' },
+        { name: 'wave', label: 'Wave', description: 'Width of the soft change wave', type: 'number', min: 0.05, max: 1, step: 0.01, tab: 'active' },
+        { name: 'slant', label: 'Slant', description: 'How diagonal the change wave is', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'split', label: 'Split', description: 'Depth between the colour planes of an inactive picture', type: 'number', min: 0, max: 0.5, step: 0.005, tab: 'inactive' },
+        { name: 'dispersion', label: 'Dispersion', description: 'Sideways offset of the planes, as a share of the split', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'saturation', label: 'Saturation', description: 'Colour of an inactive picture', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.1, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    engraving: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, or turns the hatching under it', type: 'select', options: ['none', 'turn'], optionLabels: ['Off', 'Turn'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'changeTime', label: 'Change time', description: 'Seconds the change takes to cross a picture', type: 'number', min: 0.4, max: 6, step: 0.1, tab: 'active' },
+        { name: 'wave', label: 'Wave', description: 'Width of the soft change wave', type: 'number', min: 0.05, max: 1, step: 0.01, tab: 'active' },
+        { name: 'slant', label: 'Slant', description: 'How diagonal the change wave is', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'lines', label: 'Lines', description: 'Lines across the picture', type: 'number', min: 30, max: 300, step: 1, tab: 'shared' },
+        { name: 'angle', label: 'Angle', description: 'Angle of the hatching (degrees)', type: 'number', min: -90, max: 90, step: 1, tab: 'shared' },
+        { name: 'bend', label: 'Bend', description: 'How much the picture’s tone bends the lines', type: 'number', min: 0, max: 5, step: 0.01, tab: 'shared' },
+        { name: 'hairline', label: 'Hairline', description: 'Width of an inactive line, as a share of a bright line', type: 'number', min: 0.05, max: 0.8, step: 0.01, tab: 'inactive' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.1, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'turn', label: 'Turn', description: 'How far the cursor turns the hatching (radians)', type: 'number', min: 0, max: 1.6, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    slats: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, or turns the slats near it', type: 'select', options: ['none', 'turn'], optionLabels: ['Off', 'Turn'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'slats', label: 'Slats', description: 'Slats across a picture (structural: rebuilds)', type: 'number', min: 8, max: 120, step: 1, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'changeTime', label: 'Change time', description: 'Seconds the change takes to cross a picture', type: 'number', min: 0.4, max: 6, step: 0.1, tab: 'active' },
+        { name: 'wave', label: 'Wave', description: 'Width of the soft change wave', type: 'number', min: 0.05, max: 1, step: 0.01, tab: 'active' },
+        { name: 'slant', label: 'Slant', description: 'How diagonal the change wave is', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'turn', label: 'Turn', description: 'How far an inactive picture’s slats are turned (degrees)', type: 'number', min: 0, max: 90, step: 1, tab: 'inactive' },
+        { name: 'thickness', label: 'Thickness', description: 'Thickness of a slat', type: 'number', min: 0.002, max: 0.08, step: 0.001, tab: 'shared' },
+        { name: 'gap', label: 'Gap', description: 'Gap between slats, as a share of a slat', type: 'number', min: 0, max: 0.4, step: 0.005, tab: 'shared' },
+        { name: 'roughness', label: 'Roughness', description: 'Roughness of the slats under the scene’s light', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'metalness', label: 'Metalness', description: 'Metalness of the slats', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.1, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'pointerTurn', label: 'Pointer turn', description: 'How far the cursor turns the slats (degrees)', type: 'number', min: 0, max: 60, step: 1, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'backColor', label: 'Back color', description: 'Colour of the slats’ backs and edges', type: 'color', tab: 'shared' },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    fold: [
+        { name: 'foldType', label: 'Fold type', description: 'How the paper is folded: accordion, herringbone, hand fan, scroll, page curl or crumpled', type: 'select', options: ['accordion', 'miura', 'fan', 'roll', 'curl', 'crumple'], optionLabels: ['Accordion', 'Herringbone', 'Hand fan', 'Scroll', 'Page curl', 'Crumpled'], tab: 'shared' },
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, or presses a dent into the paper', type: 'select', options: ['none', 'press'], optionLabels: ['Off', 'Press'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'panels', label: 'Panels', description: 'Panels across a picture — the fold’s scale (structural: rebuilds)', type: 'number', min: 2, max: 30, step: 1, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'changeTime', label: 'Change time', description: 'Seconds the change takes to cross a picture', type: 'number', min: 0.4, max: 6, step: 0.1, tab: 'active' },
+        { name: 'wave', label: 'Wave', description: 'Width of the soft change wave', type: 'number', min: 0.05, max: 1, step: 0.01, tab: 'active' },
+        { name: 'slant', label: 'Slant', description: 'How diagonal the change wave is', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'folded', label: 'Folded', description: 'Fold angle of an inactive picture (degrees; accordion, herringbone, hand fan)', type: 'number', min: 10, max: 88, step: 1, tab: 'inactive', showWhen: [{ key: 'foldType', not: 'roll' }, { key: 'foldType', not: 'curl' }, { key: 'foldType', not: 'crumple' }] },
+        { name: 'creases', label: 'Creases', description: 'The soft creases an unfolded sheet keeps (degrees)', type: 'number', min: 0, max: 15, step: 0.5, tab: 'active' },
+        { name: 'rollRadius', label: 'Roll radius', description: 'Radius of the scroll and the page curl', type: 'number', min: 0.03, max: 0.4, step: 0.005, tab: 'shared', showWhen: [{ key: 'foldType', not: 'accordion' }, { key: 'foldType', not: 'miura' }, { key: 'foldType', not: 'fan' }, { key: 'foldType', not: 'crumple' }] },
+        { name: 'crumple', label: 'Crumple', description: 'Depth of the crumpled creases', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared', showWhen: [{ key: 'foldType', is: 'crumple' }] },
+        { name: 'roughness', label: 'Roughness', description: 'Roughness of the paper under the scene’s light', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.1, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'press', label: 'Press', description: 'Depth of the cursor’s dent', type: 'number', min: 0, max: 0.3, step: 0.005, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'paperColor', label: 'Paper color', description: 'Colour of the paper’s back', type: 'color', tab: 'shared' },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    wireRelief: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, or lifts the panels away to the bare wire', type: 'select', options: ['none', 'reveal'], optionLabels: ['Off', 'Reveal'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'cells', label: 'Cells', description: 'Grid cells across a picture (structural: rebuilds)', type: 'number', min: 12, max: 120, step: 1, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'changeTime', label: 'Change time', description: 'Seconds the change takes to cross a picture', type: 'number', min: 0.4, max: 6, step: 0.1, tab: 'active' },
+        { name: 'wave', label: 'Wave', description: 'Width of the soft change wave', type: 'number', min: 0.05, max: 1, step: 0.01, tab: 'active' },
+        { name: 'slant', label: 'Slant', description: 'How diagonal the change wave is', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'relief', label: 'Relief', description: 'Height of the relief at the brightest point', type: 'number', min: 0, max: 0.6, step: 0.005, tab: 'active' },
+        { name: 'wire', label: 'Wire', description: 'Brightness of the wires', type: 'number', min: 0, max: 1.5, step: 0.01, tab: 'shared' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.1, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'lift', label: 'Lift', description: 'How far the panels lift away under the cursor', type: 'number', min: 0, max: 0.3, step: 0.005, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'wireColor', label: 'Wire color', description: 'Colour of the wires', type: 'color', tab: 'shared' },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    terraces: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, or lifts the terraces near it', type: 'select', options: ['none', 'lift'], optionLabels: ['Off', 'Lift'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'resolution', label: 'Resolution', description: 'Grid resolution across a picture (structural: rebuilds)', type: 'number', min: 40, max: 260, step: 2, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'changeTime', label: 'Change time', description: 'Seconds the change takes to cross a picture', type: 'number', min: 0.4, max: 6, step: 0.1, tab: 'active' },
+        { name: 'wave', label: 'Wave', description: 'Width of the soft change wave', type: 'number', min: 0.05, max: 1, step: 0.01, tab: 'active' },
+        { name: 'slant', label: 'Slant', description: 'How diagonal the change wave is', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'levels', label: 'Levels', description: 'Number of terraces', type: 'number', min: 2, max: 24, step: 1, tab: 'shared' },
+        { name: 'relief', label: 'Relief', description: 'Height of the top terrace', type: 'number', min: 0, max: 0.6, step: 0.005, tab: 'active' },
+        { name: 'sharpness', label: 'Sharpness', description: 'How crisp the terrace walls are', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'smoothing', label: 'Smoothing', description: 'How much the brightness is smoothed before it is cut into terraces', type: 'number', min: 0, max: 5, step: 0.1, tab: 'shared' },
+        { name: 'edges', label: 'Edges', description: 'Brightness of the thin card edge along each terrace', type: 'number', min: 0, max: 1.5, step: 0.01, tab: 'shared' },
+        { name: 'roughness', label: 'Roughness', description: 'Roughness of the card under the scene’s light', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.1, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'lift', label: 'Lift', description: 'How far the cursor lifts the terraces', type: 'number', min: 0, max: 0.4, step: 0.005, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    shadowBox: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, or opens the sheets further', type: 'select', options: ['none', 'open'], optionLabels: ['Off', 'Open'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'sheets', label: 'Sheets', description: 'Paper sheets per picture (structural: rebuilds)', type: 'number', min: 2, max: 9, step: 1, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'changeTime', label: 'Change time', description: 'Seconds the change takes to cross a picture', type: 'number', min: 0.4, max: 6, step: 0.1, tab: 'active' },
+        { name: 'wave', label: 'Wave', description: 'Width of the soft change wave', type: 'number', min: 0.05, max: 1, step: 0.01, tab: 'active' },
+        { name: 'slant', label: 'Slant', description: 'How diagonal the change wave is', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'separation', label: 'Separation', description: 'Distance between the sheets when open', type: 'number', min: 0, max: 0.4, step: 0.005, tab: 'active' },
+        { name: 'smoothing', label: 'Smoothing', description: 'How much the brightness is smoothed before the sheets are cut (rounder cuts)', type: 'number', min: 0, max: 5, step: 0.1, tab: 'shared' },
+        { name: 'roughness', label: 'Roughness', description: 'Roughness of the paper under the scene’s light', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.1, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    popUp: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'direction', label: 'Direction', description: 'Which way an inactive picture’s sheets lie: back, away from the viewer, or forward, folded down toward the viewer', type: 'select', options: ['back', 'forward'], optionLabels: ['Back', 'Forward'], tab: 'inactive' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, or tilts the sheets near it', type: 'select', options: ['none', 'tilt'], optionLabels: ['Off', 'Tilt'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'sheets', label: 'Sheets', description: 'Pop-up sheets per picture (structural: rebuilds)', type: 'number', min: 2, max: 7, step: 1, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'changeTime', label: 'Change time', description: 'Seconds the change takes to cross a picture', type: 'number', min: 0.4, max: 6, step: 0.1, tab: 'active' },
+        { name: 'wave', label: 'Wave', description: 'Width of the soft change wave', type: 'number', min: 0.05, max: 1, step: 0.01, tab: 'active' },
+        { name: 'slant', label: 'Slant', description: 'How diagonal the change wave is', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'separation', label: 'Separation', description: 'Depth between the sheets’ hinges', type: 'number', min: 0.02, max: 0.5, step: 0.005, tab: 'shared' },
+        { name: 'closed', label: 'Closed', description: 'How far an inactive picture’s sheets lie down (degrees from upright)', type: 'number', min: 20, max: 88, step: 1, tab: 'inactive' },
+        { name: 'stagger', label: 'Stagger', description: 'How much the sheets stand up one after another', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'smoothing', label: 'Smoothing', description: 'How much the brightness is smoothed before the sheets are cut', type: 'number', min: 0, max: 5, step: 0.1, tab: 'shared' },
+        { name: 'roughness', label: 'Roughness', description: 'Roughness of the paper under the scene’s light', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.1, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'tilt', label: 'Tilt', description: 'How far the cursor tilts the sheets (degrees, the way they lie)', type: 'number', min: 0, max: 40, step: 1, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'shadows', label: 'Shadows', description: 'The sheets cast shadows (on each other and on the scene)', type: 'boolean', tab: 'shared' },
+        { name: 'page', label: 'Page', description: 'Show the paper page the sheets are hinged to', type: 'boolean', tab: 'shared' },
+        { name: 'pageColor', label: 'Page color', description: 'Colour of the page and of the sheets’ plain backs', type: 'color', tab: 'shared', showWhen: [{ key: 'page', is: true }] },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    ridgelines: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, or raises the ridges near it', type: 'select', options: ['none', 'raise'], optionLabels: ['Off', 'Raise'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'rows', label: 'Rows', description: 'Ridgelines down a picture (structural: rebuilds)', type: 'number', min: 12, max: 160, step: 1, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'changeTime', label: 'Change time', description: 'Seconds the change takes to cross a picture', type: 'number', min: 0.4, max: 6, step: 0.1, tab: 'active' },
+        { name: 'wave', label: 'Wave', description: 'Width of the soft change wave', type: 'number', min: 0.05, max: 1, step: 0.01, tab: 'active' },
+        { name: 'slant', label: 'Slant', description: 'How diagonal the change wave is', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'relief', label: 'Relief', description: 'How high the brightest point lifts its ridge', type: 'number', min: 0, max: 0.4, step: 0.005, tab: 'active' },
+        { name: 'lineWidth', label: 'Line width', description: 'Width of a ridgeline', type: 'number', min: 0.001, max: 0.015, step: 0.0005, tab: 'shared' },
+        { name: 'smoothing', label: 'Smoothing', description: 'How much the brightness is smoothed before it lifts the ridges', type: 'number', min: 0, max: 5, step: 0.1, tab: 'shared' },
+        { name: 'fillOpacity', label: 'Fill opacity', description: 'Opacity of an inactive picture’s fill (what hides the lines behind)', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.1, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'raise', label: 'Raise', description: 'How far the cursor raises the ridges', type: 'number', min: 0, max: 0.3, step: 0.005, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'lineColor', label: 'Line color', description: 'Colour of the ridgelines', type: 'color', tab: 'shared' },
+        { name: 'fillColor', label: 'Fill color', description: 'Colour of an inactive picture’s fill', type: 'color', tab: 'inactive' },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    flowLines: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, or parts the lines around it', type: 'select', options: ['none', 'part'], optionLabels: ['Off', 'Part'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'changeTime', label: 'Change time', description: 'Seconds the change takes to cross a picture', type: 'number', min: 0.4, max: 6, step: 0.1, tab: 'active' },
+        { name: 'wave', label: 'Wave', description: 'Width of the soft change wave', type: 'number', min: 0.05, max: 1, step: 0.01, tab: 'active' },
+        { name: 'slant', label: 'Slant', description: 'How diagonal the change wave is', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'lines', label: 'Lines', description: 'Lines across the picture', type: 'number', min: 16, max: 200, step: 1, tab: 'shared' },
+        { name: 'bend', label: 'Bend', description: 'How much the picture’s forms bend the lines', type: 'number', min: 0, max: 6, step: 0.01, tab: 'shared' },
+        { name: 'meander', label: 'Meander', description: 'Slow meander of the lines', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared' },
+        { name: 'flow', label: 'Flow', description: 'Speed of the flow along the lines', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared' },
+        { name: 'dashes', label: 'Dashes', description: 'Dashes per picture width along an inactive line (0 = solid)', type: 'number', min: 0, max: 30, step: 0.5, tab: 'inactive' },
+        { name: 'hairline', label: 'Hairline', description: 'Width of an inactive line, as a share of a bright line', type: 'number', min: 0.05, max: 0.8, step: 0.01, tab: 'inactive' },
+        { name: 'smoothing', label: 'Smoothing', description: 'How much the brightness is smoothed before it bends the lines', type: 'number', min: 0, max: 5, step: 0.1, tab: 'shared' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.1, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'part', label: 'Part', description: 'How strongly the cursor parts the lines', type: 'number', min: 0, max: 4, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+    strata: [
+        { name: 'layout', label: 'Layout', description: 'Where the pictures sit: a row, a wave, a ring, a helix around the viewer, a tunnel into depth, a stack, a fan or a constellation', type: 'select', options: ['row', 'wave', 'ring', 'helix', 'tunnel', 'stack', 'fan', 'constellation'], optionLabels: ['Row', 'Wave', 'Ring', 'Helix', 'Tunnel', 'Stack', 'Fan', 'Constellation'], tab: 'shared' },
+        { name: 'pointerMode', label: 'Pointer mode', description: 'What the cursor does: off, or pushes the plates near it back', type: 'select', options: ['none', 'push'], optionLabels: ['Off', 'Push'], tab: 'cursor' },
+        { name: 'navigation', label: 'Navigation', description: 'What the pointer does: off; click right / left of the centre for next / previous; or also drag and throw the gallery', type: 'select', options: ['none', 'click', 'drag'], optionLabels: ['Off', 'Click', 'Click & drag'], tab: 'cursor' },
+        { name: 'aspect', label: 'Aspect', description: 'Width / height of every picture; pictures are cover-fitted (structural: rebuilds)', type: 'number', min: 0.6, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'plates', label: 'Plates', description: 'Plates down a picture (structural: rebuilds)', type: 'number', min: 6, max: 120, step: 1, tab: 'shared' },
+        { name: 'spacing', label: 'Spacing', description: 'Distance between neighbouring pictures, in picture widths', type: 'number', min: 0.8, max: 2.5, step: 0.01, tab: 'shared' },
+        { name: 'depth', label: 'Depth', description: 'How far the inactive pictures stand back', type: 'number', min: 0, max: 3, step: 0.01, tab: 'inactive' },
+        { name: 'visible', label: 'Visible', description: 'How many neighbours show on each side before they fade out', type: 'number', min: 1, max: 6, step: 0.1, tab: 'shared' },
+        { name: 'shape', label: 'Shape', description: 'The layout’s own shape: wave height, ring tilt, helix rise, tunnel drift, stack offset, fan spread or constellation scatter', type: 'number', min: 0, max: 2, step: 0.01, tab: 'shared', showWhen: [{ key: 'layout', not: 'row' }] },
+        { name: 'stiffness', label: 'Stiffness', description: 'Stiffness of the scroll spring: how briskly the gallery moves to the next picture', type: 'number', min: 5, max: 120, step: 1, tab: 'shared' },
+        { name: 'damping', label: 'Damping', description: 'Damping of the scroll spring: higher settles without overshoot', type: 'number', min: 2, max: 30, step: 0.1, tab: 'shared' },
+        { name: 'changeTime', label: 'Change time', description: 'Seconds the change takes to cross a picture', type: 'number', min: 0.4, max: 6, step: 0.1, tab: 'active' },
+        { name: 'wave', label: 'Wave', description: 'Width of the soft change wave', type: 'number', min: 0.05, max: 1, step: 0.01, tab: 'active' },
+        { name: 'slant', label: 'Slant', description: 'How diagonal the change wave is', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'dim', label: 'Dim', description: 'Brightness of the inactive pictures', type: 'number', min: 0, max: 1, step: 0.01, tab: 'inactive' },
+        { name: 'autoplay', label: 'Autoplay', description: 'Seconds between automatic changes; 0 = off (held while the cursor is over the gallery)', type: 'number', min: 0, max: 20, step: 0.5, tab: 'pictures' },
+        { name: 'relief', label: 'Relief', description: 'How far the brightest part of a plate stands forward', type: 'number', min: 0, max: 0.6, step: 0.005, tab: 'active' },
+        { name: 'base', label: 'Base', description: 'Depth of the darkest part, as a share of the brightest', type: 'number', min: 0, max: 1, step: 0.01, tab: 'active' },
+        { name: 'gap', label: 'Gap', description: 'Gap between plates, as a share of a plate', type: 'number', min: 0, max: 0.6, step: 0.01, tab: 'shared' },
+        { name: 'smoothing', label: 'Smoothing', description: 'How much the brightness is smoothed before it shapes the plates', type: 'number', min: 0, max: 5, step: 0.1, tab: 'shared' },
+        { name: 'roughness', label: 'Roughness', description: 'Roughness of the plates under the scene’s light', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'pointerStrength', label: 'Pointer strength', description: 'Strength of the cursor effect', type: 'number', min: 0, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'pointerRadius', label: 'Pointer radius', description: 'Reach of the cursor effect around the cursor', type: 'number', min: 0.1, max: 2, step: 0.01, tab: 'cursor', showWhen: [{ key: 'pointerMode', not: 'none' }] },
+        { name: 'intensity', label: 'Intensity', description: 'Overall brightness', type: 'number', min: 0, max: 3, step: 0.01, tab: 'shared' },
+        { name: 'opacity', label: 'Opacity', description: 'Overall opacity', type: 'number', min: 0, max: 1, step: 0.01, tab: 'shared' },
+        { name: 'throwing', label: 'Throwing', description: 'How far a drag release throws the gallery before it snaps', type: 'number', min: 0, max: 0.5, step: 0.01, tab: 'shared' },
+        { name: 'plateColor', label: 'Plate color', description: 'Colour of the plates’ tops and edges', type: 'color', tab: 'shared' },
+        { name: 'feeds', label: 'Show on', description: 'Objects that show the active picture too: image objects play their own change to it, meshes take it as their texture; their own pictures come back when the feed ends', type: 'objects', tab: 'images', animatable: false },
+    ],
+};