@font-face{font-family:Geist;src:url(/fonts/geist/Geist%5Bwght%5D.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist/Geist-Italic%5Bwght%5D.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist/GeistMono%5Bwght%5D.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist/GeistMono-Italic%5Bwght%5D.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Geist Pixel;src:url(/fonts/geist/GeistPixel-Grid.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-family-sans: "Geist", sans-serif;--font-family-mono: "Geist Mono", monospace;--font-family-fancy: "Geist Pixel", monospace}:root{--grey-10: oklch(10% 0 0);--grey-20: oklch(20% 0 0);--grey-30: oklch(30% 0 0);--grey-40: oklch(40% 0 0);--grey-50: oklch(50% 0 0);--grey-60: oklch(60% 0 0);--grey-70: oklch(70% 0 0);--grey-80: oklch(80% 0 0);--grey-90: oklch(90% 0 0);--grey-95: oklch(95% 0 0);--grey-98: oklch(98% 0 0);--grey-99: oklch(99% 0 0);--yellow-10: oklch(10% .02 96.4);--yellow-20: oklch(20% .041 96.4);--yellow-30: oklch(30% .061 96.4);--yellow-40: oklch(40% .082 96.4);--yellow-50: oklch(50% .102 96.4);--yellow-60: oklch(60% .122 96.4);--yellow-70: oklch(70% .143 96.4);--yellow-80: oklch(80% .163 96.4);--yellow-90: oklch(90% .17 96.4);--yellow-95: oklch(95% .085 96.4);--yellow-98: oklch(98% .035 96.4);--yellow-99: oklch(99% .017 96.4);--orange-10: oklch(10% .023 62);--orange-20: oklch(20% .046 62);--orange-30: oklch(30% .069 62);--orange-40: oklch(40% .092 62);--orange-50: oklch(50% .115 62);--orange-60: oklch(60% .141 62);--orange-70: oklch(70% .161 62);--orange-80: oklch(80% .144 62);--orange-90: oklch(90% .067 62);--orange-95: oklch(95% .032 62);--orange-98: oklch(98% .013 62);--orange-99: oklch(99% .007 62);--red-10: oklch(10% .038 32);--red-20: oklch(20% .076 32);--red-30: oklch(30% .114 32);--red-40: oklch(40% .152 32);--red-50: oklch(50% .189 32);--red-60: oklch(60% .227 32);--red-70: oklch(70% .192 32);--red-80: oklch(80% .115 32);--red-90: oklch(90% .053 32);--red-95: oklch(95% .025 32);--red-98: oklch(98% .01 32);--red-99: oklch(99% .005 32);--pink-10: oklch(10% .041 12);--pink-20: oklch(20% .08 12);--pink-30: oklch(30% .12 12);--pink-40: oklch(40% .16 12);--pink-50: oklch(50% .2 12);--pink-60: oklch(60% .24 12);--pink-70: oklch(70% .196 12);--pink-80: oklch(80% .117 12);--pink-90: oklch(90% .053 12);--pink-95: oklch(95% .025 12);--pink-98: oklch(98% .01 12);--pink-99: oklch(99% .005 12);--indigo-10: oklch(10% .059 284.6);--indigo-20: oklch(20% .117 284.6);--indigo-30: oklch(30% .176 284.6);--indigo-40: oklch(40% .234 284.6);--indigo-50: oklch(50% .293 284.6);--indigo-60: oklch(60% .227 284.6);--indigo-70: oklch(70% .164 284.6);--indigo-80: oklch(80% .105 284.6);--indigo-90: oklch(90% .05 284.6);--indigo-95: oklch(95% .025 284.6);--indigo-98: oklch(98% .01 284.6);--indigo-99: oklch(99% .005 284.6);--teal-10: oklch(10% .024 157.5);--teal-20: oklch(20% .047 157.5);--teal-30: oklch(30% .071 157.5);--teal-40: oklch(40% .094 157.5);--teal-50: oklch(50% .118 157.5);--teal-60: oklch(60% .142 157.5);--teal-70: oklch(70% .165 157.5);--teal-80: oklch(80% .189 157.5);--teal-90: oklch(90% .168 157.5);--teal-95: oklch(95% .078 157.5);--teal-98: oklch(98% .03 157.5);--teal-99: oklch(99% .015 157.5)}:root{--color-text-primary: var(--grey-30);--color-background-app: var(--grey-30);--color-background-website: var(--grey-90);--color-danger: var(--red-40);--color-success: var(--teal-50);--color-text-code: var(--teal-95);--color-panel-primary: var(--grey-80);--color-on-panel-primary: var(--grey-30);--color-module-primary: var(--grey-80);--color-on-module-primary: var(--grey-40);--color-screen: var(--grey-20);--color-on-screen: var(--grey-99);--color-on-screen-accent: var(--yellow-90);--color-screen-hover: var(--yellow-30);--color-panel-cutout: var(--grey-10);--color-panel-contrast: var(--grey-30);--color-on-panel-contrast: var(--grey-90);--color-plate-primary: var(--grey-90);--color-on-plate-primary: var(--grey-40);--color-screen-info: var(--grey-20);--color-screen-info-border: var(--grey-99);--color-on-screen-info: var(--grey-99);--color-tray-insert: var(--grey-20);--color-picker-surface: var(--grey-70);--color-picker-active: var(--grey-70);--color-picker-gamut-boundary-stroke: var(--grey-70);--color-picker-gamut-boundary-fill: transparent;--color-visualizer-point-stroke: var(--grey-99);--color-toast: var(--grey-20);--color-on-toast: var(--grey-99);--color-tooltip: var(--grey-20);--color-on-tooltip: var(--grey-99);--color-btn-primary: var(--grey-90);--color-on-btn-primary: var(--grey-40);--color-btn-primary-hover: var(--yellow-95);--color-btn-primary-active: var(--grey-70);--color-on-btn-primary-active: var(--grey-30);--color-btn-primary-disabled: var(--grey-70);--color-on-btn-primary-disabled: var(--grey-40);--color-btn-cutout: var(--grey-10);--color-btn-secondary: var(--grey-40);--color-on-btn-secondary: var(--grey-90);--color-btn-secondary-hover: var(--yellow-40);--color-btn-secondary-active: var(--grey-30);--color-on-btn-secondary-active: var(--grey-80);--color-btn-secondary-disabled: var(--grey-70);--color-on-btn-secondary-disabled: var(--grey-40);--color-btn-nav: var(--grey-80);--color-btn-nav-active: var(--grey-50);--color-btn-nav-hover: var(--yellow-95);--color-on-btn-nav: var(--grey-30);--color-on-btn-nav-active: var(--grey-99);--color-btn-danger: var(--red-50);--color-on-btn-danger: var(--red-98);--color-btn-danger-hover: var(--red-60);--color-btn-danger-active: var(--red-50);--color-on-btn-danger-active: var(--red-99);--color-btn-toggle: var(--grey-90);--color-btn-toggle-hover: var(--yellow-95);--color-btn-toggle-active: var(--grey-50);--color-on-btn-toggle: var(--grey-40);--color-on-btn-toggle-active: var(--grey-99);--color-btn-multiselect: var(--grey-90);--color-btn-multiselect-hover: var(--yellow-95);--color-btn-multiselect-active: var(--yellow-90);--color-on-btn-multiselect: var(--grey-40);--color-on-btn-multiselect-active: var(--grey-40);--color-btn-backlit-active: var(--yellow-95);--color-btn-backlit-glow: var(--yellow-90);--color-input: var(--grey-10);--color-input-hover: var(--grey-10);--color-input-focus: var(--yellow-20);--color-on-input: var(--grey-99);--color-input-placeholder: var(--grey-60);--color-input-supporting: var(--grey-40);--color-input-invalid: var(--red-60);--color-border-input: var(--grey-30);--color-border-input-focus: var(--grey-50);--color-input-segment-label: var(--yellow-80);--color-harmony-icon-fill: var(--grey-99);--color-harmony-icon-bg: var(--grey-40);--color-slider-track: var(--grey-60);--color-slider-fill: var(--yellow-90);--color-border-menu: var(--grey-10);--color-border-menu-divider: var(--grey-60);--color-border-module: var(--grey-40);--color-border-tooltip: var(--grey-99);--color-border-indicator: var(--grey-40);--color-indicator-off: var(--grey-50);--color-indicator-on: var(--yellow-90);--color-knurl-highlight: var(--grey-90);--color-knurl-shadow: var(--grey-60);--color-table-header: var(--grey-90);--color-table-row: var(--grey-80);--color-shadow: var(--grey-10);--color-highlight: var(--grey-99);--color-highlight-hover: var(--yellow-98);--color-highlight-danger: var(--red-90);--color-highlight-danger-hover: var(--red-80);--color-scrim: color-mix(in oklch, var(--color-shadow) 50%, transparent);--color-scrim-dark: color-mix(in oklch, var(--color-shadow) 80%, transparent);--color-screen-overlay: color-mix(in oklch, var(--color-shadow) 70%, transparent);--color-scrollbar-track: transparent;--color-scrollbar-thumb: var(--grey-60);--color-scrollbar-thumb-hover: var(--grey-50)}:root{--opacity-disabled: .65}:root{--height-btn: 36px;--height-btn-secondary: 36px;--height-btn-wide: 88px;--height-btn-tall: 128px;--height-btn-square: 32px;--height-btn-toggle-backlit: 36px;--height-swatch: 8rem;--height-swatch-recommendation: 5rem;--height-image-upload: 14rem;--height-slide-switch-row: 32px;--width-btn-tall: 98px;--size-btn-icon: 1.1rem;--gap-palette-tray: 4px;--gap-slide-switch-row: 0px;--padding-cutout: 1px;--padding-cutout-thin: 1px;--padding-cutout-thick: 2px}:root{--gap-panel: 4px;--gap-module: 24px;--gap-section: 1rem;--gap-content: .5rem;--height-app-bar: 68px;--width-tool-nav: 94px;--height-mobile-tool-nav: 84px;--height-mobile-tool-nav-panel: 84px;--height-mobile-btn-nav: 72px;--height-mobile-control-panel-expand-tray: calc( var(--height-btn) + (var(--padding-control-panel) * 2) + var(--inset-safe-area-bottom) );--height-mobile-control-panel-collapsed: calc( 84px + var(--height-mobile-control-panel-expand-tray) );--height-control-panel-screen-min: 20rem;--height-palette-board-swatch-min: 8rem;--height-mobile-palette-board-swatch: 11rem;--height-mobile-palette-overview-screen: 38rem;--height-mobile-palette-recommendations: 29rem;--height-website-nav: 72px;--website-content-width: 1500px;--inset-safe-area-bottom: env(safe-area-inset-bottom, 0px);--padding-workspace: 1.5rem;--padding-workspace-mobile: .75rem;--padding-module: 1.5rem;--padding-module-mobile: 1rem;--padding-control-panel: 1rem;--padding-screen: 1.5rem;--padding-toast: 1rem 1.25rem;--size-scrollbar: 8px}:root{--border-indicator: 1px solid var(--color-border-indicator);--border-input: 2px solid var(--color-border-input);--border-menu: 1px solid var(--color-border-menu);--border-menu-divider: 1px solid var(--color-border-menu-divider);--border-tooltip: 1px solid var(--color-border-tooltip);--border-module: 1px solid var(--color-border-module);--border-radius-pill: 9999px;--border-radius-panel: 4px;--border-radius-module: 20px;--border-radius-screen: 6px;--border-radius-screen-cutout: calc(var(--border-radius-screen) + 1px);--border-radius-tag: 2px;--border-radius-table: 8px;--border-radius-tray-swatch: 4px;--border-radius-tray-swatch-corners: calc( var(--border-radius-tray-insert) - var(--gap-palette-tray) );--border-radius-tray-insert: 12px;--border-radius-button: 8px;--border-radius-cutout: calc(var(--border-radius-button) - 1px);--border-radius-plate: 12px;--border-radius-plate-cutout: calc(var(--border-radius-plate) + 4px);--border-radius-input: 6px;--border-radius-input-cutout: calc(var(--border-radius-input) + 1px);--border-radius-slider-handle: 12px;--border-radius-slider-screen-cutout: calc(var(--border-radius-slider-handle) - 4px);--border-radius-slider-screen: calc(var(--border-radius-slider-screen-cutout) - 1px);--border-radius-toast: 8px;--border-radius-tooltip: 8px;--border-radius-menu: 8px;--border-radius-menu-active: 4px;--border-radius-menu-cutout: calc(var(--border-radius-menu) + 1px);--border-radius-select: 8px;--border-radius-select-active: 4px;--border-radius-select-cutout: calc(var(--border-radius-select) + 1px);--border-radius-nav: 12px}:root{--shadow-up-button: -3px -3px 10px 0px color-mix(in oklch, var(--color-highlight) 40%, transparent), 8px 8px 16px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), inset 1px 1px 2px 0px color-mix(in oklch, var(--color-highlight) 70%, transparent);--shadow-up-button-hover: -3px -3px 10px 0px color-mix(in oklch, var(--color-highlight-hover) 40%, transparent), 8px 8px 16px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), inset 3px 3px 2px 0px var(--color-highlight-hover);--shadow-up-button-active: -1px -1px 5px 0px color-mix(in oklch, var(--color-highlight) 10%, transparent), 2px 2px 4px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), inset 2px 2px 8px 0px color-mix(in oklch, var(--color-shadow) 35%, transparent);--shadow-up-button-disabled: -1px -1px 6px 0px color-mix(in oklch, var(--color-highlight) 20%, transparent), 2px 2px 8px 0px color-mix(in oklch, var(--color-shadow) 20%, transparent), inset 1px 1px 2px 0px color-mix(in oklch, var(--color-highlight) 30%, transparent);--shadow-up-button-secondary: -3px -3px 10px 0px color-mix(in oklch, var(--color-highlight) 20%, transparent), 8px 8px 16px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), inset 1px 1px 2px 0px color-mix(in oklch, var(--color-highlight) 70%, transparent);--shadow-up-button-secondary-hover: -3px -3px 10px 0px color-mix(in oklch, var(--color-highlight-hover) 40%, transparent), 8px 8px 16px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), inset 2px 2px 2px 0px color-mix(in oklch, var(--color-highlight-hover) 50%, transparent);--shadow-up-button-secondary-active: -1px -1px 5px 0px color-mix(in oklch, var(--color-highlight) 10%, transparent), 2px 2px 4px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), inset 2px 2px 8px 0px color-mix(in oklch, var(--color-shadow) 35%, transparent);--shadow-up-button-danger: -3px -3px 10px 0px color-mix(in oklch, var(--color-highlight-danger-hover) 40%, transparent), 8px 8px 16px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), inset 1px 1px 2px 0px color-mix(in oklch, var(--color-highlight-danger-hover) 70%, transparent);--shadow-up-button-danger-hover: -3px -3px 10px 0px color-mix(in oklch, var(--color-highlight-danger-hover) 40%, transparent), 8px 8px 16px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), inset 2px 2px 2px 0px var(--color-highlight-danger-hover);--shadow-up-button-danger-active: -1px -1px 5px 0px color-mix(in oklch, var(--color-highlight-danger) 10%, transparent), 2px 2px 4px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), inset 2px 2px 8px 0px color-mix(in oklch, var(--color-shadow) 35%, transparent);--shadow-up-screen: -1px -1px 2px 0px color-mix(in oklch, var(--color-highlight) 40%, transparent), 1px 1px 4px 0px color-mix(in oklch, var(--color-shadow) 25%, transparent), inset .5px .5px 1px 0px var(--color-highlight);--shadow-up-screen-hover: -1px -1px 2px 0px color-mix(in oklch, var(--color-highlight-hover) 40%, transparent), 1px 1px 4px 0px color-mix(in oklch, var(--color-shadow) 25%, transparent), inset .5px .5px 1px 0px var(--color-highlight-hover);--shadow-up-1: -2px -2px 8px 0px color-mix(in oklch, var(--color-highlight) 30%, transparent), 2px 2px 4px 0px color-mix(in oklch, var(--color-shadow) 25%, transparent);--shadow-up-2: -3px -3px 16px 0px color-mix(in oklch, var(--color-highlight) 40%, transparent), 5px 5px 8px 0px color-mix(in oklch, var(--color-shadow) 25%, transparent);--shadow-up-3: -4px -4px 16px 0px color-mix(in oklch, var(--color-highlight) 50%, transparent), 10px 10px 12px 0px color-mix(in oklch, var(--color-shadow) 25%, transparent);--shadow-up-dragging: inset 1px 1px 2px 0px color-mix(in oklch, var(--color-highlight) 70%, transparent), -6px -6px 16px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), 10px 10px 12px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent);--shadow-up-1-round: -2px -2px 8px 0px color-mix(in oklch, var(--color-highlight) 30%, transparent), 2px 2px 4px 0px color-mix(in oklch, var(--color-shadow) 25%, transparent), inset 1px 1px 3px 0px var(--color-highlight);--shadow-up-2-round: -3px -3px 16px 0px color-mix(in oklch, var(--color-highlight) 40%, transparent), 5px 5px 8px 0px color-mix(in oklch, var(--color-shadow) 25%, transparent), inset 1px 1px 3px 0px var(--color-highlight);--shadow-up-3-round: -4px -4px 16px 0px color-mix(in oklch, var(--color-highlight) 50%, transparent), 10px 10px 12px 0px color-mix(in oklch, var(--color-shadow) 25%, transparent), inset 1px 1px 3px 0px var(--color-highlight);--shadow-down-1: inset -2px -2px 4px 0px color-mix(in oklch, var(--color-highlight) 50%, transparent), inset 2px 2px 2px 0px color-mix(in oklch, var(--color-shadow) 40%, transparent);--shadow-down-2: inset -4px -4px 4px 0px color-mix(in oklch, var(--color-highlight) 50%, transparent), inset 4px 4px 4px 0px color-mix(in oklch, var(--color-shadow) 40%, transparent);--shadow-down-3: inset -6px -6px 6px 0px color-mix(in oklch, var(--color-highlight) 50%, transparent), inset 6px 6px 6px 0px color-mix(in oklch, var(--color-shadow) 40%, transparent);--shadow-down-tray: inset -1px -1px 2px 0px color-mix(in oklch, var(--color-highlight) 25%, transparent), inset 1px 1px 2px 0px color-mix(in oklch, var(--color-shadow) 25%, transparent);--shadow-down-indicator-active: 0px 0px 6px 0px var(--color-highlight-hover), inset 2px 2px 2px 0px color-mix(in oklch, var(--color-shadow) 40%, transparent), inset -2px -2px 4px 0px color-mix(in oklch, var(--color-highlight) 50%, transparent);--shadow-down-multiselect-active: 0px 0px 12px 0px var(--color-highlight-hover), inset 2px 2px 2px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), inset 0px 0px 16px 12px color-mix(in oklch, var(--color-highlight) 40%, transparent);--shadow-up-toast: -6px -6px 16px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), 10px 10px 12px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), inset .5px .5px 1px 0px var(--color-highlight);--shadow-up-modal: -6px -6px 16px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), 10px 10px 12px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), inset .5px .5px 1px 0px var(--color-highlight);--shadow-up-nav: -3px -3px 16px 0px color-mix(in oklch, var(--color-highlight) 40%, transparent), 5px 5px 8px 0px color-mix(in oklch, var(--color-shadow) 40%, transparent), -2px 1px 4px 0px color-mix(in oklch, var(--color-shadow) 25%, transparent), 2px 1px 4px 0px color-mix(in oklch, var(--color-shadow) 25%, transparent), inset 1px 1px 3px 0px var(--color-highlight);--shadow-up-button-backlit: -3px -3px 10px 0px color-mix(in oklch, var(--color-highlight) 40%, transparent), 8px 8px 16px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), inset 0px 0px 6px 5px color-mix(in oklch, var(--color-highlight) 70%, transparent);--shadow-up-button-backlit-hover: 0px 0px 12px 0px var(--color-highlight-hover), 8px 8px 16px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), inset 0px 0px 10px 6px var(--color-btn-backlit-active);--shadow-up-button-backlit-active: 0px 0px 12px 0px var(--color-highlight-hover), 8px 8px 16px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), inset 0px 0px 10px 6px var(--color-btn-backlit-glow);--shadow-down-plate: inset 1px 1px 3px 0px var(--color-highlight), inset -1px -1px 3px 0px var(--color-highlight)}:root{--linear-gradient-horizontal-knurl: repeating-linear-gradient( to bottom, var(--color-knurl-highlight) 0 1px, var(--color-btn-primary) 1px 2px, var(--color-knurl-shadow) 2px 3px )}:root{--transition-fast: .15s ease;--transition-medium: .25s ease;--duration-mobile-control-panel-expand: .36s}:root{--breakpoint-sm: 640px;--breakpoint-md: 800px;--breakpoint-lg: 1200px;--breakpoint-xl: 1600px;--breakpoint-xxl: 2000px}@media(max-width:800px){:root{--padding-module: var(--padding-module-mobile);--padding-workspace: var(--padding-workspace-mobile)}}:root{--z-cursor: 10000;--z-mask: 9000;--z-alert: 4000;--z-modal: 3000;--z-nav: 2000;--z-card: 1000;--z-canvas: 0}.view-landing-page{--landing-theme-page-bg: var(--color-background-website);--landing-theme-text: var(--color-on-panel-primary);--landing-theme-muted-text: var(--grey-60);--landing-theme-surface: var(--color-plate-primary);--landing-theme-surface-text: var(--color-on-plate-primary);--landing-theme-cutout: var(--color-panel-cutout);--landing-theme-accent: var(--color-indicator-on);--landing-theme-disabled: var(--color-indicator-off);--landing-theme-info: var(--grey-99);--landing-theme-info-text: var(--color-text-primary);--landing-theme-control: var(--grey-90);--landing-theme-control-text: var(--grey-40);--landing-theme-control-hover: var(--yellow-95);--landing-theme-control-hover-text: var(--yellow-95);--landing-theme-control-active: var(--grey-50);--landing-theme-control-active-text: var(--grey-99);--landing-theme-control-disabled: var(--grey-70);--landing-theme-control-disabled-text: var(--grey-40);--landing-theme-input: var(--color-input);--landing-theme-input-text: var(--color-on-input);--landing-page-bg: var(--landing-theme-page-bg);--landing-text: var(--landing-theme-text);--landing-muted-text: var(--landing-theme-muted-text);--landing-tag-bg: var(--landing-theme-text);--landing-tag-text: var(--landing-theme-page-bg);--landing-instruction-bg: var(--landing-theme-info);--landing-instruction-text: var(--landing-theme-info-text);--landing-surface: var(--landing-theme-surface);--landing-surface-text: var(--landing-theme-surface-text);--landing-panel-cutout: var(--landing-theme-cutout);--landing-nav-bg: var(--landing-theme-page-bg);--landing-nav-text: var(--landing-theme-text);--landing-button-bg: var(--landing-theme-control);--landing-button-text: var(--landing-theme-control-text);--landing-button-hover-bg: var(--landing-theme-control-hover);--landing-button-active-bg: var(--landing-theme-control-active);--landing-button-active-text: var(--landing-theme-control-active-text);--landing-button-disabled-bg: var(--landing-theme-control-disabled);--landing-button-disabled-text: var(--landing-theme-control-disabled-text);--landing-theme-control-highlight-hover: color-mix( in oklch, var(--landing-theme-control) 15%, var(--landing-theme-control-hover) );--landing-shadow-up-button-hover: -3px -3px 10px 0px color-mix(in oklch, var(--landing-theme-control-highlight-hover) 40%, transparent), 8px 8px 16px 0px color-mix(in oklch, var(--color-shadow) 30%, transparent), inset 3px 3px 2px 0px var(--landing-theme-control-highlight-hover);--landing-toggle-bg: var(--landing-theme-control);--landing-toggle-text: var(--landing-theme-control-text);--landing-toggle-hover-bg: var(--landing-theme-control-hover);--landing-toggle-active-bg: var(--landing-theme-control-active);--landing-toggle-active-text: var(--landing-theme-control-active-text);--landing-indicator-off: var(--landing-theme-disabled);--landing-indicator-on: var(--landing-theme-accent);--landing-input-bg: var(--landing-theme-input);--landing-input-hover-bg: color-mix( in oklch, var(--landing-theme-accent) 10%, var(--landing-input-bg) );--landing-input-focus-bg: color-mix( in oklch, var(--landing-theme-accent) 18%, var(--landing-input-bg) );--landing-input-text: var(--landing-theme-input-text);--landing-input-placeholder: color-mix( in oklch, var(--landing-theme-input-text) 60%, transparent );--landing-input-support: var(--landing-theme-muted-text);--landing-input-border: color-mix(in oklch, var(--landing-theme-input) 90%, white);--landing-input-focus-border: var(--landing-theme-accent)}.view-landing-page[data-theme=default]{--landing-theme-page-bg: var(--color-background-website);--landing-theme-text: var(--color-on-panel-primary);--landing-theme-muted-text: var(--grey-60);--landing-theme-surface: var(--color-plate-primary);--landing-theme-surface-text: var(--color-on-plate-primary);--landing-theme-cutout: var(--color-panel-cutout);--landing-theme-accent: var(--color-indicator-on);--landing-theme-disabled: var(--color-indicator-off);--landing-theme-info: var(--grey-99);--landing-theme-info-text: var(--color-text-primary);--landing-theme-control: var(--grey-90);--landing-theme-control-text: var(--grey-40);--landing-theme-control-hover: var(--yellow-95);--landing-theme-control-hover-text: var(--yellow-95);--landing-theme-control-active: var(--grey-50);--landing-theme-control-active-text: var(--grey-99);--landing-theme-control-disabled: var(--grey-70);--landing-theme-control-disabled-text: var(--grey-40);--landing-theme-input: var(--color-input);--landing-theme-input-text: var(--color-on-input)}.view-landing-page[data-theme=ttin]{--landing-theme-page-bg: oklch(95% .061 89);--landing-theme-text: oklch(30% .006 233);--landing-theme-muted-text: oklch(50% .006 233);--landing-theme-surface: oklch(98% .024 89);--landing-theme-surface-text: oklch(30% .006 233);--landing-theme-cutout: oklch(10% .006 233);--landing-theme-accent: oklch(70% .145 233);--landing-theme-disabled: oklch(40% .006 233);--landing-theme-info: var(--grey-99);--landing-theme-info-text: var(--color-text-primary);--landing-theme-control: oklch(60% .246 29);--landing-theme-control-text: oklch(10% .006 233);--landing-theme-control-hover: oklch(80% .115 29);--landing-theme-control-hover-text: oklch(30% .006 233);--landing-theme-control-active: oklch(20% .082 29);--landing-theme-control-active-text: oklch(95% .006 233);--landing-theme-control-disabled: oklch(70% .006 233);--landing-theme-control-disabled-text: oklch(30% .006 233);--landing-theme-input: oklch(50% .049 5);--landing-theme-input-text: oklch(99% .006 233)}*,:before,:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}button{appearance:none;-webkit-appearance:none;border:0;padding:0;margin:0;background:none;color:inherit;font:inherit;line-height:inherit;text-align:inherit;border-radius:0;box-shadow:none;cursor:pointer}button:disabled{cursor:default}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}a{text-decoration:none}hr{border:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}html{font-family:var(--font-family-sans);font-size:16px;scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track);scrollbar-width:thin}code,kbd,samp,pre{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:0rem}body{background-color:var(--color-background-app)}h1,h2,h3,h4,h5,h6,p,a,ul,code,kbd,samp,pre,blockquote,textarea{color:var(--color-text-primary)}h1{font-family:var(--font-family-fancy);font-weight:500;font-size:3rem;line-height:1.2;margin:0;letter-spacing:0rem}h2{font-family:var(--font-family-fancy);font-weight:500;font-size:2.5rem;line-height:1.2;margin:0;letter-spacing:0rem}h3{font-family:var(--font-family-fancy);font-weight:500;font-size:2rem;line-height:1.3;margin:0;letter-spacing:0rem}h4{font-family:var(--font-family-fancy);font-weight:500;font-size:1.75rem;line-height:1.3;margin:0;letter-spacing:0rem}h5{font-family:var(--font-family-fancy);font-weight:600;font-size:1.5rem;line-height:1.3;margin:0;letter-spacing:0rem}h6{font-family:var(--font-family-fancy);font-weight:500;font-size:1.25rem;line-height:1.3;margin:0;letter-spacing:0rem}p{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:.03125rem}::-webkit-scrollbar{width:var(--size-scrollbar);height:var(--size-scrollbar)}::-webkit-scrollbar-track{background-color:var(--color-scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-thumb);border-radius:var(--border-radius-pill);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-thumb-hover)}*{scrollbar-width:none;scrollbar-color:var(--color-scrollbar-thumb) transparent}[data-enter-animation=fade-in],[data-enter-animation=fade-in-stagger]{opacity:0;animation:fade-in-enter var(--enter-animation-duration, .5s) cubic-bezier(.16,1,.3,1) both;will-change:opacity}[data-enter-animation=fade-in-stagger]{animation-delay:calc(var(--enter-animation-index, 0) * var(--enter-animation-delay-step, 48ms))}@media(prefers-reduced-motion:reduce){[data-enter-animation=fade-in],[data-enter-animation=fade-in-stagger]{opacity:1;animation:none}}@keyframes fade-in-enter{0%{opacity:0}to{opacity:1}}.layout-app-shell{background-color:var(--color-background-app);height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:row}.layout-app-main{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.layout-app-main[data-scroll-layout=document]{overflow-y:auto}.layout-app-main[data-scroll-layout=document] .layout-app-body{display:block;flex:0 0 auto;height:auto;min-height:0}.layout-app-main[data-scroll-layout=document] .layout-app-content{display:block;min-height:calc(100vh - var(--height-app-bar) - var(--gap-panel) * 3);overflow:visible}.layout-app-body{display:flex;flex:1;min-width:0;min-height:0}.layout-app-nav{display:flex;flex:0 0 calc(var(--width-tool-nav) + var(--gap-panel) * 2);flex-direction:column;min-height:0}.layout-app-content{flex:1;min-width:0;min-height:calc(100vh - var(--height-app-bar) - var(--gap-panel) * 3);border-radius:var(--border-radius-panel);margin:0 var(--gap-panel) var(--gap-panel) 0;background:var(--color-panel-primary);color:var(--color-on-panel-primary);overflow:hidden}.layout-control-panel{display:flex;flex-direction:column;flex:0 0 30vw;width:30vw;min-height:0;height:calc(100vh - var(--gap-panel) * 2);min-width:0;gap:var(--gap-section);border-radius:var(--border-radius-panel);margin:var(--gap-panel) var(--gap-panel) var(--gap-panel) 0;padding:var(--padding-control-panel);background:var(--color-panel-primary);color:var(--color-on-panel-primary);overflow:hidden}@media(min-width:801px){.layout-app-shell[data-has-control-panel=true] .layout-control-panel{overflow-x:hidden;overflow-y:auto}.layout-app-shell[data-has-control-panel=true] .layout-app-main{overflow-y:auto}.layout-app-shell[data-has-control-panel=true] .layout-app-body{display:block;flex:0 0 auto;height:auto;min-height:0}.layout-app-shell[data-has-control-panel=true] .layout-app-content{display:block;min-height:calc(100vh - var(--height-app-bar) - var(--gap-panel) * 3);overflow:visible}}@media(min-width:801px)and (max-width:1600px){.layout-app-shell[data-has-control-panel=true] .layout-app-main,.layout-app-shell[data-has-control-panel=true] .layout-control-panel{flex:0 0 calc((100vw - var(--width-tool-nav) - var(--gap-panel) * 3) / 2);width:calc((100vw - var(--width-tool-nav) - var(--gap-panel) * 3) / 2)}}@media(max-width:800px){.layout-app-nav{position:fixed;inset:auto 0 0;z-index:var(--z-nav);flex:0 0 var(--height-mobile-tool-nav);width:100vw;height:var(--height-mobile-tool-nav);min-height:0}.layout-app-content{margin:0 var(--gap-panel)}.layout-app-shell[data-has-control-panel=true]{flex-direction:column;overflow-x:hidden;overflow-y:auto}.layout-app-shell[data-has-control-panel=true] .layout-app-main{display:contents}.layout-app-shell[data-has-control-panel=true] .nav-app-bar{order:1;flex:0 0 var(--height-app-bar);margin:var(--gap-panel)}.layout-app-shell[data-has-control-panel=true] .layout-control-panel{order:2;flex:0 0 auto;position:relative;top:auto;right:auto;left:auto;z-index:auto;width:auto;height:var(--height-mobile-control-panel-collapsed);min-height:0;margin:0 var(--gap-panel) var(--gap-panel);overflow:hidden;transition:top var(--duration-mobile-control-panel-expand) ease,right var(--duration-mobile-control-panel-expand) ease,left var(--duration-mobile-control-panel-expand) ease,height var(--duration-mobile-control-panel-expand) ease,border-radius var(--duration-mobile-control-panel-expand) ease}.layout-app-shell[data-has-control-panel=true] .layout-control-panel[data-mobile-hidden=true]{display:none}.layout-app-shell[data-has-control-panel=true] .layout-control-panel[data-mobile-expanded=true]{position:fixed;top:0;right:0;left:0;z-index:var(--z-modal);width:100vw;height:calc(100dvh - var(--height-mobile-control-panel-expand-tray) - var(--gap-panel));border-radius:0;overflow-x:hidden;overflow-y:auto;scroll-padding-bottom:var(--padding-control-panel)}.layout-app-shell[data-has-control-panel=true] .layout-app-body{order:3;display:block;flex:0 0 auto;width:100%;height:auto;min-height:0;padding-top:0}.layout-app-shell[data-has-control-panel=true] .layout-app-content{display:block;width:auto;min-height:0;margin:0 var(--gap-panel) var(--gap-panel);overflow:visible}}.module{display:flex;flex-direction:column;border-radius:var(--border-radius-module);box-shadow:var(--shadow-up-3-round);padding:var(--padding-module);background-color:var(--color-module-primary)}.module-divider{width:100%;min-width:0;height:.25rem;border-radius:var(--border-radius-pill);box-shadow:var(--shadow-down-1)}.module-divider-vertical{width:.25rem;height:100%;min-width:0;min-height:0;border-radius:var(--border-radius-pill);box-shadow:var(--shadow-down-1)}.plate-cutout{width:100%;background-color:var(--color-panel-cutout);padding:4px;border-radius:var(--border-radius-plate-cutout);box-shadow:var(--shadow-down-plate)}.plate{display:flex;border-radius:var(--border-radius-plate);box-shadow:var(--shadow-up-1-round);padding:var(--padding-module);background-color:var(--color-plate-primary);color:var(--color-on-plate-primary)}.screen-cutout{width:100%;background-color:var(--color-panel-cutout);padding:1px;border-radius:var(--border-radius-screen-cutout)}.screen{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;width:100%;min-height:0;padding:var(--padding-screen);background-color:var(--color-screen);color:var(--color-on-screen);box-shadow:var(--shadow-up-screen);border-radius:var(--border-radius-screen)}.btn-nav,.btn-primary,.btn-primary-wide,.btn-primary-tall,.btn-secondary,.btn-danger,.btn-danger-wide,.btn-danger-tall,.btn-toggle,.btn-toggle-backlit-button,.btn-multiselect{font-family:var(--font-family-mono);font-weight:500;font-size:.875rem;margin:0;letter-spacing:.078125rem;text-transform:uppercase;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer}.btn-cutout{width:100%;height:100%;padding:var(--padding-cutout);background:var(--color-btn-cutout);border-radius:var(--border-radius-cutout)}.btn-face,.btn-text,.btn-icon{transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.btn-face{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;padding:.5rem .75rem;background-color:var(--color-btn-primary);border-radius:var(--border-radius-button);box-shadow:var(--shadow-up-button)}.btn-face .btn-text{color:var(--color-on-btn-primary)}.btn-face .btn-icon{width:var(--size-btn-icon);height:var(--size-btn-icon)}.btn-face .btn-icon svg{width:100%;height:100%}.btn-face:hover{background-color:var(--color-btn-primary-hover);box-shadow:var(--shadow-up-button-hover)}.btn-face:active{background-color:var(--color-btn-primary-active);box-shadow:var(--shadow-up-button-active)}.btn-face:active .btn-text,.btn-face:active .btn-icon{color:var(--color-on-btn-primary-active)}.btn-primary,.btn-danger{height:var(--height-btn)}.btn-secondary{height:var(--height-btn-secondary)}.btn-primary[disabled],.btn-primary-wide[disabled],.btn-primary-tall[disabled],.btn-secondary[disabled],.btn-danger[disabled],.btn-danger-wide[disabled],.btn-danger-tall[disabled]{cursor:not-allowed}.btn-primary[disabled] .btn-face,.btn-primary-wide[disabled] .btn-face,.btn-primary-tall[disabled] .btn-face,.btn-secondary[disabled] .btn-face,.btn-danger[disabled] .btn-face,.btn-danger-wide[disabled] .btn-face,.btn-danger-tall[disabled] .btn-face,.btn-primary[disabled] .btn-face:hover,.btn-primary[disabled] .btn-face:active,.btn-primary-wide[disabled] .btn-face:hover,.btn-primary-wide[disabled] .btn-face:active,.btn-primary-tall[disabled] .btn-face:hover,.btn-primary-tall[disabled] .btn-face:active,.btn-secondary[disabled] .btn-face:hover,.btn-secondary[disabled] .btn-face:active,.btn-danger[disabled] .btn-face:hover,.btn-danger[disabled] .btn-face:active,.btn-danger-wide[disabled] .btn-face:hover,.btn-danger-wide[disabled] .btn-face:active,.btn-danger-tall[disabled] .btn-face:hover,.btn-danger-tall[disabled] .btn-face:active{box-shadow:var(--shadow-up-button-disabled)}.btn-primary-wide,.btn-danger-wide{height:var(--height-btn-wide);width:100%}.btn-primary-tall,.btn-danger-tall{height:var(--height-btn-tall);width:var(--width-btn-tall)}.btn-primary-wide .btn-face,.btn-primary-tall .btn-face,.btn-danger-wide .btn-face,.btn-danger-tall .btn-face{flex-direction:column;align-items:flex-start;justify-content:space-between}.btn-primary-wide .btn-face .btn-icon,.btn-primary-tall .btn-face .btn-icon,.btn-danger-wide .btn-face .btn-icon,.btn-danger-tall .btn-face .btn-icon{align-self:flex-end}.btn-primary[disabled] .btn-face,.btn-primary-wide[disabled] .btn-face,.btn-primary-tall[disabled] .btn-face{background-color:var(--color-btn-primary-disabled)}.btn-primary[disabled] .btn-face .btn-text,.btn-primary[disabled] .btn-face .btn-icon,.btn-primary-wide[disabled] .btn-face .btn-text,.btn-primary-wide[disabled] .btn-face .btn-icon,.btn-primary-tall[disabled] .btn-face .btn-text,.btn-primary-tall[disabled] .btn-face .btn-icon{color:var(--color-on-btn-primary-disabled)}.btn-primary[disabled] .btn-face:hover,.btn-primary[disabled] .btn-face:active,.btn-primary-wide[disabled] .btn-face:hover,.btn-primary-wide[disabled] .btn-face:active,.btn-primary-tall[disabled] .btn-face:hover,.btn-primary-tall[disabled] .btn-face:active{background-color:var(--color-btn-primary-disabled)}.btn-primary[disabled] .btn-face:hover .btn-text,.btn-primary[disabled] .btn-face:hover .btn-icon,.btn-primary[disabled] .btn-face:active .btn-text,.btn-primary[disabled] .btn-face:active .btn-icon,.btn-primary-wide[disabled] .btn-face:hover .btn-text,.btn-primary-wide[disabled] .btn-face:hover .btn-icon,.btn-primary-wide[disabled] .btn-face:active .btn-text,.btn-primary-wide[disabled] .btn-face:active .btn-icon,.btn-primary-tall[disabled] .btn-face:hover .btn-text,.btn-primary-tall[disabled] .btn-face:hover .btn-icon,.btn-primary-tall[disabled] .btn-face:active .btn-text,.btn-primary-tall[disabled] .btn-face:active .btn-icon{color:var(--color-on-btn-primary-disabled)}.btn-secondary .btn-face{background-color:var(--color-btn-secondary);box-shadow:var(--shadow-up-button-secondary)}.btn-secondary .btn-face .btn-text,.btn-secondary .btn-face .btn-icon{color:var(--color-on-btn-secondary)}.btn-secondary .btn-face:hover{background-color:var(--color-btn-secondary-hover);box-shadow:var(--shadow-up-button-secondary-hover)}.btn-secondary .btn-face:active{background-color:var(--color-btn-secondary-active);box-shadow:var(--shadow-up-button-secondary-active)}.btn-secondary .btn-face:active .btn-text,.btn-secondary .btn-face:active .btn-icon{color:var(--color-on-btn-secondary-active)}.btn-secondary[disabled] .btn-face{background-color:var(--color-btn-secondary-disabled)}.btn-secondary[disabled] .btn-face .btn-text,.btn-secondary[disabled] .btn-face .btn-icon{color:var(--color-on-btn-secondary-disabled)}.btn-secondary[disabled] .btn-face:hover,.btn-secondary[disabled] .btn-face:active{background-color:var(--color-btn-secondary-disabled);box-shadow:var(--shadow-up-button-disabled)}.btn-secondary[disabled] .btn-face:hover .btn-text,.btn-secondary[disabled] .btn-face:hover .btn-icon,.btn-secondary[disabled] .btn-face:active .btn-text,.btn-secondary[disabled] .btn-face:active .btn-icon{color:var(--color-on-btn-secondary-disabled)}.btn-danger .btn-face,.btn-danger-wide .btn-face,.btn-danger-tall .btn-face{background-color:var(--color-btn-danger);box-shadow:var(--shadow-up-button-danger)}.btn-danger .btn-face .btn-text,.btn-danger-wide .btn-face .btn-text,.btn-danger-tall .btn-face .btn-text,.btn-danger .btn-face .btn-icon,.btn-danger-wide .btn-face .btn-icon,.btn-danger-tall .btn-face .btn-icon{color:var(--color-on-btn-danger)}.btn-danger .btn-face:hover,.btn-danger-wide .btn-face:hover,.btn-danger-tall .btn-face:hover{background-color:var(--color-btn-danger-hover);box-shadow:var(--shadow-up-button-danger-hover)}.btn-danger .btn-face:active,.btn-danger-wide .btn-face:active,.btn-danger-tall .btn-face:active{background-color:var(--color-btn-danger-active);box-shadow:var(--shadow-up-button-danger-active)}.btn-danger .btn-face:active .btn-text,.btn-danger-wide .btn-face:active .btn-text,.btn-danger-tall .btn-face:active .btn-text,.btn-danger .btn-face:active .btn-icon,.btn-danger-wide .btn-face:active .btn-icon,.btn-danger-tall .btn-face:active .btn-icon{color:var(--color-on-btn-danger-active)}.btn-danger[disabled] .btn-face,.btn-danger-wide[disabled] .btn-face,.btn-danger-tall[disabled] .btn-face{background-color:var(--color-btn-primary-disabled)}.btn-danger[disabled] .btn-face .btn-text,.btn-danger[disabled] .btn-face .btn-icon,.btn-danger-wide[disabled] .btn-face .btn-text,.btn-danger-wide[disabled] .btn-face .btn-icon,.btn-danger-tall[disabled] .btn-face .btn-text,.btn-danger-tall[disabled] .btn-face .btn-icon{color:var(--color-on-btn-primary-disabled)}.btn-danger[disabled] .btn-face:hover,.btn-danger[disabled] .btn-face:active,.btn-danger-wide[disabled] .btn-face:hover,.btn-danger-wide[disabled] .btn-face:active,.btn-danger-tall[disabled] .btn-face:hover,.btn-danger-tall[disabled] .btn-face:active{background-color:var(--color-btn-primary-disabled);box-shadow:var(--shadow-up-button-disabled)}.btn-danger[disabled] .btn-face:hover .btn-text,.btn-danger[disabled] .btn-face:hover .btn-icon,.btn-danger[disabled] .btn-face:active .btn-text,.btn-danger[disabled] .btn-face:active .btn-icon,.btn-danger-wide[disabled] .btn-face:hover .btn-text,.btn-danger-wide[disabled] .btn-face:hover .btn-icon,.btn-danger-wide[disabled] .btn-face:active .btn-text,.btn-danger-wide[disabled] .btn-face:active .btn-icon,.btn-danger-tall[disabled] .btn-face:hover .btn-text,.btn-danger-tall[disabled] .btn-face:hover .btn-icon,.btn-danger-tall[disabled] .btn-face:active .btn-text,.btn-danger-tall[disabled] .btn-face:active .btn-icon{color:var(--color-on-btn-primary-disabled)}.btn-group{width:100%}.btn-group-cutout{display:flex;gap:1px;width:100%;height:100%;padding:var(--padding-cutout);background:var(--color-btn-cutout);border-radius:var(--border-radius-cutout)}.btn-group-item{display:flex;flex:1 1 0;min-width:0}.btn-group-item>*{width:100%}.btn-group-item .btn-cutout{padding:0;background:transparent;border-radius:0}.btn-group-item .btn-face{border-radius:0}.btn-group-item:first-child .btn-face{border-radius:var(--border-radius-button) 0 0 var(--border-radius-button)}.btn-group-item:last-child .btn-face{border-radius:0 var(--border-radius-button) var(--border-radius-button) 0}.btn-group-item:only-child .btn-face{border-radius:var(--border-radius-button)}.btn-toggle-group{display:flex;flex-direction:column;gap:.75rem}.btn-toggle-group .btn-face,.btn-toggle-group .btn-toggle-indicator,.btn-toggle-group .btn-text{transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.btn-toggle-group-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary)}.btn-toggle-group-cutout{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1px;width:max-content;max-width:100%;height:var(--height-btn);padding:var(--padding-cutout);background:var(--color-btn-cutout);border-radius:var(--border-radius-cutout)}.btn-toggle{width:100%;min-width:0}.btn-toggle .btn-face{justify-content:space-between;background-color:var(--color-btn-toggle)}.btn-toggle .btn-face .btn-text{color:var(--color-on-btn-toggle);white-space:nowrap}.btn-toggle .btn-face:hover{background-color:var(--color-btn-toggle-hover)}.btn-toggle .btn-toggle-indicator{flex-shrink:0;width:12px;height:12px;background-color:var(--color-indicator-off);border:var(--border-indicator);border-radius:var(--border-radius-pill);box-shadow:var(--shadow-down-1)}.btn-toggle[data-selected=true] .btn-face{background-color:var(--color-btn-toggle-active);box-shadow:var(--shadow-up-button-active)}.btn-toggle[data-selected=true] .btn-face .btn-text{color:var(--color-on-btn-toggle-active)}.btn-toggle[data-selected=true] .btn-face .btn-toggle-indicator{background-color:var(--color-indicator-on);box-shadow:var(--shadow-down-indicator-active)}.btn-toggle[data-selected=true]:hover .btn-face{background-color:var(--color-btn-toggle-active)}.btn-toggle[disabled]{cursor:not-allowed}.btn-multiselect-group{display:flex;flex-direction:column;gap:.75rem}.btn-multiselect-group .btn-face,.btn-multiselect-group .btn-text{transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.btn-multiselect-group-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary)}.btn-multiselect-group-cutout{display:flex;gap:1px;width:100%;height:var(--height-btn);padding:var(--padding-cutout);background:var(--color-btn-cutout);border-radius:var(--border-radius-cutout)}.btn-multiselect{flex:1 1 0;min-width:0}.btn-multiselect .btn-face{background-color:var(--color-btn-multiselect);border-radius:0}.btn-multiselect .btn-face .btn-text{color:var(--color-on-btn-multiselect)}.btn-multiselect .btn-face:hover{background-color:var(--color-btn-multiselect-hover)}.btn-multiselect:first-child .btn-face{border-radius:var(--border-radius-button) 0 0 var(--border-radius-button)}.btn-multiselect:last-child .btn-face{border-radius:0 var(--border-radius-button) var(--border-radius-button) 0}.btn-multiselect:only-child .btn-face{border-radius:var(--border-radius-button)}.btn-multiselect[data-selected=true] .btn-face{background-color:var(--color-btn-multiselect-active);box-shadow:var(--shadow-down-multiselect-active)}.btn-multiselect[data-selected=true] .btn-face .btn-text,.btn-multiselect[data-selected=true] .btn-face .btn-icon{color:var(--color-on-btn-multiselect-active)}.btn-multiselect[data-selected=true]:hover .btn-face{background-color:var(--color-btn-multiselect-hover)}.btn-multiselect[disabled]{cursor:not-allowed}.btn-toggle-backlit{display:flex;align-items:center;gap:.75rem}.btn-toggle-backlit .btn-toggle-backlit-button{width:var(--height-btn-toggle-backlit);height:var(--height-btn-toggle-backlit)}.btn-toggle-backlit .btn-toggle-backlit-cutout{width:var(--height-btn-toggle-backlit);height:var(--height-btn-toggle-backlit);padding:var(--padding-cutout-thick);background:var(--color-btn-cutout);border-radius:var(--border-radius-pill)}.btn-toggle-backlit .btn-toggle-backlit-face{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:var(--color-btn-primary);border-radius:var(--border-radius-pill);box-shadow:var(--shadow-up-button-backlit);transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.btn-toggle-backlit .btn-toggle-backlit-icon{opacity:.7}.btn-toggle-backlit .btn-toggle-backlit-icon svg{height:1.25rem;width:1.25rem}.btn-toggle-backlit .btn-toggle-backlit-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase}.btn-toggle-backlit[data-active=true] .btn-toggle-backlit-face{background:var(--color-btn-backlit-active);box-shadow:var(--shadow-up-button-backlit-active)}.btn-toggle-backlit[data-active=true] .btn-toggle-backlit-button:hover .btn-toggle-backlit-face{box-shadow:var(--shadow-up-button-backlit-hover)}.btn-toggle-backlit[data-active=true] .btn-toggle-backlit-button:active .btn-toggle-backlit-face{box-shadow:var(--shadow-down-button-backlit-active)}.btn-toggle-backlit .btn-toggle-backlit-button:hover .btn-toggle-backlit-face{background:var(--color-btn-primary-hover);box-shadow:var(--shadow-up-button-hover)}.btn-toggle-backlit .btn-toggle-backlit-button:active .btn-toggle-backlit-face{background:var(--color-btn-primary-hover);box-shadow:var(--shadow-down-button-backlit-active)}.btn-nav{width:var(--width-tool-nav);height:var(--width-tool-nav)}.btn-nav .btn-nav-face,.btn-nav .btn-nav-indicator,.btn-nav .btn-nav-text{transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.btn-nav .btn-nav-cutout{width:100%;height:100%;padding:var(--padding-cutout-thin);background:var(--color-btn-cutout);border-radius:var(--border-radius-panel)}.btn-nav .btn-nav-face{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:.375rem;background-color:var(--color-btn-nav);border-radius:var(--border-radius-panel);box-shadow:var(--shadow-up-button)}.btn-nav .btn-nav-indicator{align-self:flex-end;width:12px;height:12px;background-color:var(--color-indicator-off);border:var(--border-indicator);border-radius:var(--border-radius-pill);box-shadow:var(--shadow-down-1)}.btn-nav .btn-nav-text{color:var(--color-on-btn-nav)}.btn-nav:hover .btn-nav-face{background-color:var(--color-btn-nav-hover);box-shadow:var(--shadow-up-button-hover)}.btn-nav[data-status=active] .btn-nav-face{background-color:var(--color-btn-nav-active);box-shadow:var(--shadow-up-button-active)}.btn-nav[data-status=active] .btn-nav-indicator{background-color:var(--color-indicator-on);box-shadow:var(--shadow-down-indicator-active)}.btn-nav[data-status=active] .btn-nav-text{color:var(--color-on-btn-nav-active)}.input-text-field{display:flex;flex-direction:column;gap:.5rem;width:100%}.input-text-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary)}.input-text-cutout{width:100%;padding:1px;background:var(--color-panel-cutout);border-radius:var(--border-radius-input-cutout);transition:box-shadow var(--transition-fast)}.input-text-control{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:.03125rem;width:100%;height:40px;padding:0 .75rem;border:var(--border-input);background-color:var(--color-input);color:var(--color-on-input);border-radius:var(--border-radius-input);box-shadow:var(--shadow-down-1);outline:none;transition:background-color var(--transition-fast),color var(--transition-fast),border var(--transition-fast),box-shadow var(--transition-fast)}.input-text-control::placeholder{color:var(--color-input-placeholder)}.input-text-control:hover{background:var(--color-input-hover)}.input-text-control:focus{background:var(--color-input-focus);border-color:var(--color-border-input-focus)}.input-text-control:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.input-text-support{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--color-input-supporting)}.input-text-field[data-invalid=true] .input-text-control{border-color:var(--color-input-invalid)}.input-text-field[data-invalid=true] .input-text-support{color:var(--color-input-invalid)}.image-upload-field{display:flex;flex-direction:column;gap:1rem;width:100%}.image-upload-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary)}.image-upload-input{display:none}.image-upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:var(--height-image-upload);padding:1.5rem;border-radius:var(--border-radius-screen);box-shadow:var(--shadow-down-2);cursor:pointer;text-align:center;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.image-upload-dropzone[data-has-preview=true]{padding:0;gap:1rem;box-shadow:none;background:transparent;text-align:left}.image-upload-dropzone[data-drag-active=true]{box-shadow:var(--shadow-down-3);background-color:var(--color-picker-active)}.image-upload-dropzone[data-disabled=true]{cursor:not-allowed;opacity:var(--opacity-disabled)}.image-upload-dropzone:hover{background-color:var(--color-picker-active)}.image-upload-preview-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:var(--height-image-upload);overflow:visible;background:var(--color-picker-surface);border-radius:var(--border-radius-screen)}.image-upload-preview-stage:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--shadow-down-1);pointer-events:none;z-index:1}.image-upload-preview-viewport{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:inherit}.image-upload-icon{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:.03125rem;display:inline-flex;align-items:center;justify-content:center;min-width:4.5rem;height:3rem;color:var(--color-on-module-primary)}.image-upload-icon svg{opacity:.8;height:2rem;width:2rem}.image-upload-title,.image-upload-copy{width:min(200px,90%)}.image-upload-title,.image-upload-name{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--color-on-module-primary);word-break:break-word}.image-upload-copy,.image-upload-support{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:.03125rem;color:var(--color-input-supporting)}.image-upload-preview{width:100%;max-height:var(--height-image-upload);object-fit:contain;border-radius:var(--border-radius-button);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-upload-field[data-invalid=true] .image-upload-support{color:var(--color-input-invalid)}.image-palette-picker{display:flex;flex-direction:column;gap:1rem;width:100%}.image-palette-picker-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary)}.image-palette-picker-stage{position:relative;display:flex;align-items:center;justify-content:center;height:var(--height-image-upload);overflow:visible;background:var(--color-picker-surface);border-radius:var(--border-radius-screen);touch-action:none}.image-palette-picker-stage:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--shadow-down-1);pointer-events:none;z-index:1}.image-palette-picker-viewport{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:inherit}.image-palette-picker-image{position:relative;display:block;z-index:0;width:100%;max-height:var(--height-image-upload);object-fit:contain;border-radius:var(--border-radius-button);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-palette-picker-canvas{display:none}.image-palette-picker-handle{position:absolute;left:var(--image-palette-picker-handle-left);top:var(--image-palette-picker-handle-top);z-index:2;display:flex;align-items:center;justify-content:center;padding:.25rem;background-color:var(--color-btn-primary);border-radius:var(--border-radius-pill);box-shadow:var(--shadow-up-button);transform:translate(-50%,-50%);cursor:grab;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.image-palette-picker-handle:active{cursor:grabbing;box-shadow:var(--shadow-up-button-active)}.image-palette-picker-handle-cutout{display:inline-flex;align-items:center;justify-content:center;padding:2px;background-color:var(--color-btn-cutout);border-radius:var(--border-radius-pill)}.image-palette-picker-handle-fill{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--image-palette-picker-handle-color);box-shadow:var(--shadow-up-screen)}.image-palette-picker-handle-index{font-family:var(--font-family-mono);font-weight:500;font-size:.875rem;margin:0;letter-spacing:.078125rem;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-on-screen);text-shadow:0 1px 2px rgba(0,0,0,.35)}.image-palette-picker-controls{display:flex;flex-direction:column;gap:2rem;width:100%}.image-palette-picker-preview{flex:0 0 auto;height:10rem;min-height:10rem}.image-palette-picker-preview[data-empty=true]{height:7rem;min-height:7rem}.image-palette-picker-preview-swatch{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;min-height:0;padding:.65rem .875rem;overflow:hidden}.image-palette-picker-preview-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.image-palette-picker-preview-hex{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;display:inline-flex;align-items:baseline;min-width:0;color:inherit}.image-palette-picker-preview-hex-prefix{flex-shrink:0}.image-palette-picker-preview-hex-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slider-field{display:flex;flex-direction:column;gap:1.25rem;width:100%}.slider-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary)}.slider{position:relative;width:100%;outline:none;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--color-slider-track);border-radius:var(--border-radius-pill);box-shadow:var(--shadow-down-1);transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.slider[data-orientation=horizontal]{height:.75rem}.slider[data-orientation=vertical]{width:.75rem;height:100%}.slider[data-disabled=true]{cursor:not-allowed;opacity:var(--opacity-disabled)}.slider:focus-visible{border-color:var(--color-border-input-focus)}.slider-track,.slider-fill,.slider-handle{position:absolute}.slider-track,.slider-fill{border-radius:inherit}.slider-fill{background:var(--color-slider-fill);box-shadow:var(--shadow-down-1)}.slider[data-orientation=horizontal] .slider-fill{top:0;left:0;bottom:0;width:calc(var(--slider-fill-ratio) * 100%)}.slider[data-orientation=vertical] .slider-fill{left:0;right:0;bottom:0;height:calc(var(--slider-fill-ratio) * 100%)}.slider-handle{display:flex;align-items:center;justify-content:center;padding:4px;background-color:var(--color-btn-primary);border-radius:var(--border-radius-slider-handle);box-shadow:var(--shadow-up-button);pointer-events:auto;cursor:pointer}.slider[data-dragging=true][data-orientation=horizontal],.slider[data-dragging=true][data-orientation=horizontal] .slider-handle{cursor:ew-resize}.slider[data-dragging=true][data-orientation=vertical],.slider[data-dragging=true][data-orientation=vertical] .slider-handle{cursor:ns-resize}.slider[data-orientation=horizontal] .slider-handle{top:50%;left:calc(var(--slider-fill-ratio) * 100%);transform:translate(-50%,-50%)}.slider[data-orientation=vertical] .slider-handle{left:50%;top:calc((1 - var(--slider-fill-ratio)) * 100%);transform:translate(-50%,-50%)}.slider-handle-cutout{display:flex;align-items:center;justify-content:center;padding:1px;background-color:var(--color-btn-cutout);border-radius:var(--border-radius-slider-screen-cutout)}.slider-handle-value{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-slider-screen);background-color:var(--color-screen);box-shadow:var(--shadow-up-screen);color:var(--color-on-screen)}.slider-handle-value[data-empty=true]{color:transparent}.slider[data-handle-variant=static] .slider-handle-value{background-color:var(--color-module-primary)}.slider[data-orientation=horizontal][data-handle-variant=static] .slider-handle-value{width:1rem;height:2rem}.slider[data-orientation=vertical][data-handle-variant=static] .slider-handle-value{width:2rem;height:1rem}.slider[data-orientation=horizontal][data-handle-variant=digit-1] .slider-handle-value{width:1.25rem;height:2rem}.slider[data-orientation=horizontal][data-handle-variant=digit-2] .slider-handle-value{width:1.6rem;height:2rem}.slider[data-orientation=horizontal][data-handle-variant=digit-3] .slider-handle-value{width:2.25rem;height:2rem}.slider[data-orientation=vertical][data-handle-variant=digit-1] .slider-handle-value,.slider[data-orientation=vertical][data-handle-variant=digit-2] .slider-handle-value,.slider[data-orientation=vertical][data-handle-variant=digit-3] .slider-handle-value{width:2.25rem;height:1.25rem}.slider-support{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--color-input-supporting)}.slider-field[data-invalid=true] .slider-support{color:var(--color-input-invalid)}.slide-switch-field{display:flex;flex-direction:column;gap:.75rem;width:100%}.slide-switch-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary)}.slide-switch-control{display:flex;align-items:stretch;gap:.875rem;width:100%;min-width:0}.slide-switch-cutout{position:relative;padding:var(--padding-cutout-thick);width:var(--height-slide-switch-row);background:var(--color-panel-cutout);border-radius:var(--border-radius-pill);box-shadow:var(--shadow-down-tray);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.slide-switch-cutout[data-dragging=true],.slide-switch-cutout[data-dragging=true] .slide-switch-handle{cursor:ns-resize}.slide-switch-handle{position:absolute;display:flex;align-items:center;justify-content:center;width:calc(var(--height-slide-switch-row) - var(--padding-cutout-thick) * 2);height:calc(var(--height-slide-switch-row) - var(--padding-cutout-thick) * 2);background:var(--linear-gradient-horizontal-knurl);border-radius:var(--border-radius-pill);box-shadow:var(--shadow-up-button);transform:translateY(var(--slide-switch-handle-offset));transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.slide-switch-options{display:grid;grid-template-rows:repeat(var(--slide-switch-option-count),var(--height-slide-switch-row));gap:var(--gap-slide-switch-row);flex:1 1 auto;min-width:0}.slide-switch-option{font-family:var(--font-family-mono);font-weight:500;font-size:.875rem;margin:0;letter-spacing:.078125rem;text-transform:uppercase;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;width:100%;height:var(--height-slide-switch-row);min-width:0;padding:0;border:0;background:transparent;color:var(--color-on-module-primary);cursor:pointer;text-align:left;outline:none;transition:color var(--transition-fast),opacity var(--transition-fast)}.slide-switch-option:focus-visible .slide-switch-option-label{color:var(--color-on-btn-toggle-active)}.slide-switch-option[disabled]{cursor:not-allowed}.slide-switch-option[disabled] .slide-switch-option-label{opacity:var(--opacity-disabled)}.slide-switch-indicator{flex:0 0 12px;width:12px;height:12px;background-color:var(--color-indicator-off);border:var(--border-indicator);border-radius:var(--border-radius-pill);box-shadow:var(--shadow-down-1);transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.slide-switch-option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast),opacity var(--transition-fast)}.slide-switch-option[data-selected=true] .slide-switch-indicator{background-color:var(--color-indicator-on);box-shadow:var(--shadow-down-indicator-active)}.slide-switch-field[data-disabled=true] .slide-switch-cutout{cursor:not-allowed;opacity:var(--opacity-disabled)}.slide-switch-field[data-disabled=true] .slide-switch-cutout .slide-switch-handle{opacity:0}.input-color-value-field{display:flex;flex-direction:column;gap:.5rem;width:100%}.input-color-value-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary)}.input-color-value-cutout{position:relative;width:100%;padding:1px;background:var(--color-panel-cutout);border-radius:var(--border-radius-input-cutout)}.input-color-value-control{display:flex;width:100%;min-height:36px;padding:1px;background-color:var(--color-input);border:var(--border-input);border-radius:var(--border-radius-input);box-shadow:var(--shadow-down-1);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.input-color-value-control:focus-within{background:var(--color-input-focus);border-color:var(--color-border-input-focus)}.input-color-value-format-cutout{display:flex;flex-shrink:0;padding:1px;background:var(--color-btn-cutout);border-radius:var(--border-radius-cutout)}.input-color-value-format-trigger{font-family:var(--font-family-mono);font-weight:500;font-size:.875rem;margin:0;letter-spacing:.078125rem;text-transform:uppercase;display:flex;justify-content:center;align-items:center;gap:.5rem;width:3.875rem;background-color:var(--color-btn-primary);color:var(--color-on-btn-primary);border-radius:var(--border-radius-button);box-shadow:var(--shadow-up-button);transition:background-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast)}.input-color-value-format-trigger:hover{background-color:var(--color-btn-primary-hover);box-shadow:var(--shadow-up-button-hover)}.input-color-value-format-trigger:active{color:var(--color-on-btn-primary);background-color:var(--color-btn-primary-active);box-shadow:var(--shadow-up-button-active)}.input-color-value-format-trigger:disabled{cursor:not-allowed}.input-color-value-inputs{display:flex;flex:1 1 auto;min-width:0}.input-color-value-segment{display:flex;align-items:center;flex:1 1 0;min-width:0;padding:0 .75rem}.input-color-value-segment-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;position:relative;bottom:.05rem;flex-shrink:0;margin-right:.1rem;color:var(--color-input-segment-label)}.input-color-value-segment-label[data-steppable=true]{cursor:ns-resize;-webkit-user-select:none;user-select:none}.input-color-value-segment[data-invalid=true] .input-color-value-segment-input{color:var(--color-input-invalid)}.input-color-value-segment-input{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:.03125rem;width:100%;min-width:0;border:0;background:transparent;color:var(--color-on-input);outline:none}.input-color-value-segment-input::placeholder{color:var(--color-input-placeholder)}.input-color-value-panel{position:absolute;top:calc(100% + .5rem);left:0;display:flex;flex-direction:column;gap:.25rem;min-width:0;padding:.25rem;background-color:var(--color-btn-primary);border:var(--border-menu);border-radius:var(--border-radius-menu);box-shadow:var(--shadow-up-button);z-index:var(--z-modal)}.input-color-value-option{font-family:var(--font-family-mono);font-weight:500;font-size:.875rem;margin:0;letter-spacing:.078125rem;text-transform:uppercase;display:flex;align-items:center;gap:.75rem;width:100%;min-height:2rem;padding:.5rem .75rem;background:var(--color-btn-primary);color:var(--color-on-btn-primary);border-radius:var(--border-radius-menu);transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.input-color-value-option[data-selected=true]{background:var(--color-btn-multiselect-active);color:var(--color-on-btn-multiselect-active)}.input-color-value-option:hover,.input-color-value-option:focus-visible{background:var(--color-btn-primary-hover);outline:none}.input-color-value-option[data-selected=true]:hover,.input-color-value-option[data-selected=true]:focus-visible{background:var(--color-btn-primary-hover);color:var(--color-on-btn-primary)}.input-color-value-option-text{flex:1 1 auto}.input-color-value-option-icon{display:flex;flex-shrink:0;width:1rem;height:1rem}.input-color-value-option-icon svg{width:100%;height:100%}.input-color-value-support{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--color-input-supporting)}.input-color-value-field[data-invalid=true] .input-color-value-control{border-color:var(--color-input-invalid)}.input-color-value-field[data-invalid=true] .input-color-value-support{color:var(--color-input-invalid)}.menu{position:relative;display:inline-flex}.menu-panel{position:absolute;display:flex;flex-direction:column;gap:.25rem;min-width:0;padding:.25rem;background-color:var(--color-btn-primary);border:var(--border-menu);border-radius:var(--border-radius-menu);box-shadow:var(--shadow-up-button);z-index:var(--z-modal)}[data-align=end] .menu-panel{right:0}.menu-item-shell{position:relative}.menu-divider{padding-block:.25rem}.menu[data-side=bottom] .menu-panel{top:calc(100% + .5rem)}.menu[data-side=top] .menu-panel{bottom:calc(100% + .5rem)}.menu[data-align=start] .menu-panel{left:0}.menu[data-align=end] .menu-panel{right:0}.menu-item{font-family:var(--font-family-mono);font-weight:500;font-size:.875rem;margin:0;letter-spacing:.078125rem;text-transform:uppercase;display:flex;align-items:center;gap:.75rem;width:100%;min-height:2rem;padding:.5rem .75rem;background:var(--color-btn-primary);color:var(--color-on-btn-primary);border-radius:var(--border-radius-menu);transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.menu-item[data-selected=true]{background:var(--color-btn-multiselect-active);color:var(--color-on-btn-multiselect-active)}.menu-item:hover,.menu-item:focus-visible{background:var(--color-btn-primary-hover);outline:none}.menu-item[data-selected=true]:hover,.menu-item[data-selected=true]:focus-visible{background:var(--color-btn-primary-hover);color:var(--color-on-btn-primary)}.menu-item[data-danger=true]{color:var(--color-btn-danger)}.menu-item[data-danger=true]:hover,.menu-item[data-danger=true]:focus-visible{background:var(--color-btn-danger-hover);color:var(--color-on-btn-danger)}.menu-item:disabled{cursor:not-allowed}.menu-item-icon{display:flex;flex-shrink:0;width:1rem;height:1rem}.menu-item-icon svg{width:100%;height:100%}.menu-item-text{flex:1 1 auto;text-wrap:nowrap}.menu-item-submenu-indicator{display:flex;flex-shrink:0;width:1rem;height:1rem}.menu-item-submenu-indicator svg{width:100%;height:100%}.menu-item-selected-icon{display:flex;flex-shrink:0;width:1rem;height:1rem}.menu-item-selected-icon svg{width:100%;height:100%}.menu-submenu-panel{position:absolute;top:-.25rem;left:95%;display:flex;flex-direction:column;gap:.25rem;min-width:100%;padding:.25rem;background-color:var(--color-btn-primary);border:var(--border-menu);border-radius:var(--border-radius-menu);box-shadow:var(--shadow-up-button);transform:translate(.5rem);z-index:calc(var(--z-modal) + 1)}.menu-submenu-panel:before{content:"";position:absolute;top:0;right:100%;width:.5rem;height:100%}@media(max-width:800px){.menu-submenu-panel{right:95%;left:auto;transform:translate(-.5rem)}.menu-submenu-panel:before{right:auto;left:100%}}.color-picker{display:flex;flex-direction:column;gap:.75rem;width:100%}.color-picker-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary)}.color-picker-control{display:flex;flex-direction:column;gap:1.5rem}.color-picker-device{display:flex;align-items:stretch;gap:2rem;min-width:0}.color-picker-wheel-group,.color-picker-slider-group{display:flex;flex-direction:column;gap:1rem}.color-picker-value{width:100%;min-width:0}.color-picker-wheel-group{flex:1 1 auto;min-width:0}.color-picker-slider-group{flex:0 0 1.5rem}.color-picker-wheel,.color-picker-slider{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.color-picker-wheel{flex:0 0 auto;width:min(100%,24rem);margin-inline:auto;aspect-ratio:1;min-width:0;border-radius:50%;overflow:visible}.color-picker-slider{flex:1 1 auto;width:100%;min-height:0;border-radius:var(--border-radius-pill);box-shadow:var(--shadow-down-1)}.color-picker-wheel-viewport,.color-picker-wheel-surface,.color-picker-wheel-boundary,.color-picker-slider-track,.color-picker-wheel-handle,.color-picker-slider-handle{position:absolute}.color-picker-wheel-viewport,.color-picker-wheel-surface,.color-picker-wheel-boundary,.color-picker-slider-track{inset:0}.color-picker-wheel-viewport{border-radius:50%;overflow:hidden}.color-picker-wheel-viewport:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:var(--shadow-down-1);pointer-events:none;z-index:2}.color-picker-wheel-surface{display:block;width:100%;height:100%;border-radius:50%}.color-picker-field-projected-surface{z-index:0}.color-picker-field-viewport .color-picker-wheel-surface{z-index:1}.color-picker-wheel-boundary{width:100%;height:100%;pointer-events:none}.color-picker-wheel-boundary-path{fill:none;stroke:var(--color-gamut-boundary-stroke);stroke-linejoin:round;stroke-width:.6}.color-picker-slider-track{border-radius:var(--border-radius-input);pointer-events:none}.color-picker-wheel-handle,.color-picker-slider-handle{transform:translate(-50%,-50%);pointer-events:auto}.color-picker-wheel-handle{z-index:3;display:flex;align-items:center;justify-content:center;padding:.25rem;background-color:var(--color-btn-primary);border-radius:var(--border-radius-pill);box-shadow:var(--shadow-up-button)}.color-picker-wheel-handle-cutout{display:flex;align-items:center;justify-content:center;padding:2px;background-color:var(--color-btn-cutout);border-radius:var(--border-radius-pill)}.color-picker-wheel-handle-fill{width:2rem;height:2rem;border-radius:50%;box-shadow:var(--shadow-up-screen)}.color-picker-slider-handle{left:50%;display:flex;align-items:center;justify-content:center;padding:.25rem;background-color:var(--color-btn-primary);border-radius:var(--border-radius-button);box-shadow:var(--shadow-up-button)}.color-picker-slider-handle-cutout{display:flex;align-items:center;justify-content:center;padding:1px;background-color:var(--color-btn-cutout);border-radius:var(--border-radius-screen-cutout)}.color-picker-slider-handle-value{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;display:flex;align-items:center;justify-content:center;width:2.5rem;height:1.25rem;border-radius:var(--border-radius-screen);background-color:var(--color-screen);box-shadow:var(--shadow-up-screen);color:var(--color-on-screen)}.color-picker-axis-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;align-self:center;text-align:center;color:var(--color-input-supporting)}.color-picker-support{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--color-input-supporting)}.color-picker[data-invalid=true] .color-picker-support{color:var(--color-input-invalid)}.color-picker-preview{display:flex;flex-direction:column;gap:.75rem;width:100%}.color-picker-preview-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary)}.color-picker-preview-control{display:flex;align-items:stretch;gap:1rem;width:100%}.color-picker-preview-swatch{display:flex;position:relative;flex:1 1 auto;min-width:0;min-height:var(--height-btn-tall);border-radius:var(--border-radius-button);box-shadow:var(--shadow-down-1)}.color-picker-preview-swatch-comparison{display:flex;flex:1 1 auto;gap:var(--gap-content);min-width:0;align-items:stretch}.color-picker-preview-swatch-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;position:absolute;top:.625rem;left:.75rem;color:inherit;pointer-events:none}.palette-recommendations{display:flex;flex:1 1 auto;flex-direction:column;background-color:var(--color-module-primary);padding:.5rem;box-shadow:var(--shadow-down-2);border-radius:var(--border-radius-tray-insert);height:100%;min-height:0;overflow:auto}.palette-recommendations-container{display:flex;flex-direction:column;gap:.5rem}.palette-recommendations-loading-container{opacity:1;transition:opacity .24s ease}.palette-recommendations-loading-container-exit{opacity:0}.palette-recommendations-placeholder{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;display:flex;opacity:0;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:0;padding:1.5rem;border-radius:var(--border-radius-screen);color:var(--color-input-supporting);text-align:center;animation:palette-recommendations-placeholder-enter .5s ease-in both}.palette-recommendations-placeholder svg{width:2rem;height:2rem}@media(prefers-reduced-motion:reduce){.palette-recommendations-loading-container{transition:none}.palette-recommendations-placeholder{opacity:1;animation:none}}@keyframes palette-recommendations-placeholder-enter{0%{opacity:0}to{opacity:1}}.card-palette-recommendation-cutout{position:relative;width:100%;background-color:var(--color-panel-cutout);padding:1px;border-radius:var(--border-radius-screen-cutout)}.card-palette-recommendation{display:flex;flex-direction:column;width:100%;min-height:0;padding:.6rem;background-color:var(--color-screen);color:var(--color-on-screen);box-shadow:var(--shadow-up-screen);border-radius:var(--border-radius-screen);gap:.5rem}.card-palette-recommendation-header{font-family:var(--font-family-sans);font-weight:300;font-size:.625rem;line-height:1.3;margin:0;letter-spacing:.09375rem;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;color:var(--color-on-screen)}.card-palette-recommendation-content{display:flex;height:var(--height-swatch-recommendation);width:100%;align-items:center;gap:.5rem}.card-palette-recommendation-content .card-palette-recommendation-swatches{display:flex;flex:1 1 auto;min-width:0;height:100%;overflow:hidden;border-radius:var(--border-radius-tray-swatch)}.card-palette-recommendation-content .card-palette-recommendation-swatch{flex:1 1 0;height:100%}.card-palette-recommendation-content .card-palette-recommendation-icon{flex:0 0 auto;background-color:var(--color-harmony-icon-bg);width:1.5rem;height:1.5rem;border-radius:.25rem;outline:.05rem solid var(--color-harmony-icon-bg)}.card-palette-recommendation-content .card-palette-recommendation-icon svg{width:1.5rem;height:1.5rem;color:var(--color-harmony-icon-fill)}.card-palette-recommendation-overlay{opacity:0;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--border-radius-screen-cutout);cursor:pointer;z-index:calc(var(--z-card) + 1);background-color:var(--color-screen-overlay);color:var(--color-on-screen);box-shadow:var(--shadow-up-button);transition:opacity var(--transition-fast)}.card-palette-recommendation-cutout:hover .card-palette-recommendation-overlay,.card-palette-recommendation-cutout[data-confirm-active=true] .card-palette-recommendation-overlay{opacity:1}.card-palette-recommendation-overlay-label{font-family:var(--font-family-mono);font-weight:500;font-size:.875rem;margin:0;letter-spacing:.078125rem;text-transform:uppercase;pointer-events:none}.card-palette-recommendation-loading{pointer-events:none}.card-palette-recommendation-loading-label,.card-palette-recommendation-loading-count,.card-palette-recommendation-loading-swatch,.card-palette-recommendation-loading-icon{background-color:var(--color-on-screen);opacity:.08;animation:palette-create-loading-fade 1.25s ease-in-out infinite}.card-palette-recommendation-loading-label,.card-palette-recommendation-loading-count{height:.8rem;border-radius:var(--border-radius-pill)}.card-palette-recommendation-loading-label{width:7.25rem}.card-palette-recommendation-loading-count{width:3.75rem}.card-palette-recommendation-loading-swatches{display:flex;flex:1 1 auto;min-width:0;height:100%;overflow:hidden;border-radius:var(--border-radius-tray-swatch)}.card-palette-recommendation-loading-swatch{flex:1 1 0;height:95%}.card-palette-recommendation-loading-icon{flex:0 0 auto;width:1.5rem;height:1.5rem;border-radius:.25rem}.color-scale{position:relative;display:grid;grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);align-items:stretch;width:100%;min-width:0;min-height:0}.color-scale[data-editing-name=true]{isolation:isolate;z-index:calc(var(--z-modal) + 2)}.color-scale[data-editing-name=true]:before{content:"";position:absolute;inset:-.5rem;z-index:-1;border-radius:var(--border-radius-button);background:var(--color-module-primary)}.color-scale-controls{display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding:.75rem 1.75rem .75rem .75rem;margin-right:calc(var(--border-radius-button) * -1);border:var(--border-module);border-right:0;border-radius:var(--border-radius-button) 0 0 var(--border-radius-button)}.color-scale-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.color-scale-header{display:flex;align-items:center;gap:.5rem;min-width:0}.color-scale-index{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary)}.color-scale-name{font-family:var(--font-family-fancy);font-weight:500;font-size:1.25rem;line-height:1.3;margin:0;letter-spacing:0rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-on-module-primary)}.color-scale-role{font-family:var(--font-family-sans);font-weight:300;font-size:.625rem;line-height:1.3;margin:0;letter-spacing:.09375rem;text-transform:uppercase;display:flex;justify-content:center;align-items:center;padding:.2rem .4rem;border-radius:var(--border-radius-tag);background:var(--color-panel-contrast);color:var(--color-on-panel-contrast);width:fit-content}.color-scale-menu-button{width:var(--height-btn-square);height:var(--height-btn-square)}.color-scale-menu-button .btn-face{padding:0}.color-scale-menu-button .btn-icon{width:1rem;height:1rem}.color-scale-rename{display:flex;grid-column:1/-1;align-items:center;gap:.75rem;width:100%;min-width:0}.color-scale-rename-field{flex:1 1 auto;min-width:0}.color-scale-rename-input{height:2rem}.color-scale-rename-actions{width:auto;flex-shrink:0}.color-scale-rename-button{width:var(--height-btn-square);height:var(--height-btn-square)}.color-scale-rename-button .btn-face{padding:0}.color-scale-rename-button .btn-icon{width:1rem;height:1rem}.neutral-color-scale-container{display:grid;grid-column:1/-1;grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);align-items:stretch;width:calc(100% + 1.5rem);min-width:0;min-height:0;margin:.75rem -.75rem -.75rem;padding:.25rem .75rem;background:var(--color-panel-contrast);border-radius:12px}.neutral-color-scale-panel{display:flex;flex-direction:column;justify-content:center;gap:.5rem;min-width:0;padding:.75rem;margin-right:calc(var(--border-radius-button) * -1)}.neutral-color-scale-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-panel-contrast)}.neutral-color-scale-controls{display:flex;align-items:center;gap:var(--gap-section);min-width:0}.neutral-color-scale-controls .btn-toggle-backlit-label,.neutral-color-scale-controls .slide-switch-option-label{color:var(--color-on-panel-contrast)}.neutral-color-scale-controls .slide-switch-field{flex:1 1 auto;min-width:0}.neutral-color-scale-container .color-scale-tray{align-self:center;height:5rem;opacity:0;transition:opacity .4s ease}.neutral-color-scale[data-active=true] .color-scale-tray{opacity:1}.color-scale-tray{position:relative;isolation:isolate;display:flex;min-width:0;min-height:5rem;border-radius:var(--border-radius-button);overflow:hidden;--color-scale-tray-shadow-opacity: 1}.color-scale-tray:after{pointer-events:none;content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;box-shadow:var(--shadow-down-1);opacity:var(--color-scale-tray-shadow-opacity)}.color-scale-step{position:relative;display:block;flex:0 1 auto;width:8.3333333333%;min-width:0;min-height:0;border:0;border-radius:0;background:var(--color-scale-step);overflow:hidden;padding:0;color:var(--color-scale-step-contrast);text-align:left;transition:width var(--transition-medium)}.color-scale-step:hover,.color-scale-step:focus-within,.color-scale-step[data-confirm-active=true]{width:16rem}.color-scale-step:first-child{border-radius:var(--border-radius-button) 0 0 var(--border-radius-button)}.color-scale-step:last-child{border-radius:0 var(--border-radius-button) var(--border-radius-button) 0}.color-scale-step-copy{appearance:none;position:absolute;inset:0;display:block;width:100%;height:100%;border:0;border-radius:0;background:transparent;padding:0;color:inherit;cursor:pointer;text-align:left}.color-scale-step-copy:focus-visible,.color-scale-step-contrast-button:focus-visible,.color-contrast-scale-step:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.color-scale-step-label{font-family:var(--font-family-sans);font-weight:300;font-size:.625rem;line-height:1.3;margin:0;letter-spacing:.09375rem;text-transform:uppercase;position:absolute;left:.75rem;top:.5rem;z-index:3;color:inherit}.color-scale-step-details{position:absolute;left:.75rem;bottom:.5rem;display:flex;flex-direction:column;gap:.1rem;max-width:calc(100% - 1rem);opacity:0;transition:opacity var(--transition-medium);color:inherit;pointer-events:none}.color-scale-step:is(:hover,:focus-within) .color-scale-step-details,.color-scale-step[data-confirm-active=true] .color-scale-step-details{opacity:1}.color-scale-step-contrast-button{appearance:none;position:absolute;top:.3rem;right:.25rem;z-index:5;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:0;border-radius:var(--border-radius-button);color:inherit;cursor:pointer;opacity:0;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.color-scale-step-contrast-button svg{width:1rem;height:1rem}.color-scale-step:is(:hover,:focus-within) .color-scale-step-contrast-button,.color-scale-step[data-confirm-active=true] .color-scale-step-contrast-button{opacity:1}.color-scale-step-contrast-button:is(:hover,:focus-visible){background:color-mix(in oklch,var(--color-scale-step-contrast) 20%,transparent)}.color-scale-step-hex{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;display:inline-flex;align-items:baseline;color:inherit;white-space:nowrap}.color-scale-step-hex-prefix,.color-scale-step-oklch-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:inherit;opacity:.7}.color-scale-step-hex-value{color:inherit}.color-scale-step-hex-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;margin-left:.2rem;color:inherit;transform:translateY(.125rem)}.color-scale-step-hex-icon svg{width:100%;height:100%}.color-scale-step-oklch{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;display:inline-flex;align-items:baseline;gap:.25rem;color:inherit;white-space:nowrap}.color-scale-step-oklch-value{color:inherit}.color-scale-step-source-border{pointer-events:none;position:absolute;inset:0;z-index:4;display:none;border:2px solid var(--color-scale-step-contrast);border-radius:var(--border-radius-button)}.color-scale-step[data-source-step=true] .color-scale-step-source-border{display:block}.color-contrast-scale-tray{position:relative;isolation:isolate;display:flex;min-width:0;min-height:4.5rem;border-radius:var(--border-radius-button);overflow:hidden}.color-contrast-scale-tray:after{pointer-events:none;content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;box-shadow:var(--shadow-down-1)}.color-contrast-scale-step{appearance:none;position:relative;display:block;flex:1 1 0;min-width:0;border:0;border-radius:0;background:var(--color-scale-step);color:var(--color-scale-step-contrast);cursor:pointer}.color-contrast-scale-step:first-child{border-radius:var(--border-radius-button) 0 0 var(--border-radius-button)}.color-contrast-scale-step:last-child{border-radius:0 var(--border-radius-button) var(--border-radius-button) 0}.color-contrast-scale-step[data-active-step=true] .color-scale-step-source-border{display:block}@media(max-width:64rem){.color-scale,.neutral-color-scale-container{grid-template-columns:minmax(0,1fr)}.color-scale-controls{margin-right:0;margin-bottom:calc(var(--border-radius-button) * -1);padding:.75rem .75rem 1.75rem;border-right:var(--border-module);border-bottom:0;border-radius:var(--border-radius-button) var(--border-radius-button) 0 0}.color-scale-step-label{left:0;width:100%;text-align:center}.color-scale-step:is(:hover,:focus-within) .color-scale-step-label,.color-scale-step[data-confirm-active=true] .color-scale-step-label{left:.75rem;width:auto;text-align:left}.color-scale-step:is(:hover,:focus-within),.color-scale-step[data-confirm-active=true]{width:28rem}}.palette-board{position:relative;display:flex;flex-direction:column;flex:1 1 auto;gap:1rem;width:100%;min-height:0}.palette-board-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary)}.palette-board-empty-state{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;display:flex;flex:1 1 auto;align-items:center;justify-content:center;width:100%;min-height:0;padding:1.5rem;border-radius:var(--border-radius-button);box-shadow:var(--shadow-down-1);color:var(--color-input-supporting);text-align:center}.palette-board-grid{position:relative;display:grid;flex:1 1 auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--palette-board-grid-rows, 1),minmax(0,1fr));gap:.5rem;width:100%;min-height:0}.palette-board-grid[data-columns="1"],.palette-board-grid[data-columns=auto]{grid-template-columns:minmax(0,1fr)}.palette-board[data-presentation=readout] .palette-board-grid{pointer-events:none}.palette-board-overlay{pointer-events:none;position:fixed;top:0;left:0;width:0;height:0;overflow:visible;z-index:var(--z-modal)}.palette-board-swatch{appearance:none;display:block;border:0;background:transparent;padding:0;width:100%;height:100%;min-height:0;border-radius:var(--border-radius-button);box-shadow:var(--shadow-down-1);cursor:pointer;transition:box-shadow var(--transition-fast)}.palette-board-swatch[data-active-drag-source=true] .palette-board-swatch-surface{opacity:.1}.palette-board-swatch[data-single=true]{grid-column:1/-1}.palette-board-swatch[data-single=true] .palette-board-swatch-drag-handle{cursor:pointer}.palette-board-swatch[data-presentation=readout]{cursor:default}.palette-board-swatch-spotlight{pointer-events:none;position:fixed;z-index:calc(var(--z-modal) + 2)}.palette-board-swatch-surface{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;width:100%;height:100%;min-height:inherit;border-radius:var(--border-radius-button);box-shadow:var(--shadow-down-1);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.palette-board-swatch-surface[data-overlay=true]{min-width:min(100%,22rem);min-height:var(--height-swatch);box-shadow:var(--shadow-up-dragging);transform:scale(1.05)}.palette-board-swatch-surface[data-presentation=readout]{transition:none}.palette-board-swatch-drag-handle{position:absolute;inset:0;border-radius:inherit;cursor:grab;touch-action:none}.palette-board-grid[data-animating=true] .palette-board-swatch-drag-handle{pointer-events:none}.palette-board-swatch[data-dragging=true] .palette-board-swatch-drag-handle{cursor:grabbing}.palette-board-swatch-actions{position:absolute;top:.625rem;right:.625rem;z-index:2;width:auto;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.palette-board-swatch-actions .btn-group-cutout{width:auto}.palette-board-swatch-actions .btn-group-item{flex:0 0 auto}.palette-board-swatch:is(:hover,:focus-within) .palette-board-swatch-actions,.palette-board-swatch[data-confirm-active=true] .palette-board-swatch-actions,.palette-board-swatch-actions:focus-within{opacity:1;pointer-events:auto}.palette-board-swatch-edit-button{height:2rem}.palette-board-swatch-delete-button{width:2rem;height:2rem}.palette-board-swatch-delete-button .btn-face{padding:0}.palette-board-swatch-delete-button .btn-icon{width:1rem;height:1rem}.palette-board-swatch-info{position:relative;z-index:1;display:flex;flex-direction:column;padding:.75rem .875rem;pointer-events:none;text-align:left}.palette-board-swatch-surface[data-presentation=readout] .palette-board-swatch-info{gap:.15rem;padding:.6rem .75rem;text-align:right}.palette-board-swatch-surface[data-presentation=readout] .palette-board-swatch-oklch{display:flex;flex-direction:column;align-items:flex-start;gap:.05rem}.palette-board-swatch-surface[data-presentation=readout] .palette-board-swatch-value{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase}.palette-board-swatch-surface[data-presentation=readout] .palette-board-swatch-oklch-label{font-family:var(--font-family-sans);font-weight:300;font-size:.625rem;line-height:1.3;margin:0;letter-spacing:.09375rem;text-transform:uppercase}.palette-board-swatch-surface[data-presentation=readout] .palette-board-swatch-oklch-value{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem}.palette-board-swatch-position{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;position:absolute;top:.75rem;left:.875rem;z-index:1;color:inherit;opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.palette-board-swatch:is(:hover,:focus-within) .palette-board-swatch-position,.palette-board-swatch[data-confirm-active=true] .palette-board-swatch-position,.palette-board-grid[data-drag-active=true] .palette-board-swatch-position,.palette-board-swatch-surface[data-overlay=true] .palette-board-swatch-position{opacity:1}.palette-board-swatch-details{position:absolute;bottom:calc(100% + .35rem);left:.875rem;display:flex;flex-direction:column;gap:.1rem;opacity:0;transform:translateY(.35rem);transition:opacity var(--transition-fast),transform var(--transition-fast);pointer-events:none}.palette-board-swatch-name{font-family:var(--font-family-sans);font-weight:300;font-size:.625rem;line-height:1.3;margin:0;letter-spacing:.09375rem;text-transform:uppercase;color:inherit}.palette-board-swatch-value{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;display:inline-flex;align-items:baseline;color:inherit}.palette-board-swatch-value-button{appearance:none;display:inline-flex;align-items:baseline;gap:.3rem;border:0;padding:0;background:transparent;color:inherit;cursor:pointer;pointer-events:auto;transition:opacity var(--transition-fast),transform var(--transition-fast)}.palette-board-swatch-value-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;opacity:0;transform:translateY(.125rem);transition:opacity var(--transition-fast),transform var(--transition-fast)}.palette-board-swatch-value-icon svg{width:100%;height:100%}.palette-board-swatch-value-button:is(:hover,:focus-visible) .palette-board-swatch-value-icon,.palette-board-swatch[data-confirm-active=true] .palette-board-swatch-value-icon{opacity:1}.palette-board-swatch-value-prefix{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:inherit;opacity:.8}.palette-board-swatch-value-text{color:inherit}.palette-board-swatch-oklch{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:.03125rem;display:inline-flex;flex-direction:column;align-items:flex-start;gap:.05rem;color:inherit;white-space:nowrap}.palette-board-swatch-oklch-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:inherit;opacity:.8}.palette-board-swatch-oklch-value{color:inherit}.palette-board-swatch:is(:hover,:focus-visible) .palette-board-swatch-details,.palette-board-swatch[data-confirm-active=true] .palette-board-swatch-details{opacity:1}.select{position:relative;display:flex;flex-direction:column;gap:.5rem;width:100%}.select-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary)}.select>.btn-primary{width:100%}.select>.btn-primary .btn-face{justify-content:space-between}.select-panel{position:absolute;top:calc(100% + .5rem);display:flex;flex-direction:column;gap:.25rem;min-width:100%;padding:.25rem;background-color:var(--color-btn-primary);border:var(--border-menu);border-radius:var(--border-radius-menu);box-shadow:var(--shadow-up-button);z-index:var(--z-modal)}.select[data-align=start] .select-panel{left:0}.select[data-align=end] .select-panel{right:0}.select-option{font-family:var(--font-family-mono);font-weight:500;font-size:.875rem;margin:0;letter-spacing:.078125rem;text-transform:uppercase;display:flex;align-items:center;gap:.75rem;width:100%;min-height:2rem;padding:.5rem .75rem;background:var(--color-btn-primary);color:var(--color-on-btn-primary);border-radius:var(--border-radius-menu);transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.select-option[data-selected=true]{background:var(--color-btn-multiselect-active);color:var(--color-on-btn-multiselect-active)}.select-option:hover,.select-option:focus-visible{background:var(--color-btn-primary-hover);outline:none}.select-option[data-selected=true]:hover,.select-option[data-selected=true]:focus-visible{background:var(--color-btn-primary-hover);color:var(--color-on-btn-primary)}.select-option:disabled{cursor:not-allowed}.select-option-text{flex:1 1 auto}.select-option-icon{display:flex;flex-shrink:0;width:1rem;height:1rem}.select-option-icon svg{width:100%;height:100%}.tooltip-portal{position:relative;z-index:var(--z-alert)}.tooltip-positioner{pointer-events:none;z-index:var(--z-alert);width:max-content;max-width:min(20rem,100vw - 1rem)}.tooltip-popup{font-family:var(--font-family-sans);font-weight:300;font-size:.625rem;line-height:1.3;margin:0;letter-spacing:.09375rem;text-transform:uppercase;position:relative;display:inline-flex;align-items:center;max-width:inherit;padding:.45rem .65rem;background:var(--color-tooltip);color:var(--color-on-tooltip);border-radius:var(--border-radius-tooltip);box-shadow:var(--shadow-up-button);transform-origin:var(--transform-origin);animation:tooltip-popup-in .16s cubic-bezier(.16,1,.3,1)}.tooltip-popup[data-instant]{animation-duration:0ms}.tooltip-arrow{position:absolute;width:8px;height:8px;background:var(--color-tooltip);transform:rotate(45deg)}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;background:none;border:0;color:inherit}.tooltip-trigger-proxy{display:inline-flex;width:fit-content}@keyframes tooltip-popup-in{0%{opacity:0;transform:translateY(.25rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.tooltip-popup{animation:none}}.dialog{position:fixed;inset:0;display:grid;place-items:center;padding:1.5rem;z-index:var(--z-modal)}.dialog-scrim{position:absolute;inset:0;background-color:var(--color-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:auto;animation:dialog-scrim-enter .18s ease-out both}.dialog-modal{position:relative;display:flex;flex-direction:column;gap:var(--gap-section);width:min(100%,32rem);padding:1.5rem;background-color:var(--color-module-primary);color:var(--color-on-module-primary);border-radius:var(--border-radius-module);box-shadow:var(--shadow-up-modal);z-index:calc(var(--z-modal) + 1);animation:dialog-modal-enter var(--transition-medium) cubic-bezier(.16,1,.3,1) both;will-change:opacity}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;gap:1rem}.dialog-heading{display:flex;flex-direction:column;gap:var(--gap-section)}.dialog-heading h2{font-family:var(--font-family-fancy);font-weight:600;font-size:1.5rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--color-on-module-primary)}.dialog-content,.login-dialog-form{display:flex;flex-direction:column;gap:var(--gap-section)}.dialog-close{flex-shrink:0}.dialog[data-dialog=login] .dialog-close{position:absolute;top:1.5rem;right:1.5rem;width:var(--height-btn-square);height:var(--height-btn-square)}.dialog[data-dialog=login] .dialog-close>button{width:100%;height:100%}.dialog[data-dialog=login] .dialog-close>button .btn-face{padding:0}.dialog[data-dialog=login] .dialog-close>button .btn-icon{width:1rem;height:1rem}.login-dialog-copy{display:flex;flex-direction:column;gap:.35rem}.login-dialog-copy p,.login-dialog-divider,.login-dialog-error{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--color-on-module-primary)}.dialog[data-dialog=onboarding] .dialog-heading p{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:.03125rem;color:var(--color-on-module-primary)}.login-dialog-divider{text-align:center;opacity:.65}.login-dialog-error{color:var(--color-input-invalid)}@media(prefers-reduced-motion:reduce){.dialog-scrim,.dialog-modal{animation:none}}@keyframes dialog-scrim-enter{0%{opacity:0}to{opacity:1}}@keyframes dialog-modal-enter{0%{opacity:0}to{opacity:1}}.dialog[data-dialog=contrast] .dialog-modal{width:min(98%,58rem);max-height:min(60rem,100vh - 3rem);overflow:auto}.dialog[data-dialog=contrast] .dialog-content{min-height:0}.dialog[data-dialog=palette-export] .dialog-modal{width:min(96vw,54rem);height:min(44rem,100vh - 3rem);max-height:calc(100vh - 3rem);overflow:auto}.dialog[data-dialog=palette-export] .dialog-content{flex:1;min-height:0}.palette-export-callout p{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--color-on-screen)}.palette-export-code-panel,.palette-export-action-panel{display:flex;flex-direction:column;gap:var(--gap-section);min-height:0}.palette-export-code{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;letter-spacing:0rem;width:100%;min-height:16rem;max-height:24rem;margin:0;padding:1rem;overflow:auto;border:1px solid var(--color-panel-cutout);border-radius:var(--border-radius-screen);background:var(--color-screen);color:var(--color-on-screen);box-shadow:var(--shadow-up-screen);white-space:pre}.palette-export-code code{color:var(--color-text-code)}.palette-export-json{min-height:12rem;max-height:18rem}.palette-export-callout{display:flex;align-items:flex-start;gap:.75rem;padding:var(--padding-screen);border:1px solid var(--color-panel-cutout);border-radius:var(--border-radius-screen);background:var(--color-screen);color:var(--color-on-screen);box-shadow:var(--shadow-up-screen)}.palette-export-callout-title{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-screen);margin-bottom:1rem}.palette-export-callout code{color:var(--color-on-screen)}.color-contrast-active-summary{display:flex;align-items:center;gap:.75rem;min-width:0}.color-contrast-active-swatch{width:3.5rem;height:3rem;flex:0 0 auto;border-radius:var(--border-radius-button);box-shadow:var(--shadow-down-1)}.color-contrast-active-hex{font-family:var(--font-family-fancy);font-weight:500;font-size:1.25rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--color-on-module-primary)}.color-contrast-active-meta{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--color-on-module-primary)}.color-contrast-table-wrap{width:100%;min-width:0;overflow-x:auto}.color-contrast-sections{display:flex;flex-direction:column;gap:1rem}.color-contrast-section{display:flex;flex-direction:column;gap:.5rem;background:var(--color-table-row);border:var(--border-module);border-radius:var(--border-radius-table)}.color-contrast-section-summary{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;display:flex;align-items:center;gap:.75rem;min-width:0;background:var(--color-table-header);padding:.75rem;border-radius:var(--border-radius-table) var(--border-radius-table) 0 0}.color-contrast-table{width:100%;min-width:26rem;border-collapse:collapse;color:var(--color-on-module-primary);border-radius:0 0 var(--border-radius-table) var(--border-radius-table)}.color-contrast-table th,.color-contrast-table td{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;padding:.65rem .75rem;border-bottom:var(--border-module);text-align:left;vertical-align:middle;white-space:nowrap}.color-contrast-table tbody tr:last-child th,.color-contrast-table tbody tr:last-child td{border-bottom:0}.color-contrast-table thead th{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;padding-top:0;padding-bottom:.35rem;color:var(--color-on-module-primary)}.color-contrast-table thead th:first-child{color:transparent}.color-contrast-section-preview,.color-contrast-section-label,.color-contrast-section-ratio{display:inline-flex;align-items:center;vertical-align:middle}.color-contrast-section-preview{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;justify-content:center;width:3.25rem;height:2rem;border-radius:var(--border-radius-button);background:var(--contrast-preview-background);color:var(--contrast-preview-foreground);box-shadow:var(--shadow-down-1)}.color-contrast-section-ratio{margin-left:auto}.color-contrast-result{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;min-width:3.75rem;padding:.2rem .4rem;border-radius:var(--border-radius-pill);background:var(--color-danger);color:var(--color-on-screen)}.color-contrast-result[data-result=pass]{background:var(--color-success)}.color-contrast-result[data-result=unavailable]{background:none;color:var(--color-on-module)}@media(max-width:640px){.dialog{padding:1rem}.dialog-modal{padding:1.25rem}.dialog[data-dialog=login] .dialog-header{flex-direction:column;padding-right:calc(var(--height-btn-square) + 1rem)}.dialog[data-dialog=login] .dialog-close{top:1.25rem;right:1.25rem}.dialog[data-dialog=contrast] .dialog-modal{max-height:calc(100vh - 2rem)}.dialog[data-dialog=palette-export] .dialog-modal{height:calc(100vh - 2rem);max-height:calc(100vh - 2rem)}.dialog[data-dialog=contrast] .dialog-header{align-items:center}.dialog[data-dialog=contrast] .dialog-close{width:var(--height-btn);height:var(--height-btn)}.dialog[data-dialog=contrast] .dialog-close>button{width:100%;height:100%}.dialog[data-dialog=contrast] .dialog-close>button .btn-face{padding:0}.dialog[data-dialog=contrast] .dialog-close>button .btn-icon{width:1rem;height:1rem}}.nav-app-bar{display:flex;align-items:center;position:relative;flex:0 0 var(--height-app-bar);height:var(--height-app-bar);border-radius:var(--border-radius-panel);margin:var(--gap-panel) var(--gap-panel) var(--gap-panel) 0;background:var(--color-panel-primary);color:var(--color-on-panel-primary);overflow:hidden;padding:var(--padding-workspace)}@media(max-width:800px){.nav-app-bar{margin:var(--gap-panel)}}.nav-app-brand{display:flex;align-items:center;justify-content:center;flex:0 0 var(--height-app-bar);width:var(--width-tool-nav);height:calc(var(--height-app-bar));border-radius:var(--border-radius-panel);background:var(--color-panel-primary);color:var(--color-on-panel-primary)}.nav-app-brand .brand-app-logo{height:24px}.nav-app-bar-title{font-family:var(--font-family-fancy);font-weight:500;font-size:2.5rem;line-height:1.2;margin:0;letter-spacing:0rem;color:var(--color-on-module-primary)}.nav-app-bar-center{position:absolute;left:50%;transform:translate(-50%);display:flex;justify-content:center;width:min(28rem,100% - 18rem);min-width:0}.nav-app-bar-palette-name{width:min(18rem,100%)}.nav-app-bar-palette-name .nav-app-bar-palette-name-input{text-align:center}.nav-app-bar-info{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;min-width:0;height:100%}.nav-tool-menu{display:flex;flex-direction:column;flex:1;min-height:0;gap:var(--gap-panel);margin:var(--gap-panel);border-radius:var(--border-radius-panel)}.nav-tool-spacer{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:1rem 0;width:var(--width-tool-nav);border-radius:var(--border-radius-panel);background:var(--color-panel-primary)}.nav-tool-account{display:flex;align-items:center;justify-content:center;width:100%}.nav-tool-account .menu[data-align=end] .menu-panel{right:auto;left:0}.nav-tool-account-button{width:2.75rem;height:2.75rem}.nav-tool-account-button .btn-cutout{height:100%;padding:1px;border-radius:50%;background-color:var(--color-panel-cutout)}.nav-tool-account-button .btn-face{height:100%;padding:0;border-radius:50%;background-color:var(--color-screen);box-shadow:var(--shadow-up-screen)}.nav-tool-account-button .btn-text{font-family:var(--font-family-mono);font-weight:500;font-size:.875rem;margin:0;letter-spacing:.078125rem;text-transform:uppercase;display:flex;align-items:center;justify-content:center;width:100%;color:var(--color-on-screen)}.nav-tool-account-button:hover .btn-face{background-color:var(--color-screen-hover);box-shadow:var(--shadow-up-screen-hover)}.nav-website{--nav-website-shadow-opacity: 0;position:fixed;top:var(--gap-content);left:var(--gap-content);right:var(--gap-content);z-index:var(--z-nav);width:auto;height:auto;opacity:0;pointer-events:none;transform:translateY(calc(-100% - var(--gap-content) * 2));transition:opacity .18s ease-out,transform .72s cubic-bezier(.34,1.56,.64,1);will-change:opacity,transform}.nav-website-content{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-panel);width:min(100%,var(--website-content-width));margin-inline:auto}.nav-website[data-visible=true]{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-website-left{position:relative;display:flex;align-items:center;gap:var(--gap-panel);min-height:var(--height-website-nav);border-radius:var(--border-radius-nav);background:var(--landing-nav-bg, var(--color-background-website));pointer-events:auto}.nav-website-left:after,.nav-website-panel:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--shadow-up-nav);opacity:calc(.65 + var(--nav-website-shadow-opacity) * .35);pointer-events:none}.nav-website-logo{display:flex;align-items:center;justify-content:center;padding:var(--padding-module);height:var(--height-website-nav);border-radius:var(--border-radius-nav);color:var(--landing-nav-text, var(--color-on-panel-primary))}.nav-website-logo .brand-app-logo{width:200px}.nav-website-panel{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:var(--gap-section);min-width:0;height:var(--height-website-nav);padding:var(--padding-workspace);border-radius:var(--border-radius-nav);background:var(--landing-nav-bg, var(--color-background-website));--color-btn-primary: var(--landing-button-bg, var(--grey-90));--color-on-btn-primary: var(--landing-button-text, var(--grey-40));--color-btn-primary-hover: var(--landing-button-hover-bg, var(--yellow-95));--color-btn-primary-active: var(--landing-button-active-bg, var(--grey-70));--color-on-btn-primary-active: var(--landing-button-active-text, var(--grey-30));--color-btn-toggle: var(--landing-toggle-bg, var(--grey-90));--color-on-btn-toggle: var(--landing-toggle-text, var(--grey-40));--color-btn-toggle-hover: var(--landing-toggle-hover-bg, var(--yellow-95));--color-btn-toggle-active: var(--landing-toggle-active-bg, var(--grey-50));--color-on-btn-toggle-active: var(--landing-toggle-active-text, var(--grey-99));--color-btn-multiselect: var(--landing-button-bg, var(--grey-90));--color-on-btn-multiselect: var(--landing-button-text, var(--grey-40));--color-btn-multiselect-hover: var(--landing-button-hover-bg, var(--yellow-95));--color-btn-multiselect-active: var(--landing-toggle-active-bg, var(--grey-50));--color-on-btn-multiselect-active: var(--landing-toggle-active-text, var(--grey-99));--color-indicator-off: var(--landing-indicator-off, var(--grey-50));--color-indicator-on: var(--landing-indicator-on, var(--yellow-90))}.view-landing-page .nav-website-panel{--shadow-up-button-hover: var(--landing-shadow-up-button-hover)}.nav-website-menu{display:none}@media(max-width:800px){.nav-tool-menu{position:relative;flex-direction:row;align-items:flex-end;gap:1px;width:auto;height:var(--height-mobile-btn-nav);min-height:0;isolation:isolate;margin:0;padding:.25rem .5rem}.nav-tool-menu:before{content:"";position:absolute;bottom:calc(.25rem - var(--padding-cutout-thick));left:calc(.5rem - var(--padding-cutout-thick));z-index:1;width:calc(var(--width-tool-nav) * 2 + 1px + var(--padding-cutout-thick) * 2);height:calc(var(--height-mobile-btn-nav) + var(--padding-cutout-thick) * 2);border-radius:var(--border-radius-cutout);background:var(--color-panel-cutout)}.nav-tool-menu>.nav-app-brand{display:none}.nav-tool-menu>.btn-nav{position:relative;z-index:2;height:var(--height-mobile-btn-nav)}.nav-tool-menu>.btn-nav .btn-nav-cutout{padding:var(--padding-cutout);background:transparent}.nav-tool-spacer{position:absolute;inset:auto 0 0;z-index:0;flex:1 1 auto;flex-direction:row;align-items:center;justify-content:flex-end;width:100%;min-width:0;height:var(--height-mobile-tool-nav-panel);padding:0 .75rem;box-shadow:var(--shadow-up-nav)}.nav-tool-account{position:relative;width:auto}.nav-tool-account .menu[data-align=end] .menu-panel{right:0;left:auto}.nav-website-content{width:100%}.nav-website-logo .brand-app-logo{width:9.5rem}.nav-website-panel{gap:var(--gap-panel)}.nav-website-links{display:none}.nav-website-menu{display:block}.nav-website-login{display:none}}.toast-viewport{position:fixed;right:var(--padding-workspace);bottom:var(--padding-workspace);z-index:var(--z-alert);display:grid;justify-items:end;width:min(100vw - var(--padding-workspace) * 2,24rem);pointer-events:none}.toast-stack-item{grid-area:1/1;width:100%;transform:translateY(calc(var(--toast-stack-index, 0) * -.75rem)) scale(calc(1 - var(--toast-stack-index, 0) * .04));opacity:calc(1 - var(--toast-stack-index, 0) * .16);z-index:calc(10 - var(--toast-stack-index, 0));transition:transform var(--transition-fast),opacity var(--transition-fast);pointer-events:none}.toast-stack-item[data-closing=true]{opacity:0;transform:translateY(.5rem) scale(.98)}.toast{display:flex;align-items:center;gap:1rem;width:100%;padding:var(--padding-toast);border-radius:var(--border-radius-toast);background:var(--color-toast);box-shadow:var(--shadow-up-toast);color:var(--color-on-toast);animation:toast-enter .22s ease-out both;pointer-events:auto}.toast-content{display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;min-width:0}.toast-title{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-toast)}.toast-description{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:.03125rem;color:var(--color-on-toast)}.toast-dismiss{display:inline-flex;align-items:center;justify-content:flex-end;width:2rem;height:2rem;flex-shrink:0;border:0;background:transparent;color:var(--color-on-toast);cursor:pointer}.toast-dismiss svg{width:1rem;height:1rem}@keyframes toast-enter{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}.visualizer-2d{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;width:100%}.visualizer-2d-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-screen)}.visualizer-2d-body{position:relative;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:0;width:100%}.visualizer-2d-wheel{display:flex;flex:1 1 auto;align-items:center;justify-content:center;min-height:0;width:100%}.visualizer-2d-wheel-viewport{position:relative;width:min(100%,22rem);max-width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden}.visualizer-2d-wheel-surface,.visualizer-2d-wheel-boundary,.visualizer-2d-wheel-grid{position:absolute;inset:0}.visualizer-2d-wheel-surface{display:block;width:100%;height:100%;border-radius:50%;opacity:.5;z-index:0}.visualizer-2d-wheel-boundary{pointer-events:none;z-index:2}.visualizer-2d-wheel-grid{pointer-events:none;z-index:1}.visualizer-2d-wheel-grid-axis,.visualizer-2d-wheel-grid-radial,.visualizer-2d-wheel-grid-circle{stroke:var(--grey-95);stroke-width:.4;fill:none;vector-effect:non-scaling-stroke}.visualizer-2d-wheel-grid-axis{opacity:.75}.visualizer-2d-wheel-grid-circle,.visualizer-2d-wheel-grid-radial{opacity:.25}.visualizer-2d-wheel-boundary-path{fill:none;stroke:var(--grey-95);stroke-linejoin:round;stroke-width:.6}.visualizer-2d-wheel-projected{z-index:1}.visualizer-2d-wheel-projected-path{fill:var(--color-picker-gamut-boundary-fill);stroke:var(--color-picker-gamut-boundary-stroke);stroke-linejoin:round;stroke-width:.3}.visualizer-2d-point{position:absolute;width:2rem;height:2rem;border-radius:50%;transform:translate(-50%,-50%);background-color:var(--color-visualizer-point-fill);border:2px solid var(--color-visualizer-point-stroke);box-shadow:var(--shadow-up-1);z-index:3}.visualizer-2d-point:hover{z-index:5;cursor:pointer}.visualizer-2d-empty-state{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--color-input-supporting);text-align:center}.visualizer-3d{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;height:100%;width:100%}.visualizer-3d-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-screen)}.visualizer-3d-body{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;width:100%}.visualizer-metadata-label{font-family:var(--font-family-sans);font-weight:300;font-size:.625rem;line-height:1.3;margin:0;letter-spacing:.09375rem;text-transform:uppercase;position:absolute;right:0;bottom:0;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:.125rem;color:var(--color-on-screen);opacity:.8;text-align:right;pointer-events:none}.visualizer-3d-viewport{position:relative;flex:1 1 auto;min-height:100%;width:100%;background-color:var(--color-screen);border-radius:var(--border-radius-screen);cursor:grab;overflow:hidden}.visualizer-3d-viewport canvas{cursor:inherit}.visualizer-3d-viewport:active,.visualizer-3d--is-rotating .visualizer-3d-viewport{cursor:grabbing}.visualizer-3d-empty-state{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--color-input-supporting);text-align:center}.dialog[data-dialog=palette-visualizer] .dialog-modal{width:min(96vw,96rem);height:min(64rem,100vh - 3rem);overflow:hidden}.dialog[data-dialog=palette-visualizer] .dialog-content{flex:1;min-height:0;overflow:auto}.palette-visualizer-dialog-copy{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--color-on-module-primary);opacity:.72}.palette-visualizer-content{display:flex;flex-direction:column;gap:1rem;min-height:0;padding:1rem;box-shadow:var(--shadow-down-2);border-radius:var(--border-radius-tray-insert)}.palette-visualizer-content *,.palette-visualizer-content *:before,.palette-visualizer-content *:after{box-sizing:border-box}.palette-visualizer-preview{display:flex;flex-direction:column;gap:.75rem;min-width:0;padding:var(--padding-screen);border:1px solid var(--color-panel-cutout);border-radius:var(--border-radius-screen);background:var(--color-screen);color:var(--color-on-screen);box-shadow:var(--shadow-up-screen)}.palette-visualizer-preview-header{display:flex;align-items:center;justify-content:flex-start;gap:1rem;flex:0 0 auto;min-width:0}.palette-visualizer-preview-title{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-screen)}.palette-visualizer-screen{--visualizer-canvas: var(--palette-visualizer-canvas);--visualizer-canvas-2: var(--palette-visualizer-canvas-alt);--visualizer-ink: #181818;--visualizer-muted-ink: #68645d;--visualizer-rule: color-mix(in oklch, var(--visualizer-ink) 14%, transparent);flex:0 0 auto;min-height:0;max-width:100%;width:100%;border-radius:.5rem;background:var(--visualizer-canvas);color:var(--visualizer-ink);overflow:hidden;overflow-wrap:anywhere}.palette-visualizer-kicker{font-family:var(--font-family-sans);font-weight:300;font-size:.625rem;line-height:1.3;margin:0;letter-spacing:.09375rem;text-transform:uppercase;color:var(--palette-visualizer-accent-text-on-canvas)}.palette-visualizer-landing{display:flex;flex-direction:column;min-height:0}.palette-visualizer-landing-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--visualizer-rule);background:var(--visualizer-canvas-2)}.palette-visualizer-brand-lockup,.palette-visualizer-landing-links,.palette-visualizer-landing-actions{display:flex;align-items:center;gap:.75rem}.palette-visualizer-brand-lockup span{width:2rem;height:2rem;border-radius:.5rem;background:var(--palette-visualizer-primary)}.palette-visualizer-brand-lockup strong,.palette-visualizer-landing-copy h3{color:var(--visualizer-ink)}.palette-visualizer-landing-links{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--visualizer-muted-ink)}.palette-visualizer-landing-nav button,.palette-visualizer-landing-actions button,.palette-visualizer-product-toolbar button,.palette-visualizer-phone button{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;border:0;border-radius:var(--border-radius-button);background:var(--palette-visualizer-accent);color:var(--palette-visualizer-on-accent)}.palette-visualizer-landing-nav button{flex:0 0 auto;padding:.6rem .85rem}.palette-visualizer-landing-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:1.5rem;flex:1 1 auto;min-height:0;padding:2rem}.palette-visualizer-landing-copy{display:flex;flex-direction:column;justify-content:center;gap:1rem;min-width:0}.palette-visualizer-landing-copy h3{font-family:var(--font-family-sans);font-weight:500;font-size:1.75rem;line-height:1.3;margin:0;letter-spacing:0rem;max-width:16ch}.palette-visualizer-landing-copy p{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;max-width:42rem;color:var(--visualizer-muted-ink)}.palette-visualizer-landing-actions button{padding:.75rem 1rem}.palette-visualizer-landing-actions span{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--visualizer-ink)}.palette-visualizer-landing-media{position:relative;min-width:0;min-height:22rem;border-radius:.5rem;background:linear-gradient(135deg,color-mix(in oklch,var(--palette-visualizer-primary) 70%,white),color-mix(in oklch,var(--palette-visualizer-accent) 72%,white));overflow:hidden}.palette-visualizer-landing-window{position:absolute;right:8%;top:12%;display:grid;grid-template-columns:1.1fr .9fr;gap:.75rem;width:68%;padding:1rem;border-radius:.5rem;background:color-mix(in oklch,white 86%,var(--palette-visualizer-surface));box-shadow:0 1rem 2rem #00000038}.palette-visualizer-landing-window div{min-height:4.5rem;border-radius:.5rem;background:var(--palette-visualizer-primary)}.palette-visualizer-landing-window div:nth-child(2){background:var(--palette-visualizer-supporting)}.palette-visualizer-landing-window div:nth-child(3){grid-column:1/-1;min-height:6rem;background:linear-gradient(90deg,var(--palette-visualizer-sequence-1),var(--palette-visualizer-sequence-2)),var(--palette-visualizer-accent)}.palette-visualizer-landing-card{position:absolute;left:8%;bottom:16%;display:flex;flex-direction:column;gap:.2rem;width:min(44%,15rem);padding:1rem;border-radius:.5rem;background:var(--visualizer-canvas-2);color:var(--visualizer-ink);box-shadow:0 1rem 2rem #0000002e}.palette-visualizer-landing-card strong{font-family:var(--font-family-sans);font-weight:500;font-size:1.75rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--palette-visualizer-primary)}.palette-visualizer-landing-card span{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--visualizer-muted-ink)}.palette-visualizer-landing-palette-strip{position:absolute;left:8%;right:8%;bottom:7%;display:flex;gap:.4rem}.palette-visualizer-landing-palette-strip span{height:.75rem;flex:1 1 0;border-radius:var(--border-radius-pill);box-shadow:0 0 0 1px #ffffff6b}.palette-visualizer-product{display:grid;grid-template-columns:minmax(10rem,.24fr) minmax(0,1fr);gap:0;min-height:0}.palette-visualizer-product-sidebar{display:flex;flex-direction:column;gap:.65rem;padding:1rem;background:var(--palette-visualizer-primary);color:var(--palette-visualizer-on-primary)}.palette-visualizer-product-logo{display:grid;place-items:center;width:2.35rem;height:2.35rem;margin-bottom:.75rem;border-radius:.5rem;background:var(--palette-visualizer-accent);color:var(--palette-visualizer-on-accent);font-weight:700}.palette-visualizer-product-nav{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;padding:.65rem .75rem;border-radius:.5rem;color:inherit;opacity:.72}.palette-visualizer-product-nav--active{background:color-mix(in oklch,currentColor 18%,transparent);opacity:1}.palette-visualizer-product-main{display:flex;flex-direction:column;gap:1rem;min-width:0;padding:1.25rem 1.25rem 2rem}.palette-visualizer-product-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0}.palette-visualizer-product-toolbar>div{display:flex;flex-direction:column;gap:.25rem;min-width:0}.palette-visualizer-product-toolbar span{font-family:var(--font-family-sans);font-weight:300;font-size:.625rem;line-height:1.3;margin:0;letter-spacing:.09375rem;text-transform:uppercase;color:var(--visualizer-muted-ink)}.palette-visualizer-product-toolbar strong{font-family:var(--font-family-sans);font-weight:500;font-size:1.25rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--visualizer-ink)}.palette-visualizer-product-toolbar button{flex:0 0 auto;padding:.65rem .95rem}.palette-visualizer-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.palette-visualizer-product-card{display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;min-height:7rem;padding:1rem;border:1px solid var(--visualizer-rule);border-radius:.5rem;background:var(--visualizer-canvas-2);color:var(--visualizer-ink)}.palette-visualizer-product-card--primary{background:var(--palette-visualizer-supporting);color:var(--palette-visualizer-on-supporting);border-color:transparent}.palette-visualizer-product-card div,.palette-visualizer-phone-hero div{font-family:var(--font-family-sans);font-weight:300;font-size:.625rem;line-height:1.3;margin:0;letter-spacing:.09375rem;text-transform:uppercase;opacity:.8}.palette-visualizer-product-card strong,.palette-visualizer-phone-hero strong{font-family:var(--font-family-sans);font-weight:500;font-size:1.25rem;line-height:1.3;margin:0;letter-spacing:0rem;color:inherit}.palette-visualizer-product-chart{display:flex;align-items:flex-end;gap:.55rem;min-height:9rem;padding:1rem;border:1px solid var(--visualizer-rule);border-radius:.5rem;background:var(--visualizer-canvas-2)}.palette-visualizer-product-chart span{flex:1 1 0;min-width:.75rem;border-radius:.35rem .35rem 0 0;background:var(--palette-visualizer-primary)}.palette-visualizer-product-chart span:nth-child(1){height:35%}.palette-visualizer-product-chart span:nth-child(2){height:68%;background:var(--palette-visualizer-accent)}.palette-visualizer-product-chart span:nth-child(3){height:48%;background:var(--palette-visualizer-supporting)}.palette-visualizer-product-chart span:nth-child(4){height:82%}.palette-visualizer-product-chart span:nth-child(5){height:58%;background:var(--palette-visualizer-muted)}.palette-visualizer-product-chart span:nth-child(6){height:74%;background:var(--palette-visualizer-sequence-4)}.palette-visualizer-product-table{display:flex;flex-direction:column;border:1px solid var(--visualizer-rule);border-radius:.5rem;background:var(--visualizer-canvas-2);overflow:hidden}.palette-visualizer-product-table>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:3.5rem;padding:0 1rem;border-bottom:1px solid var(--visualizer-rule)}.palette-visualizer-product-table>div:last-child{border-bottom:0}.palette-visualizer-product-table span{width:.7rem;height:.7rem;border-radius:50%;background:var(--palette-visualizer-accent)}.palette-visualizer-product-table strong,.palette-visualizer-product-table em{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--visualizer-ink);font-style:normal}.palette-visualizer-product-table em{padding:.25rem .5rem;border-radius:var(--border-radius-pill);background:color-mix(in oklch,var(--palette-visualizer-primary) 16%,white)}.palette-visualizer-mobile-stage{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);align-items:center;gap:2rem;min-height:0;padding:2rem 2rem 2.75rem;background:linear-gradient(135deg,color-mix(in oklch,var(--palette-visualizer-primary) 12%,transparent),transparent),var(--visualizer-canvas)}.palette-visualizer-phone{display:flex;flex-direction:column;gap:.85rem;justify-self:center;width:min(100%,20rem);min-height:28rem;padding:1rem;border:.55rem solid var(--palette-visualizer-primary);border-radius:2rem;background:var(--visualizer-canvas-2);color:var(--visualizer-ink);box-shadow:0 1rem 2rem #0000002e}.palette-visualizer-phone-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex:0 0 auto}.palette-visualizer-phone-bar div{font-family:var(--font-family-sans);font-weight:300;font-size:.625rem;line-height:1.3;margin:0;letter-spacing:.09375rem;text-transform:uppercase;color:var(--visualizer-ink)}.palette-visualizer-phone-bar span{width:1.35rem;height:1.35rem;border-radius:50%;background:var(--palette-visualizer-accent)}.palette-visualizer-phone-hero{display:flex;flex-direction:column;justify-content:flex-end;min-height:8.5rem;padding:1rem;border-radius:.5rem;background:var(--palette-visualizer-primary);color:var(--palette-visualizer-on-primary)}.palette-visualizer-phone-hero span{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:inherit;opacity:.86}.palette-visualizer-phone-list{display:flex;flex-direction:column;gap:.65rem}.palette-visualizer-phone-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:3.25rem;padding:0 .75rem;border:1px solid var(--visualizer-rule);border-radius:.5rem;background:var(--visualizer-canvas-2)}.palette-visualizer-phone-list span{width:.75rem;height:.75rem;border-radius:50%;background:var(--palette-visualizer-accent)}.palette-visualizer-phone-list>div:nth-child(2) span{background:var(--palette-visualizer-supporting)}.palette-visualizer-phone-list strong,.palette-visualizer-phone-list em{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--visualizer-ink);font-style:normal}.palette-visualizer-phone-list em{color:var(--visualizer-muted-ink)}.palette-visualizer-phone button{margin-top:auto;padding:.8rem 1rem}.palette-visualizer-mobile-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-width:0}.palette-visualizer-mobile-notes div{display:flex;flex-direction:column;gap:.35rem;padding:1rem;border-radius:.5rem;background:var(--visualizer-canvas-2);border:1px solid var(--visualizer-rule)}.palette-visualizer-mobile-notes strong{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--visualizer-ink)}.palette-visualizer-mobile-notes span{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--visualizer-muted-ink)}.palette-visualizer-data{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.34fr);grid-template-rows:auto minmax(0,1fr);gap:1rem;min-height:0;padding:1.25rem 1.25rem 2rem}.palette-visualizer-data-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;grid-column:1/-1}.palette-visualizer-data-summary div,.palette-visualizer-data-panel,.palette-visualizer-data-side{border:1px solid var(--visualizer-rule);border-radius:.5rem;background:var(--visualizer-canvas-2)}.palette-visualizer-data-summary div{display:flex;flex-direction:column;gap:.25rem;padding:1rem}.palette-visualizer-data-summary span{font-family:var(--font-family-sans);font-weight:300;font-size:.625rem;line-height:1.3;margin:0;letter-spacing:.09375rem;text-transform:uppercase;color:var(--visualizer-muted-ink)}.palette-visualizer-data-summary strong{font-family:var(--font-family-sans);font-weight:600;font-size:1.5rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--visualizer-ink)}.palette-visualizer-data-panel{position:relative;display:flex;flex-direction:column;gap:1rem;min-height:18rem;padding:1rem 1rem .75rem;overflow:hidden}.palette-visualizer-data-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-width:0}.palette-visualizer-data-panel-header>div{display:flex;flex-direction:column;gap:.25rem;min-width:0}.palette-visualizer-data-panel-header span,.palette-visualizer-data-panel-header em{font-family:var(--font-family-sans);font-weight:300;font-size:.625rem;line-height:1.3;margin:0;letter-spacing:.09375rem;text-transform:uppercase;color:var(--visualizer-muted-ink);font-style:normal}.palette-visualizer-data-panel-header strong{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--visualizer-ink)}.palette-visualizer-data-chart{display:block;width:100%;height:auto;min-height:14rem;overflow:visible}.palette-visualizer-data-grid line{stroke:var(--visualizer-rule);stroke-width:1}.palette-visualizer-data-bars rect{opacity:.88}.palette-visualizer-data-line{fill:none;stroke:var(--palette-visualizer-accent-text-on-canvas);stroke-linecap:round;stroke-linejoin:round;stroke-width:5}.palette-visualizer-data-points circle{fill:var(--palette-visualizer-accent-text-on-canvas);stroke:var(--visualizer-canvas-2);stroke-width:4}.palette-visualizer-data-axis text{font-family:var(--font-family-sans);font-weight:300;font-size:.625rem;line-height:1.3;margin:0;letter-spacing:.09375rem;text-transform:uppercase;fill:var(--visualizer-muted-ink);text-anchor:middle}.palette-visualizer-data-side{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;padding:1rem}.palette-visualizer-data-donut-wrap{display:grid;place-items:center;width:100%;padding:.5rem}.palette-visualizer-data-donut{display:grid;place-items:center;width:min(100%,11rem);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--palette-visualizer-primary) 0 34%,var(--palette-visualizer-accent) 34% 62%,var(--palette-visualizer-supporting) 62% 82%,var(--palette-visualizer-muted) 82% 100%);box-shadow:inset 0 0 0 1px #00000014}.palette-visualizer-data-donut>div{display:grid;place-items:center;width:54%;aspect-ratio:1;border-radius:50%;background:var(--visualizer-canvas-2);box-shadow:0 0 0 1px var(--visualizer-rule)}.palette-visualizer-data-donut strong{font-family:var(--font-family-sans);font-weight:500;font-size:1.25rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--visualizer-ink)}.palette-visualizer-data-donut span{font-family:var(--font-family-sans);font-weight:300;font-size:.625rem;line-height:1.3;margin:0;letter-spacing:.09375rem;text-transform:uppercase;color:var(--visualizer-muted-ink)}.palette-visualizer-data-legend{display:flex;flex-direction:column;gap:.5rem;width:100%}.palette-visualizer-data-legend div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem}.palette-visualizer-data-legend span{width:.8rem;height:.8rem;border-radius:50%;flex:0 0 auto}.palette-visualizer-data-legend strong{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--visualizer-ink)}.palette-visualizer-data-legend em{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--visualizer-muted-ink);font-style:normal}@media(max-width:920px){.palette-visualizer-landing-hero,.palette-visualizer-product,.palette-visualizer-mobile-stage,.palette-visualizer-data{grid-template-columns:1fr}.palette-visualizer-landing-links,.palette-visualizer-mobile-notes,.palette-visualizer-data-side{display:none}.palette-visualizer-product-sidebar{flex-direction:row;align-items:center;overflow-x:auto}.palette-visualizer-product-logo{margin-bottom:0}}@media(max-width:760px){.dialog[data-dialog=palette-visualizer] .dialog-modal{width:calc(100vw - 1rem);height:calc(100dvh - 1rem)}.palette-visualizer-content{gap:.75rem;padding:.625rem}.palette-visualizer-preview{gap:.5rem;padding:.75rem}.palette-visualizer-screen{border-radius:.375rem}.palette-visualizer-landing-nav{gap:.75rem;padding:.75rem}.palette-visualizer-brand-lockup{min-width:0}.palette-visualizer-landing-hero,.palette-visualizer-mobile-stage{gap:1rem;padding:1rem 1rem 1.75rem}.palette-visualizer-landing-copy{gap:.75rem}.palette-visualizer-landing-copy h3{font-family:var(--font-family-sans);font-weight:500;font-size:1.25rem;line-height:1.3;margin:0;letter-spacing:0rem;max-width:none}.palette-visualizer-landing-copy p{max-width:none}.palette-visualizer-landing-actions{flex-wrap:wrap;gap:.5rem}.palette-visualizer-landing-actions button{padding:.65rem .85rem}.palette-visualizer-landing-media{min-height:16rem}.palette-visualizer-landing-window{top:10%;right:6%;width:76%;gap:.5rem;padding:.75rem}.palette-visualizer-landing-window div{min-height:3.5rem}.palette-visualizer-landing-window div:nth-child(3){min-height:4.5rem}.palette-visualizer-landing-card{left:6%;bottom:18%;width:min(56%,12rem);padding:.75rem}.palette-visualizer-landing-card strong{font-family:var(--font-family-sans);font-weight:600;font-size:1.5rem;line-height:1.3;margin:0;letter-spacing:0rem}.palette-visualizer-product-sidebar{flex-wrap:wrap;gap:.5rem;padding:.85rem;overflow-x:visible}.palette-visualizer-product-logo{flex:0 0 auto}.palette-visualizer-product-nav{flex:0 0 auto;padding:.5rem .65rem}.palette-visualizer-product-main{gap:1rem;padding:1rem 1rem 1.25rem}.palette-visualizer-data{gap:.75rem;padding:.75rem .75rem 1rem}.palette-visualizer-product-toolbar{align-items:flex-start;flex-wrap:wrap;gap:.75rem}.palette-visualizer-product-toolbar button{padding:.55rem .8rem}.palette-visualizer-product-grid,.palette-visualizer-data-summary{grid-template-columns:1fr}.palette-visualizer-product-grid,.palette-visualizer-data-summary,.palette-visualizer-data-panel{gap:.75rem}.palette-visualizer-product-grid{gap:1rem}.palette-visualizer-product-card{min-height:6.5rem;padding:.9rem}.palette-visualizer-product-chart{gap:.45rem;min-height:8rem;padding:.9rem}.palette-visualizer-product-table>div{gap:.5rem;min-height:3.75rem;padding:0 .9rem}.palette-visualizer-mobile-stage{justify-items:center}.palette-visualizer-phone{width:min(100%,16rem);min-height:23rem;gap:.65rem;padding:.75rem;border-width:.4rem;border-radius:1.5rem}.palette-visualizer-phone-hero{min-height:6.5rem;padding:.75rem}.palette-visualizer-phone-list{gap:.5rem}.palette-visualizer-phone-list>div{gap:.5rem;min-height:2.75rem;padding:0 .65rem}.palette-visualizer-phone button{padding:.65rem .85rem}.palette-visualizer-data-summary div,.palette-visualizer-data-panel{padding:.75rem}.palette-visualizer-data-panel{min-height:14rem}.palette-visualizer-data-panel-header{flex-direction:column;gap:.5rem}.palette-visualizer-data-chart{min-height:11rem}}@media(max-width:420px){.palette-visualizer-product-table>div{align-items:flex-start;grid-template-columns:auto minmax(0,1fr);row-gap:.45rem;padding:.75rem .9rem}.palette-visualizer-product-table em{justify-self:flex-start;grid-column:2;width:max-content}.palette-visualizer-phone{width:min(100%,14.75rem)}}.view-landing-page{background-color:var(--landing-page-bg);min-height:100vh;width:100%}.website-content{width:min(100%,var(--website-content-width));margin-inline:auto}.website-hero{--website-hero-wordmark-width: min(80vw, calc(var(--website-content-width) * .8));position:relative;width:100%;height:180vh;min-height:180svh;background-color:var(--landing-page-bg)}.website-hero-stage{position:relative;width:100%;height:100vh;min-height:100svh;overflow:hidden;background-color:var(--landing-page-bg)}.website-hero-backdrop{position:absolute;inset:0;z-index:0;background-color:#050505;pointer-events:none}.website-hero-stage canvas{position:relative;z-index:1;display:block;background-color:transparent}.website-hero-content{position:absolute;z-index:2;top:50%;left:0;right:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:1rem;width:var(--website-hero-wordmark-width);margin-inline:auto;pointer-events:none}.website-hero-headline{font-family:var(--font-family-fancy);font-weight:500;font-size:clamp(2.5rem,4vw,3.125rem);line-height:1.2;margin:0;letter-spacing:0rem;width:min(100%,30rem);color:var(--landing-text);text-align:right}.website-hero-headline-word{display:inline-block;white-space:nowrap}.website-hero-headline-word+.website-hero-headline-word{margin-left:.22em}.website-hero-headline-character{display:inline-block;opacity:0;transform:translate(.875rem);will-change:opacity,transform}.website-hero-tag{font-family:var(--font-family-mono);font-weight:400;font-size:clamp(.875rem,.95vw,1rem);line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;width:fit-content;border:var(--border-module);border-radius:var(--border-radius-tag);padding:.375rem .5rem;background:var(--landing-tag-bg);color:var(--landing-tag-text);opacity:0}.website-scroll-arrow{position:absolute;left:0;right:0;bottom:clamp(3rem,10vh,7rem);display:flex;justify-content:center;pointer-events:none;color:var(--landing-muted-text);visibility:hidden;opacity:0}.website-scroll-arrow-svg{display:block;width:2.5rem;height:auto;overflow:visible}.website-scroll-arrow-square{opacity:0}.website-story{display:flex;align-items:center;box-sizing:border-box;min-height:100vh;min-height:100svh;padding:calc(var(--height-website-nav) + var(--padding-workspace)) var(--padding-workspace) var(--padding-workspace);overflow:hidden;background:var(--landing-page-bg)}.website-story>.website-content{position:relative;display:flex;align-items:stretch;min-height:calc(100svh - var(--height-website-nav) - var(--padding-workspace) - var(--padding-workspace))}.website-story-list{position:relative;width:100%;min-height:inherit}.website-story-panel{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,.85fr) minmax(25rem,1.15fr);align-items:center;gap:clamp(2rem,3vw,7rem);width:100%;pointer-events:none}.website-story-copy{display:flex;flex-direction:column;gap:var(--gap-section);min-width:0}.website-story-panel[data-story-id=overview] .website-story-copy{justify-content:center}.website-story-panel[data-story-id=overview] .website-story-copy p{font-family:var(--font-family-fancy);font-weight:500;font-size:clamp(2.5rem,4vw,3.125rem);line-height:1.2;margin:0;letter-spacing:0rem;max-width:50rem;color:var(--landing-text);letter-spacing:0;text-wrap:balance}.website-story-copy h2{font-family:var(--font-family-fancy);font-weight:500;font-size:clamp(2.5rem,4vw,3.125rem);line-height:1.2;margin:0;letter-spacing:0rem;max-width:42rem;color:var(--landing-text);text-wrap:balance}.website-story-copy p{font-family:var(--font-family-fancy);font-weight:500;font-size:clamp(1.75rem,2.6vw,2.125rem);line-height:1.3;margin:0;letter-spacing:0rem;max-width:34rem;color:var(--landing-text);text-wrap:balance}.website-story-copy-character,[data-story-content-target],.website-story-panel[data-story-id=overview] .palette-board-swatch{opacity:0}.website-story-demo{display:flex;flex-direction:column;gap:.625rem;min-width:0;pointer-events:auto}.website-story-instruction{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;letter-spacing:.046875rem;text-transform:uppercase;width:fit-content;max-width:min(18rem,100%);margin:0;padding:.375rem .5rem;border:var(--border-menu);border-radius:var(--border-radius-tag);background:var(--landing-instruction-bg);color:var(--landing-instruction-text);opacity:0;text-align:left;pointer-events:none}.website-story-demo>.plate-cutout{min-width:0;background-color:var(--landing-panel-cutout);pointer-events:auto}.website-story-demo>.plate-cutout>.plate{width:100%;min-width:0;min-height:0;background-color:var(--landing-surface)}.website-overview-demo{display:grid;grid-template-columns:minmax(10rem,.36fr) minmax(0,1fr);align-items:stretch;gap:var(--gap-module);width:100%;min-height:clamp(26rem,36vw,36rem);min-width:0}.website-overview-tray{height:100%;min-width:0}.website-overview-tray>.palette-board{height:100%;min-height:0}.website-overview-visualizer{position:relative;height:100%;min-width:0}.website-overview-visualizer>.website-story-instruction{position:absolute;top:var(--padding-screen);right:var(--padding-screen);z-index:2;max-width:calc(100% - var(--padding-screen) - var(--padding-screen))}.website-overview-screen-cutout,.website-overview-screen{height:100%;min-height:0}.website-overview-screen{overflow:hidden}.website-overview-screen .visualizer-3d{gap:1rem}.website-overview-screen .visualizer-3d-viewport{min-height:0;background:transparent;border-radius:0}.website-overview-screen .visualizer-metadata-label{right:var(--padding-screen);bottom:var(--padding-screen)}@media(max-width:1200px){.website-story-panel{grid-template-columns:1fr;align-items:stretch}.website-story-panel[data-story-id=overview] .website-story-copy p{max-width:42rem}}@media(max-width:640px){.website-hero-stage canvas{top:clamp(-5rem,-8svh,-3rem)}.website-hero-content{top:clamp(38%,40svh,43%)}.website-scroll-arrow{bottom:clamp(5rem,18svh,8rem)}.website-story{display:block;min-height:0;padding:calc(var(--height-website-nav) + 2rem) 1rem clamp(4rem,16vw,7rem);overflow:visible}.website-story>.website-content{display:block;min-height:0}.website-story-list{display:flex;flex-direction:column;gap:clamp(4rem,18vw,7rem);min-height:0}.website-story-panel{position:relative;inset:auto;grid-template-rows:none;gap:1rem;min-height:0;pointer-events:auto}.website-story-copy{gap:.65rem}.website-story-copy h2{font-size:clamp(2rem,10vw,3rem);line-height:.98}.website-story-copy p,.website-story-panel[data-story-id=overview] .website-story-copy p{max-width:100%;font-size:clamp(1.35rem,6.8vw,2.25rem);line-height:1.04}.website-story-demo>.plate-cutout{min-height:0}.website-story-demo>.plate-cutout>.plate{height:auto}.website-overview-tray{min-width:0}.website-overview-demo{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(10rem,auto) minmax(18rem,auto);gap:var(--gap-section);min-height:0}.website-overview-visualizer{display:flex;flex-direction:column;height:auto}.website-overview-visualizer>.website-story-instruction{position:relative;top:auto;right:auto;align-self:flex-start;max-width:100%}.website-overview-screen-cutout{flex:1 1 auto;height:auto;margin-top:.75rem;min-height:18rem}.website-overview-tray>.palette-board .palette-board-grid[data-columns=auto]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}}.website-feature-demo{display:flex;align-items:stretch;justify-content:stretch;width:100%;min-height:clamp(22rem,32vw,34rem);min-width:0}.website-feature-demo[data-demo=image-palette-picker]{min-height:clamp(30rem,44vw,40rem)}.website-feature-demo-placeholder{width:100%;min-height:100%;border-radius:var(--border-radius-screen);box-shadow:var(--shadow-down-1)}.website-image-palette-demo{position:relative;display:grid;flex:1 1 auto;grid-template-rows:minmax(18rem,1fr) minmax(6.5rem,auto);gap:1rem;width:100%;min-width:0;min-height:0}.website-image-palette-demo>.website-story-instruction{position:absolute;top:.75rem;right:.75rem;z-index:2;max-width:calc(100% - 1.5rem)}.website-image-palette-demo-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;overflow:visible;background:var(--color-picker-surface);border-radius:var(--border-radius-screen);touch-action:none}.website-image-palette-demo-stage:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--shadow-down-1);pointer-events:none;z-index:1}.website-image-palette-demo-viewport{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:inherit}.website-image-palette-demo-image{position:relative;z-index:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-button);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.website-image-palette-demo-handle{position:absolute;left:calc(var(--website-image-palette-demo-handle-left) - 1.375rem);top:calc(var(--website-image-palette-demo-handle-top) - 1.375rem);z-index:2;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:.25rem;background-color:var(--color-btn-primary);border-radius:var(--border-radius-pill);box-shadow:var(--shadow-up-button);cursor:grab;transition:box-shadow var(--transition-fast)}.website-image-palette-demo-handle:active{cursor:grabbing;box-shadow:var(--shadow-up-button-active)}.website-image-palette-demo-cutout{display:inline-flex;align-items:center;justify-content:center;padding:2px;background-color:var(--color-btn-cutout);border-radius:var(--border-radius-pill)}.website-image-palette-demo-fill{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--website-image-palette-demo-handle-color);box-shadow:var(--shadow-up-screen)}.website-image-palette-demo-index{font-family:var(--font-family-mono);font-weight:500;font-size:.875rem;margin:0;letter-spacing:.078125rem;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-on-screen);text-shadow:0 1px 2px rgba(0,0,0,.35)}.website-image-palette-demo-canvas{display:none}.website-image-palette-demo-tray{display:flex;flex-direction:column;align-items:stretch;gap:var(--gap-palette-tray);width:100%;min-height:0;padding:var(--gap-palette-tray);background-color:var(--color-tray-insert);border-radius:var(--border-radius-tray-insert)}.website-image-palette-demo-row{display:flex;flex:1 1 0;align-items:stretch;gap:var(--gap-palette-tray);width:100%;min-height:0}.website-image-palette-demo-swatch{display:flex;flex-direction:column;flex:1 1 0;align-items:flex-start;justify-content:flex-end;gap:.15rem;min-width:0;min-height:0;padding:.65rem .875rem;border-radius:var(--border-radius-tray-swatch);box-shadow:var(--shadow-down-tray);overflow:hidden;text-align:left}.website-image-palette-demo-row[data-first-row=true] .website-image-palette-demo-swatch[data-first-swatch=true]{border-top-left-radius:var(--border-radius-tray-swatch-corners)}.website-image-palette-demo-row[data-first-row=true] .website-image-palette-demo-swatch[data-last-swatch=true]{border-top-right-radius:var(--border-radius-tray-swatch-corners)}.website-image-palette-demo-row[data-last-row=true] .website-image-palette-demo-swatch[data-first-swatch=true]{border-bottom-left-radius:var(--border-radius-tray-swatch-corners)}.website-image-palette-demo-row[data-last-row=true] .website-image-palette-demo-swatch[data-last-swatch=true]{border-bottom-right-radius:var(--border-radius-tray-swatch-corners)}.website-image-palette-demo-hex{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;display:inline-flex;align-items:baseline;max-width:100%;overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap}.website-image-palette-demo-hex-prefix{color:inherit;opacity:.8}.website-image-palette-demo-hex-text{overflow:hidden;color:inherit;text-overflow:ellipsis}.website-image-palette-demo-oklch{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.05rem;max-width:100%;overflow:hidden;color:inherit}.website-image-palette-demo-oklch-label{font-family:var(--font-family-sans);font-weight:300;font-size:.625rem;line-height:1.3;margin:0;letter-spacing:.09375rem;text-transform:uppercase;color:inherit;opacity:.8}.website-image-palette-demo-oklch-value{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap}.website-color-picker-demo{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;gap:3rem;width:100%;min-width:0;min-height:0}.website-color-picker-demo-picker{display:flex;flex-direction:column;gap:var(--gap-module);min-width:0;min-height:0}.website-color-picker-demo-picker>.website-story-instruction{align-self:flex-start;max-width:100%}.website-color-picker-demo-picker>.color-picker{flex:1 1 auto;min-height:0}.website-color-picker-demo-results{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0}.website-color-picker-demo-preview{flex:0 0 auto;min-height:0}.website-color-picker-demo-preview>.color-picker-preview .color-picker-preview-control{min-height:7rem}.website-color-picker-demo-preview>.color-picker-preview .color-picker-preview-swatch{min-height:7rem;border-radius:var(--border-radius-screen)}.website-color-picker-demo-recommendations{display:flex;flex:0 0 auto;align-items:stretch;width:100%;min-height:0}.website-color-picker-demo-recommendations>.palette-recommendations{flex:0 0 auto;width:100%;height:fit-content;max-height:100%;background-color:var(--color-plate-primary)}.website-color-picker-demo-recommendations>.palette-recommendations .card-palette-recommendation-overlay{display:none}.website-story-panel[data-story-id=feature-2] .card-palette-recommendation-cutout{animation:none}.website-color-kit-scale-demo{display:flex;flex:1 1 auto;align-items:stretch;width:100%;min-width:0;min-height:0;overflow:hidden}.website-color-kit-scale-demo>.color-kit-scale-list{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;gap:.75rem;width:100%;height:100%;min-height:0}.website-color-kit-scale-demo .color-scale{grid-template-columns:minmax(10rem,14rem) minmax(0,1fr);width:100%}.website-color-kit-scale-demo .color-scale-controls{padding:.625rem 1.5rem .625rem .75rem}.website-color-kit-scale-demo .color-scale-name{font-family:var(--font-family-fancy);font-weight:500;font-size:1.25rem;line-height:1.3;margin:0;letter-spacing:0rem}.website-color-kit-scale-demo .color-scale-tray{min-height:clamp(3.25rem,5.5vw,4.5rem)}.website-color-kit-scale-demo .color-scale-step:is(:hover,:focus-within){width:8.3333333333%}.website-updates{display:flex;align-items:center;min-height:100vh;min-height:100svh;padding:var(--padding-workspace);background:var(--landing-page-bg);color:var(--landing-text)}.website-updates-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(24rem,1.15fr);align-items:center;gap:clamp(2rem,3vw,7rem);width:100%}.website-updates-copy{display:flex;flex-direction:column;gap:var(--gap-section);min-width:0}.website-updates-copy h2{font-family:var(--font-family-fancy);font-weight:600;font-size:clamp(1.5rem,2.2vw,1.875rem);line-height:1.3;margin:0;letter-spacing:0rem;max-width:42rem;text-wrap:balance}.website-updates-copy p{font-family:var(--font-family-fancy);font-weight:600;font-size:clamp(1.5rem,2.2vw,1.875rem);line-height:1.3;margin:0;letter-spacing:0rem;max-width:38rem;text-wrap:balance}.website-updates-layout>.plate-cutout{min-width:0;background-color:var(--landing-panel-cutout)}.website-updates-layout>.plate-cutout>.plate{width:100%;min-width:0;background-color:var(--landing-surface)}.website-updates-form{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--gap-section);width:100%;min-width:0;padding:clamp(1rem,2.5vw,2rem);--color-btn-primary: var(--landing-button-bg);--color-on-btn-primary: var(--landing-button-text);--color-btn-primary-hover: var(--landing-button-hover-bg);--color-btn-primary-active: var(--landing-button-active-bg);--color-on-btn-primary-active: var(--landing-button-active-text);--color-btn-primary-disabled: var(--landing-button-disabled-bg);--color-on-btn-primary-disabled: var(--landing-button-disabled-text);--shadow-up-button-hover: var(--landing-shadow-up-button-hover);--color-input: var(--landing-input-bg);--color-input-hover: var(--landing-input-hover-bg);--color-input-focus: var(--landing-input-focus-bg);--color-on-input: var(--landing-input-text);--color-input-placeholder: var(--landing-input-placeholder);--color-input-supporting: var(--landing-input-support);--color-border-input: var(--landing-input-border);--color-border-input-focus: var(--landing-input-focus-border)}.website-updates-form .input-text-field{min-width:0}.website-updates-form .btn-primary{min-width:10rem;margin-top:1.75rem}.website-updates-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.website-updates-status{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;grid-column:1/-1;min-height:1.4em;color:var(--landing-surface-text)}.website-footer{padding:0 var(--padding-workspace) var(--padding-workspace);background:var(--landing-page-bg)}.website-footer-layout{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--gap-module);width:100%;padding:var(--padding-module)}.website-footer-layout .brand-app-logo{display:block;width:2rem;height:2rem}.website-footer-theme-control{position:relative;display:block;width:2.5rem;height:2.5rem;border:0;padding:0;background:transparent;color:inherit;cursor:pointer;perspective:24rem;--color-btn-primary: var(--landing-button-bg);--color-on-btn-primary: var(--landing-button-text);--color-btn-primary-hover: var(--landing-button-hover-bg);--color-btn-primary-active: var(--landing-button-active-bg);--color-on-btn-primary-active: var(--landing-button-active-text);--shadow-up-button-hover: var(--landing-shadow-up-button-hover)}.website-footer-theme-card{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .42s ease}.website-footer-theme-control[data-state=button] .website-footer-theme-card{transform:rotateY(180deg)}.website-footer-theme-logo,.website-footer-theme-button{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden}.website-footer-theme-button{transform:rotateY(180deg)}.website-footer-theme-button .btn-cutout{padding:var(--padding-cutout)}.website-footer-theme-button .btn-face{padding:0}.website-footer-theme-button .btn-icon{color:var(--landing-button-text)}.website-footer-theme-control:hover .website-footer-theme-button .btn-face,.website-footer-theme-control:focus-visible .website-footer-theme-button .btn-face{background-color:var(--landing-button-hover-bg);box-shadow:var(--shadow-up-button-hover)}.website-footer-theme-control:active .website-footer-theme-button .btn-face{background-color:var(--landing-button-active-bg);box-shadow:var(--shadow-up-button-active)}.website-footer-theme-control:active .website-footer-theme-button .btn-icon{color:var(--landing-button-active-text)}.website-footer-links{display:flex;align-items:center;justify-content:center;gap:var(--gap-section);min-width:0}.website-footer-link{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--landing-text);text-decoration:none}.website-footer-link:hover,.website-footer-link:focus-visible{text-decoration:underline}.website-footer-credit{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;color:var(--landing-text)}.website-footer-credit a{color:inherit;text-decoration:none}.website-footer-credit a:hover,.website-footer-credit a:focus-visible{text-decoration:underline}.view-privacy-page{min-height:100vh;min-height:100svh;background:var(--color-background-website);color:var(--color-on-panel-primary)}.privacy-page-main{padding:calc(var(--height-website-nav) + var(--padding-workspace)) var(--padding-workspace) var(--padding-workspace)}.privacy-page-content{width:min(100%,56rem);margin-inline:auto}.privacy-page-header{display:flex;align-items:flex-start;gap:var(--gap-section);padding-block:clamp(1rem,4vw,3rem) clamp(2rem,6vw,5rem)}.privacy-page-heading{display:flex;flex-direction:column;gap:.75rem}.privacy-page-heading h1{font-family:var(--font-family-fancy);font-weight:500;font-size:clamp(2.5rem,4vw,3.125rem);line-height:1.2;margin:0;letter-spacing:0rem}.privacy-page-heading p,.privacy-page-section p{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:.03125rem}.privacy-page-section{display:flex;flex-direction:column;gap:.85rem;padding-block:1.5rem;border-top:var(--border-module)}.privacy-page-section h2{font-family:var(--font-family-fancy);font-weight:600;font-size:1.5rem;line-height:1.3;margin:0;letter-spacing:0rem}.privacy-page-section a{color:inherit;text-decoration:underline}@media(max-width:1200px){.website-story-panel{grid-template-columns:1fr;align-items:stretch;min-height:0}.website-feature-demo[data-demo=image-palette-picker]{min-height:clamp(32rem,58vw,42rem)}.website-updates-layout{grid-template-columns:1fr;align-items:stretch}}@media(max-width:640px){.website-story{padding-inline:1rem}.website-story-panel{gap:3rem}.website-feature-demo{height:auto;min-height:0}.website-feature-demo[data-demo=image-palette-picker]{min-height:0}.website-image-palette-demo{grid-template-rows:auto minmax(14rem,auto) auto;gap:.75rem}.website-image-palette-demo>.website-story-instruction{position:relative;top:auto;right:auto;justify-self:start;max-width:100%}.website-image-palette-demo-stage{align-items:center;justify-content:center}.website-image-palette-demo-viewport{flex:1 1 auto;min-height:14rem}.website-image-palette-demo-handle{left:calc(var(--website-image-palette-demo-handle-left) - 1.125rem);top:calc(var(--website-image-palette-demo-handle-top) - 1.125rem);width:2.25rem;height:2.25rem;padding:.2rem}.website-image-palette-demo-fill{width:1.65rem;height:1.65rem}.website-image-palette-demo-tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(4.25rem,auto));gap:var(--gap-palette-tray)}.website-image-palette-demo-row{display:contents}.website-image-palette-demo-row[data-first-row][data-last-row] .website-image-palette-demo-swatch{flex:none;min-height:4.25rem;padding:.55rem .65rem;border-radius:var(--border-radius-tray-swatch)}.website-image-palette-demo-row[data-first-row][data-last-row] .website-image-palette-demo-swatch:nth-child(1){border-top-left-radius:var(--border-radius-tray-swatch-corners)}.website-image-palette-demo-row[data-first-row][data-last-row] .website-image-palette-demo-swatch:nth-child(2){border-top-right-radius:var(--border-radius-tray-swatch-corners)}.website-image-palette-demo-row[data-first-row][data-last-row] .website-image-palette-demo-swatch:nth-child(3){border-bottom-left-radius:var(--border-radius-tray-swatch-corners)}.website-image-palette-demo-row[data-first-row][data-last-row] .website-image-palette-demo-swatch:nth-child(4){border-bottom-right-radius:var(--border-radius-tray-swatch-corners)}.website-image-palette-demo-oklch{gap:.2rem}.website-feature-demo[data-demo=color-kit-scale-list]{min-height:0}.website-color-kit-scale-demo{overflow:visible}.website-color-kit-scale-demo>.color-kit-scale-list{justify-content:flex-start;height:auto}.website-color-kit-scale-demo .color-scale{grid-template-columns:minmax(0,1fr)}.website-color-kit-scale-demo .color-scale-controls{margin-right:0;margin-bottom:-.35rem;padding:.625rem .75rem;border:var(--border-module);border-bottom:0;border-radius:var(--border-radius-button) var(--border-radius-button) 0 0}.website-color-kit-scale-demo .color-scale-info{flex-direction:row;gap:var(--gap-content)}.website-color-kit-scale-demo .color-scale-tray{min-height:3rem}.website-color-kit-scale-demo .color-scale-step:first-child{border-radius:0 0 0 var(--border-radius-button)}.website-color-kit-scale-demo .color-scale-step:last-child{border-radius:0 0 var(--border-radius-button) 0}.website-color-kit-scale-demo .color-scale-step-label{display:none}.website-color-picker-demo{grid-template-columns:minmax(0,1fr);gap:1.5rem}.website-color-picker-demo-picker{gap:1rem}.website-color-picker-demo-picker>.color-picker{flex:0 0 auto;gap:.4rem}.website-color-picker-demo .color-picker-control,.website-color-picker-demo .color-picker-device{gap:.65rem}.website-color-picker-demo .color-picker-wheel{width:min(100%,clamp(11rem,48vw,16rem))}.website-color-picker-demo .color-picker-slider-group{flex-basis:1.25rem}.website-color-picker-demo .color-picker-axis-label{display:none}.website-color-picker-demo .color-picker-value{width:100%}.website-color-picker-demo-preview>.color-picker-preview .color-picker-preview-control,.website-color-picker-demo-preview>.color-picker-preview .color-picker-preview-swatch{min-height:4rem}.website-color-picker-demo-recommendations>.palette-recommendations{--height-swatch-recommendation: 2.35rem;padding:.4rem}.website-color-picker-demo-recommendations .palette-recommendations-container{gap:.4rem}.website-color-picker-demo-recommendations .card-palette-recommendation{gap:.35rem;padding:.45rem}.website-color-picker-demo-recommendations .card-palette-recommendation-content{gap:.35rem}.website-updates{padding-inline:1rem}.website-updates-form{grid-template-columns:minmax(0,1fr)}.website-updates-form .btn-primary{margin-top:0;width:100%}.website-footer{padding-inline:1rem}.website-footer-layout{grid-template-columns:minmax(0,1fr) auto;align-items:center}.website-footer-layout .brand-app-logo,.website-footer-theme-control{grid-row:2}.website-footer-links,.website-footer-credit{grid-column:2;justify-content:flex-end}.website-footer-credit{grid-row:2}}@media(prefers-reduced-motion:reduce){.website-footer-theme-card{transition:opacity var(--transition-fast)}.website-footer-theme-control[data-state=button] .website-footer-theme-card,.website-footer-theme-button{transform:none}.website-footer-theme-control[data-state=logo] .website-footer-theme-button,.website-footer-theme-control[data-state=button] .website-footer-theme-logo{opacity:0;pointer-events:none}.website-hero{height:100vh;min-height:100svh}.website-hero-content{opacity:1}.website-hero-headline-character{opacity:1;transform:none;will-change:auto}.website-hero-tag{opacity:1}.website-scroll-arrow{visibility:visible;opacity:1}.website-scroll-arrow-square{opacity:1}.website-story{display:block;min-height:0;overflow:visible}.website-story>.website-content{display:block;min-height:0}.website-story-list{display:flex;flex-direction:column;gap:clamp(4rem,10vw,8rem);min-height:0}.website-story-panel{position:relative;inset:auto;min-height:0;pointer-events:auto}.website-story-copy-character,[data-story-content-target],.website-story-panel[data-story-id=overview] .palette-board-swatch,.website-story-instruction,.website-story-demo,.website-story-demo>.plate-cutout{visibility:visible;opacity:1;transform:none;will-change:auto}.website-image-palette-demo-stage,.website-image-palette-demo-tray,.website-color-picker-demo-picker,.website-color-picker-demo-recommendations>.palette-recommendations,.website-color-picker-demo-recommendations .card-palette-recommendation-cutout,.website-color-kit-scale-demo .color-scale-controls,.website-color-kit-scale-demo .color-scale-step,.website-color-kit-scale-demo .color-scale-tray{visibility:visible;opacity:1;transform:none;will-change:auto}}.view-palette-explorer{position:relative;padding:var(--padding-workspace);min-height:0}.palette-explorer-scrim{position:fixed;inset:0;background-color:var(--color-scrim);z-index:calc(var(--z-modal) + 1)}.palette-explorer-grid{--palette-explorer-column-min: 22rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--palette-explorer-column-min)),1fr));grid-auto-rows:minmax(14rem,16rem);gap:var(--gap-module);min-width:0}.palette-explorer-cell{position:relative;display:flex;align-items:stretch;justify-content:stretch;min-width:0;min-height:0}.palette-explorer-cell[data-renaming=true]{z-index:calc(var(--z-modal) + 2)}.palette-explorer-empty-tray{justify-content:flex-start}.palette-explorer-empty-tray-content{display:flex;flex-direction:column;align-items:stretch;gap:var(--gap-section);width:100%;min-width:0;height:100%}.palette-explorer-empty-tray-header{display:flex;flex-direction:column;align-items:stretch;gap:var(--gap-section);min-width:0}.palette-explorer-empty-tray-header h1{font-family:var(--font-family-fancy);font-weight:500;font-size:1.25rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--color-on-module-primary)}.palette-explorer-socket{--palette-explorer-socket-delay: 0ms;position:absolute;top:50%;left:50%;width:5rem;height:5rem;border-radius:50%;background-color:var(--color-panel);box-shadow:var(--shadow-down-2);transform:translate(-50%,-50%);z-index:var(--z-canvas);pointer-events:none;opacity:1}.palette-explorer-socket[data-loading=true]{opacity:0;animation:palette-explorer-socket-loading 1.1s ease-in-out infinite;animation-delay:var(--palette-explorer-socket-delay)}@media(max-width:800px){.view-palette-explorer{padding-bottom:calc(var(--padding-workspace) + var(--height-mobile-tool-nav))}}@keyframes palette-explorer-socket-loading{0%,to{opacity:0}50%{opacity:1}}.palette-tray{display:flex;flex-direction:column;gap:1rem;border-radius:var(--border-radius-module);box-shadow:var(--shadow-up-3-round);padding:var(--padding-module);background-color:var(--color-module-primary);position:relative;z-index:var(--z-card);width:100%;min-width:0;min-height:100%}.palette-tray-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-width:0}.palette-tray-rename{display:flex;align-items:center;gap:.75rem;width:100%;min-width:0}.palette-tray-rename-field{flex:1 1 auto;min-width:0}.palette-tray-rename-input{height:2rem}.palette-tray-rename-actions{width:auto;flex-shrink:0}.palette-tray-rename-button{width:var(--height-btn-square);height:var(--height-btn-square)}.palette-tray-rename-button .btn-face{padding:0}.palette-tray-rename-button .btn-icon{width:1rem;height:1rem}.palette-tray-name{font-family:var(--font-family-fancy);font-weight:500;font-size:1.25rem;line-height:1.3;margin:0;letter-spacing:0rem;flex:1 1 auto;min-width:0;overflow:hidden;color:var(--color-on-module-primary);white-space:nowrap}.palette-tray-name-text{display:inline-block;transition:transform var(--transition-fast);will-change:transform}.palette-tray-name[data-overflow=true]:hover .palette-tray-name-text{animation:palette-tray-name-scroll 2.5s linear infinite alternate}@keyframes palette-tray-name-scroll{0%{transform:translate(0)}to{transform:translate(var(--palette-tray-name-scroll-distance))}}.palette-tray-actions{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end}.palette-tray-menu-button{width:var(--height-btn-square);height:var(--height-btn-square)}.palette-tray-menu-button .btn-face{padding:0}.palette-tray-menu-button .btn-icon{width:1rem;height:1rem}.palette-tray-insert{display:flex;flex-direction:column;background-color:var(--color-tray-insert);border-radius:var(--border-radius-tray-insert);flex:1 1 auto;align-items:stretch;padding:var(--gap-palette-tray);gap:var(--gap-palette-tray);width:100%;min-height:0;position:relative}.palette-tray-insert[data-empty=true]{align-items:center;justify-content:center;background:var(--color-module-primary);box-shadow:var(--shadow-down-2)}.palette-tray-empty-state{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);text-align:center}.palette-tray-open-overlay{opacity:0;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--border-radius-tray-insert);cursor:pointer;z-index:calc(var(--z-card) + 1);background-color:var(--color-screen-overlay);color:var(--color-on-screen);box-shadow:var(--shadow-up-button);transition:opacity var(--transition-fast)}.palette-tray-open-overlay:is(:hover,:focus-visible){opacity:1}.palette-tray[data-open-confirm-active=true] .palette-tray-open-overlay{opacity:1}.palette-tray-open-label{font-family:var(--font-family-mono);font-weight:500;font-size:.875rem;margin:0;letter-spacing:.078125rem;text-transform:uppercase;pointer-events:none}.palette-tray-row{display:flex;flex:1 1 0;align-items:stretch;gap:var(--gap-palette-tray);width:100%;min-height:0}.palette-tray-swatch{flex:1 1 0;min-width:0;min-height:0;border-radius:var(--border-radius-tray-swatch);box-shadow:var(--shadow-down-tray)}.palette-tray-row[data-first-row=true] .palette-tray-swatch[data-first-swatch=true]{border-top-left-radius:var(--border-radius-tray-swatch-corners)}.palette-tray-row[data-first-row=true] .palette-tray-swatch[data-last-swatch=true]{border-top-right-radius:var(--border-radius-tray-swatch-corners)}.palette-tray-row[data-last-row=true] .palette-tray-swatch[data-first-swatch=true]{border-bottom-left-radius:var(--border-radius-tray-swatch-corners)}.palette-tray-row[data-last-row=true] .palette-tray-swatch[data-last-swatch=true]{border-bottom-right-radius:var(--border-radius-tray-swatch-corners)}.view-admin-corpus{display:flex;flex-direction:column;gap:var(--gap-module);height:100%;min-height:0;padding:var(--padding-workspace);overflow:auto}.admin-corpus-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--gap-module);flex-shrink:0}.admin-corpus-kicker{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;color:var(--color-input-supporting);margin:0 0 .35rem;text-transform:uppercase}.admin-corpus-title{font-family:var(--font-family-fancy);font-weight:500;font-size:2rem;line-height:1.3;letter-spacing:0rem;color:var(--color-on-module-primary);margin:0}.admin-corpus-count{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);flex-shrink:0}.admin-link{font-family:var(--font-family-mono);font-weight:500;font-size:.875rem;margin:0;letter-spacing:.078125rem;text-transform:uppercase;color:var(--color-on-module-primary);text-decoration:none}.admin-corpus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));grid-auto-rows:minmax(16rem,auto);gap:var(--gap-module);min-height:0}.admin-corpus-card{display:flex;flex-direction:column;gap:.75rem;min-width:0}.admin-corpus-meta{display:flex;flex-wrap:wrap;gap:.4rem}.admin-corpus-meta span{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;border-radius:999rem;background-color:var(--color-panel);color:var(--color-input-supporting);padding:.25rem .55rem;box-shadow:var(--shadow-down-1)}.admin-corpus-empty{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;display:flex;align-items:center;justify-content:center;min-height:16rem;border-radius:var(--border-radius-module);background-color:var(--color-module-primary);color:var(--color-input-supporting);box-shadow:var(--shadow-up-3-round)}.view-color-names{display:flex;flex-direction:column;gap:var(--gap-module);height:100%;min-height:0;padding:var(--padding-workspace);overflow:auto}.color-names-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--gap-module);flex-shrink:0}.color-names-kicker{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;color:var(--color-input-supporting);margin:0 0 .35rem;text-transform:uppercase}.color-names-title{font-family:var(--font-family-fancy);font-weight:500;font-size:2rem;line-height:1.3;letter-spacing:0rem;color:var(--color-on-module-primary);margin:0}.color-names-count{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);flex-shrink:0}.color-names-groups{display:flex;flex-direction:column;gap:calc(var(--gap-module) * 1.15);min-height:0}.color-name-group{display:flex;flex-direction:column;gap:.75rem;min-width:0}.color-name-group-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:.35rem;border-bottom:1px solid color-mix(in srgb,var(--color-input-supporting) 18%,transparent)}.color-name-group-header h2{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;letter-spacing:.03125rem;color:var(--color-on-module-primary);margin:0;text-transform:capitalize}.color-name-group-header span{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting)}.color-names-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:1rem;min-height:0}.color-name-card{position:relative;display:grid;grid-template-columns:4.5rem minmax(0,1fr);align-items:stretch;gap:1rem;min-width:0;min-height:6rem;padding:.75rem;border-radius:var(--border-radius-button);background-color:var(--color-module-primary);box-shadow:var(--shadow-up-1-round)}.color-name-family{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;position:absolute;top:.55rem;right:.75rem;max-width:calc(100% - 6rem);color:var(--color-input-supporting);overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.color-name-swatch{min-width:0;min-height:4rem;border-radius:var(--border-radius-tray-swatch);box-shadow:var(--shadow-down-tray)}.color-name-details{display:flex;flex-direction:column;justify-content:space-between;gap:.8rem;min-width:0}.color-name-primary{display:flex;flex-direction:column;gap:.2rem;min-width:0;padding-right:4.5rem}.color-name-label{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;letter-spacing:.03125rem;color:var(--color-on-module-primary);margin:0;overflow-wrap:anywhere;text-transform:capitalize}.color-name-hex{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting)}.color-name-meta{display:flex;flex-wrap:wrap;gap:.25rem .7rem;min-width:0}.color-name-meta span{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting)}@media(max-width:46rem){.color-names-header{align-items:flex-start;flex-direction:column;gap:.75rem}}.view-color-name-map{display:flex;flex-direction:column;gap:var(--gap-module);height:100%;min-height:0;padding:var(--padding-workspace);overflow:auto}.color-name-map-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);gap:var(--gap-module);min-height:0}.rgb-gamut-sidebar{display:flex;flex-direction:column;gap:1rem;min-width:0}.rgb-gamut-panel{display:flex;flex-direction:column;gap:.85rem;min-width:0;padding:var(--padding-module);border-radius:var(--border-radius-module);background-color:var(--color-module-primary);box-shadow:var(--shadow-up-3-round)}.rgb-gamut-panel-primary{min-height:min(42rem,100vh - 12rem)}.rgb-gamut-panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;min-width:0}.rgb-gamut-panel-header h2{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;letter-spacing:.03125rem;color:var(--color-on-module-primary);margin:0}.rgb-gamut-panel-header span{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);white-space:nowrap}.rgb-gamut-cube{width:100%;min-height:24rem;flex:1 1 auto;border-radius:var(--border-radius-button);background:linear-gradient(var(--color-module-primary),var(--color-module-primary)) padding-box,linear-gradient(135deg,#ffffff14,#0000001f) border-box;border:1px solid transparent}.rgb-gamut-cube-edges line{stroke:color-mix(in srgb,var(--color-input-supporting) 46%,transparent);stroke-width:1.2;vector-effect:non-scaling-stroke}.rgb-gamut-cube-dots circle{stroke:#00000080;stroke-width:.75;vector-effect:non-scaling-stroke}.rgb-gamut-axis-labels,.rgb-gamut-projection-labels{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;fill:var(--color-input-supporting)}.rgb-gamut-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.rgb-gamut-stat{display:flex;flex-direction:column;gap:.25rem;min-width:0;padding:.75rem;border-radius:var(--border-radius-button);background-color:color-mix(in srgb,var(--color-module-primary) 82%,var(--color-on-module-primary));box-shadow:var(--shadow-up-1-round)}.rgb-gamut-stat span{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting)}.rgb-gamut-stat strong{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);font-weight:500}.rgb-gamut-projection{width:100%;aspect-ratio:1;min-height:14rem;border-radius:var(--border-radius-button);background-color:color-mix(in srgb,var(--color-module-primary) 92%,black)}.rgb-gamut-projection-frame{fill:transparent;stroke:color-mix(in srgb,var(--color-input-supporting) 40%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.rgb-gamut-projection circle{stroke:#00000073;stroke-width:.55;vector-effect:non-scaling-stroke}@media(max-width:68rem){.color-name-map-layout{grid-template-columns:1fr}.rgb-gamut-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.rgb-gamut-stats{grid-column:1/-1}}.view-admin-users{display:flex;flex-direction:column;gap:var(--gap-module);height:100%;min-height:0;padding:var(--padding-workspace);overflow:auto}.admin-users-grant{display:flex;align-items:flex-end;gap:1rem;padding:var(--padding-module);border-radius:var(--border-radius-module);background-color:var(--color-module-primary);box-shadow:var(--shadow-up-3-round)}.admin-users-email-field{flex:1 1 auto;min-width:16rem}.admin-users-role-field{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;display:flex;flex-direction:column;gap:.45rem;color:var(--color-on-module-primary)}.admin-users-role-field select{min-height:2.5rem;border:0;border-radius:var(--border-radius-button);background-color:var(--color-input);color:var(--color-on-input);box-shadow:var(--shadow-down-1);padding:0 .75rem}.admin-users-list{display:flex;flex-direction:column;gap:.75rem}.admin-users-row{display:grid;grid-template-columns:minmax(0,1fr) 10rem auto;align-items:center;gap:1rem;padding:var(--padding-module);border-radius:var(--border-radius-module);background-color:var(--color-module-primary);box-shadow:var(--shadow-up-3-round)}.admin-users-row select{min-height:2.5rem;border:0;border-radius:var(--border-radius-button);background-color:var(--color-input);color:var(--color-on-input);box-shadow:var(--shadow-down-1);padding:0 .75rem}.admin-users-identity{display:flex;flex-direction:column;gap:.25rem;min-width:0}.admin-users-identity strong{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary)}.admin-users-identity span{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting)}@media(max-width:54rem){.admin-users-grant,.admin-users-row{display:flex;flex-direction:column;align-items:stretch}}.view-admin-waitlist{display:flex;flex-direction:column;gap:var(--gap-module);height:100%;min-height:0;padding:var(--padding-workspace);overflow:auto}.admin-waitlist-links{display:flex;align-items:center;gap:1rem;flex-shrink:0}.admin-waitlist-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-module)}.admin-waitlist-stat{display:flex;flex-direction:column;gap:.35rem;min-width:0;padding:var(--padding-module);border-radius:var(--border-radius-module);background-color:var(--color-module-primary);box-shadow:var(--shadow-up-3-round)}.admin-waitlist-stat span{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting)}.admin-waitlist-stat strong{font-family:var(--font-family-fancy);font-size:1.75rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--color-on-module-primary);font-weight:500}.admin-waitlist-table{display:flex;flex-direction:column;min-width:0;border-radius:var(--border-radius-module);background-color:var(--color-module-primary);box-shadow:var(--shadow-up-3-round);overflow:hidden}.admin-waitlist-row{display:grid;grid-template-columns:minmax(14rem,1.4fr) minmax(9rem,.8fr) minmax(12rem,1fr) minmax(12rem,1fr);align-items:center;gap:1rem;min-width:0;padding:1rem var(--padding-module);border-bottom:1px solid var(--color-border-module)}.admin-waitlist-row:last-child{border-bottom:0}.admin-waitlist-row>div{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;min-width:0;overflow:hidden;color:var(--color-on-module-primary);text-overflow:ellipsis;white-space:nowrap}.admin-waitlist-row>[role=columnheader]{color:var(--color-input-supporting);text-transform:uppercase}@media(max-width:64rem){.admin-waitlist-table{overflow-x:auto}.admin-waitlist-row{min-width:58rem}}@media(max-width:42rem){.admin-waitlist-summary{grid-template-columns:minmax(0,1fr)}}.view-palette-create,.view-color-kit{position:relative;display:flex;padding:var(--padding-workspace);gap:var(--gap-module);height:100%}.view-palette-create .module,.view-color-kit .module{flex:3 1 0;min-width:0;overflow:auto}.view-palette-create .module-wide,.view-color-kit .module-wide{flex:1 1 100%;width:100%}.view-palette-create .palette-create-module-content,.view-color-kit .palette-create-module-content{display:flex;flex-direction:column;flex:1 1 auto;gap:var(--gap-section);min-height:0;width:100%}.view-palette-create .palette-create-module-label,.view-color-kit .palette-create-module-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary)}.view-palette-create .palette-create-module-header,.view-color-kit .palette-create-module-header{display:flex;flex-direction:column;gap:.5rem;width:100%}.view-palette-create .palette-create-module-header-row,.view-color-kit .palette-create-module-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--height-btn-secondary);width:100%}.view-palette-create .palette-create-module-header-control,.view-color-kit .palette-create-module-header-control,.view-palette-create .btn-toggle-group,.view-color-kit .btn-toggle-group,.view-palette-create .btn-toggle-group-cutout,.view-color-kit .btn-toggle-group-cutout{width:100%}.view-palette-create .palette-create-module-header-row-actions,.view-color-kit .palette-create-module-header-row-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.view-palette-create .palette-create-module-header-row-control,.view-color-kit .palette-create-module-header-row-control{display:flex;justify-content:flex-end;min-width:12rem}.view-palette-create .palette-create-source-select,.view-color-kit .palette-create-source-select{display:flex;flex-direction:column;gap:1.25rem;width:100%}.view-palette-create .palette-create-source-select,.view-color-kit .palette-create-source-select{flex:1 1 auto}.view-palette-create .palette-create-status,.view-color-kit .palette-create-status{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--color-on-module-primary)}.view-palette-create .palette-create-status-error,.view-color-kit .palette-create-status-error{color:var(--color-input-invalid)}.view-palette-create .color-kit-scale-list,.view-color-kit .color-kit-scale-list{display:flex;flex-direction:column;gap:var(--gap-content);min-width:0;width:100%}.view-palette-create .palette-create-loading-picker-shell,.view-palette-create .palette-create-loading-preview-shell,.view-palette-create .palette-create-loading-preview,.view-palette-create .palette-create-loading-preview-copy,.view-palette-create .palette-create-loading-board,.view-palette-create .palette-create-loading-board-grid,.view-color-kit .palette-create-loading-picker-shell,.view-color-kit .palette-create-loading-preview-shell,.view-color-kit .palette-create-loading-preview,.view-color-kit .palette-create-loading-preview-copy,.view-color-kit .palette-create-loading-board,.view-color-kit .palette-create-loading-board-grid{display:flex;flex-direction:column;width:100%}.view-palette-create .palette-create-loading-picker-shell,.view-palette-create .palette-create-loading-board,.view-color-kit .palette-create-loading-picker-shell,.view-color-kit .palette-create-loading-board{gap:var(--gap-section)}.view-palette-create .palette-create-loading-preview-shell,.view-color-kit .palette-create-loading-preview-shell{gap:.75rem}.view-palette-create .palette-create-loading-picker-stage,.view-color-kit .palette-create-loading-picker-stage{display:grid;grid-template-columns:minmax(0,1fr) 2.75rem;align-items:center;gap:1.5rem;min-height:19rem}.view-palette-create .palette-create-loading-preview,.view-color-kit .palette-create-loading-preview{flex-direction:row;align-items:center;gap:1rem;min-height:var(--height-btn-tall)}.view-palette-create .palette-create-loading-preview-copy,.view-color-kit .palette-create-loading-preview-copy{gap:.6rem;flex:1 1 auto;min-width:0}.view-palette-create .palette-create-loading-board-grid,.view-color-kit .palette-create-loading-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:.5rem;flex:1 1 auto;min-height:18rem}.view-palette-create .palette-create-loading-wheel,.view-palette-create .palette-create-loading-picker-label,.view-palette-create .palette-create-loading-preview-label,.view-palette-create .palette-create-loading-slider,.view-palette-create .palette-create-loading-preview-swatch,.view-palette-create .palette-create-loading-preview-title,.view-palette-create .palette-create-loading-preview-meta,.view-palette-create .palette-create-loading-preview-button,.view-palette-create .palette-create-loading-board-label,.view-palette-create .palette-create-loading-board-swatch,.view-color-kit .palette-create-loading-wheel,.view-color-kit .palette-create-loading-picker-label,.view-color-kit .palette-create-loading-preview-label,.view-color-kit .palette-create-loading-slider,.view-color-kit .palette-create-loading-preview-swatch,.view-color-kit .palette-create-loading-preview-title,.view-color-kit .palette-create-loading-preview-meta,.view-color-kit .palette-create-loading-preview-button,.view-color-kit .palette-create-loading-board-label,.view-color-kit .palette-create-loading-board-swatch{background-color:var(--color-on-module-primary);box-shadow:var(--shadow-down-1);opacity:.08;animation:palette-create-loading-fade 1.25s ease-in-out infinite}.view-palette-create .palette-create-loading-picker-label,.view-palette-create .palette-create-loading-preview-label,.view-palette-create .palette-create-loading-board-label,.view-color-kit .palette-create-loading-picker-label,.view-color-kit .palette-create-loading-preview-label,.view-color-kit .palette-create-loading-board-label{height:.8rem;border-radius:999px}.view-palette-create .palette-create-loading-picker-label,.view-color-kit .palette-create-loading-picker-label{width:8.75rem}.view-palette-create .palette-create-loading-preview-label,.view-palette-create .palette-create-loading-board-label,.view-color-kit .palette-create-loading-preview-label,.view-color-kit .palette-create-loading-board-label{width:4.75rem}.view-palette-create .palette-create-loading-wheel,.view-color-kit .palette-create-loading-wheel{aspect-ratio:1;width:min(100%,17.5rem);justify-self:center;border-radius:50%}.view-palette-create .palette-create-loading-slider,.view-color-kit .palette-create-loading-slider{width:100%;height:18rem;border-radius:999px}.view-palette-create .palette-create-loading-preview-swatch,.view-color-kit .palette-create-loading-preview-swatch{flex:1 1 auto;min-width:0;min-height:var(--height-btn-tall);border-radius:var(--border-radius-button);flex-shrink:0}.view-palette-create .palette-create-loading-preview-title,.view-color-kit .palette-create-loading-preview-title{width:6rem;height:.95rem;border-radius:999px}.view-palette-create .palette-create-loading-preview-meta,.view-color-kit .palette-create-loading-preview-meta{width:3.5rem;height:.85rem;border-radius:999px}.view-palette-create .palette-create-loading-preview-button,.view-color-kit .palette-create-loading-preview-button{width:7rem;height:var(--height-btn-tall);border-radius:999px;flex-shrink:0}.view-palette-create .palette-create-loading-board-swatch,.view-color-kit .palette-create-loading-board-swatch{min-height:0;border-radius:var(--border-radius-button)}.palette-create-edit-scrim{position:fixed;inset:0;background-color:var(--color-scrim);z-index:calc(var(--z-modal) + 1)}.palette-create-picker-module[data-edit-focus=true]{position:relative;z-index:calc(var(--z-modal) + 2)}.view-color-kit{height:auto;min-height:100%}.view-color-kit .module{overflow:visible}.color-kit-scale-scrim{position:fixed;inset:0;background-color:var(--color-scrim);z-index:calc(var(--z-modal) + 1)}@media(min-width:801px){.view-palette-create{height:auto;min-height:100%;overflow:visible}.view-palette-create .module{overflow:visible}.view-palette-create .palette-create-board-module{min-height:calc(100vh - var(--height-app-bar) - var(--gap-panel) - var(--gap-panel) - var(--gap-panel) - var(--padding-workspace) - var(--padding-workspace))}.view-palette-create .palette-create-board-module .palette-board-grid{grid-template-rows:repeat(var(--palette-board-grid-rows, 1),minmax(var(--height-palette-board-swatch-min),1fr))}.view-palette-create .palette-create-board-module .palette-board-swatch,.view-palette-create .palette-create-loading-board-swatch{min-height:var(--height-palette-board-swatch-min)}.view-palette-create .palette-create-loading-board-grid{grid-auto-rows:minmax(var(--height-palette-board-swatch-min),1fr)}}@media(min-width:801px)and (max-width:1600px){.view-palette-create{flex-direction:column}.view-palette-create .module{flex:0 0 auto;width:100%}.view-palette-create .palette-create-board-module{min-height:0}.view-palette-create .palette-create-board-module .palette-board-grid{grid-template-rows:repeat(var(--palette-board-grid-rows, 1),minmax(var(--height-mobile-palette-board-swatch),auto))}.view-palette-create .palette-create-board-module .palette-board-swatch,.view-palette-create .palette-create-loading-board-swatch{min-height:var(--height-mobile-palette-board-swatch)}.view-palette-create .palette-create-loading-board-grid{grid-auto-rows:minmax(var(--height-mobile-palette-board-swatch),auto)}}.color-kit-module-content{display:flex;flex-direction:column;flex:1 1 auto;gap:var(--gap-content);min-height:0;width:100%}.control-panel-header{display:flex;flex:0 0 auto;min-width:0;gap:var(--gap-section)}.control-panel-header .control-panel-info{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--gap-content)}.control-panel-header .control-panel-mode-controls{padding:1rem;border-radius:var(--border-radius-button);box-shadow:var(--shadow-down-1)}.control-panel-content{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.control-panel-expand,.control-panel-scrim{display:none}.palette-create-screen-stack{display:flex;flex:4 1 0;flex-direction:column;gap:var(--gap-content);min-width:0;min-height:0}.palette-create-screen{display:flex;flex-direction:column;gap:1rem;height:100%;color:var(--color-on-screen)}.palette-create-screen-content{display:flex;flex:1 1 auto;min-height:0;width:100%}.palette-create-screen-split{display:flex;flex:1 1 auto;gap:1rem;min-height:0;width:100%}.palette-create-info,.palette-create-screen-visualizer{display:flex;flex:1 1 0;min-width:0;min-height:0}.palette-create-info{flex-direction:column;gap:1rem}.palette-create-screen-label{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;margin:0;letter-spacing:.046875rem;text-transform:uppercase}.palette-create-info-field{font-family:var(--font-family-sans);font-weight:300;font-size:.625rem;line-height:1.3;margin:0;letter-spacing:.09375rem;text-transform:uppercase;color:var(--color-on-screen-accent)}.palette-create-screen-label{color:var(--color-on-screen)}.palette-create-info-list{display:flex;flex-direction:column;gap:1rem;height:100%}.palette-create-info-row{display:flex;flex-direction:column;gap:.25rem}.palette-create-info-value{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;color:var(--color-on-screen)}.palette-create-info-harmony{display:flex;align-items:center;gap:.5rem}.palette-create-info-harmony-icon{flex:0 0 auto;background-color:var(--color-harmony-icon-bg);width:1rem;height:1rem;border-radius:.25rem;outline:.05rem solid var(--color-harmony-icon-bg)}.palette-create-info-harmony-icon svg{width:1rem;height:1rem;color:var(--color-harmony-icon-fill)}.palette-create-screen-empty-state{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem;display:flex;flex:1 1 auto;min-height:0;width:100%;color:var(--color-on-screen)}.palette-create-screen-empty-state-cursor{display:inline-block;margin-left:.125rem;animation:palette-create-screen-cursor-blink 1s steps(1,end) infinite}.palette-create-overview-panel,.palette-create-screen-panel{display:flex;flex:1 1 0;min-height:var(--height-control-panel-screen-min)}.palette-create-overview-panel .screen,.palette-create-screen-panel .screen{flex:1 1 auto}@media(min-width:801px){.control-panel-content{flex:1 0 auto;overflow:visible}.palette-create-screen-stack{flex:1 0 auto}}@media(max-width:800px){.control-panel-scrim{position:fixed;inset:0;z-index:calc(var(--z-modal) - 1);display:block;background-color:var(--color-scrim-dark);opacity:0;pointer-events:none;transition:opacity var(--transition-medium)}.control-panel-scrim[data-mobile-expanded=true]{opacity:1;pointer-events:auto}.view-palette-create,.view-color-kit{flex-direction:column;height:auto;min-height:0;padding-bottom:calc(var(--padding-workspace) + var(--height-mobile-tool-nav))}.view-palette-create .module,.view-color-kit .module{flex:0 0 auto;width:100%;overflow:visible}.view-palette-create{min-height:calc(100dvh - var(--height-app-bar) - var(--height-mobile-tool-nav) - var(--gap-panel) * 3)}.view-palette-create[data-empty-new-palette=true] .palette-create-board-module{display:none}.view-palette-create .palette-recommendations{flex:0 1 auto;max-height:var(--height-mobile-palette-recommendations)}.view-color-kit .palette-create-module-header-row{align-items:stretch;flex-direction:column;gap:var(--gap-content)}.view-color-kit .palette-create-module-header-row-actions,.view-color-kit .palette-create-module-header-row-control{width:100%;min-width:0}.view-palette-create .palette-create-board-module .palette-board-grid{grid-template-rows:repeat(var(--palette-board-grid-rows, 1),minmax(var(--height-mobile-palette-board-swatch),auto))}.view-palette-create .palette-create-board-module .palette-board-swatch,.view-palette-create .palette-create-loading-board-swatch{min-height:var(--height-mobile-palette-board-swatch)}.view-palette-create .palette-create-loading-board-grid{grid-auto-rows:minmax(var(--height-mobile-palette-board-swatch),auto)}.control-panel-header{flex-direction:column;padding-bottom:calc(var(--height-btn) + var(--gap-section))}.control-panel-info{min-height:0}.control-panel-expand{position:absolute;right:0;bottom:0;left:0;z-index:1;display:flex;width:100%;padding:var(--padding-control-panel);border-radius:var(--border-radius-panel);background-color:var(--color-panel-primary)}.control-panel-expand-button{width:100%}.control-panel-actions,.control-panel-mode-controls,.layout-control-panel>.module-divider,.control-panel-content{opacity:0;pointer-events:none;transition:opacity var(--transition-medium)}.layout-control-panel[data-mobile-expanded=false] .control-panel-actions,.layout-control-panel[data-mobile-expanded=false] .control-panel-mode-controls,.layout-control-panel[data-mobile-expanded=false] .control-panel-content{opacity:0;pointer-events:none}.layout-control-panel[data-mobile-expanded=false]>.module-divider{opacity:0}.layout-control-panel[data-mobile-state=open] .control-panel-header{padding-bottom:0}.layout-control-panel[data-mobile-state=open] .control-panel-actions,.layout-control-panel[data-mobile-state=open] .control-panel-mode-controls,.layout-control-panel[data-mobile-state=open]>.module-divider,.layout-control-panel[data-mobile-state=open] .control-panel-content{opacity:1;pointer-events:auto}.layout-control-panel[data-mobile-state=open] .control-panel-expand{position:fixed;right:0;bottom:0;left:0;height:var(--height-mobile-control-panel-expand-tray);z-index:var(--z-alert);box-shadow:var(--shadow-up-nav)}.layout-control-panel[data-mobile-expanded=true]{display:flex;flex-direction:column;gap:var(--gap-content)}.layout-control-panel[data-mobile-expanded=true] .control-panel-content,.layout-control-panel[data-mobile-expanded=false] .control-panel-content,.palette-create-screen-stack{flex:0 0 auto;overflow:visible}.palette-create-overview-panel,.palette-create-screen-panel{flex:0 0 auto;min-height:var(--height-control-panel-screen-min)}.palette-create-overview-panel{min-height:var(--height-mobile-palette-overview-screen)}.palette-create-screen-split{flex-direction:column}.palette-create-info{flex:0 0 auto}.palette-create-info-list{height:auto}.palette-create-screen-visualizer{flex:1 1 auto;min-height:0}}@keyframes palette-create-loading-fade{0%,to{opacity:.06}50%{opacity:.18}}.view-playground{display:flex;flex-direction:column;overflow:auto;padding:var(--padding-workspace);gap:var(--gap-module);height:100%}.view-playground .playground-row{display:flex;gap:var(--gap-module);flex:0 0 100%;min-height:100%}.view-playground .playground-module{display:flex;flex-direction:column;flex:1 1 0;min-width:0;overflow:auto;gap:1.5rem;border-radius:var(--border-radius-module);box-shadow:var(--shadow-up-3-round);padding:var(--padding-module)}.view-playground .playground-module-triplet{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));flex:1 1 0;min-width:0;gap:1.5rem}.view-playground .playground-screen-stack{display:flex;flex:1 1 0;flex-direction:column;gap:1.5rem;min-width:0;min-height:0}.view-playground .playground-cluster{display:flex;flex-wrap:wrap;gap:2rem}.view-playground .button-wide-container{display:flex;gap:1rem;flex-direction:column;width:100%}.view-playground .playground-stack{display:flex;flex-direction:column;gap:1.5rem;width:100%}.view-playground .playground-screen-panel{display:flex;flex:1 1 0;min-height:0}.view-playground .playground-screen-panel .screen{flex:1 1 auto}.view-playground .playground-screen{display:flex;align-items:center;justify-content:center;height:100%}.view-playground .playground-tooltip-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.view-playground .toggle-readout{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem}.view-playground .playground-slider-vertical{display:flex;justify-content:center;height:100%}.view-playground .playground-slider-vertical-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:start;height:100%}.figma-device-approval{display:grid;min-height:100dvh;place-items:center;padding:1.5rem;background:var(--color-background);color:var(--color-on-background)}.figma-device-card{display:flex;flex-direction:column;gap:var(--gap-section);width:min(100%,30rem);padding:1.5rem;background:var(--color-module-primary);color:var(--color-on-module-primary);border-radius:var(--border-radius-module);box-shadow:var(--shadow-up-modal)}.figma-device-card p{font-family:var(--font-family-mono);font-weight:400;font-size:1rem;line-height:1.3;margin:0;letter-spacing:0rem}.figma-device-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.figma-device-header h1{font-family:var(--font-family-fancy);font-weight:600;font-size:1.5rem;line-height:1.3;margin:0;letter-spacing:0rem}@keyframes palette-create-screen-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.view-not-found{display:grid;place-items:center;padding:2rem;color:var(--color-on-module-primary);text-align:center}.view-not-found-public{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;background:var(--color-background-website);color:var(--color-on-panel-primary)}.view-not-found-app{min-height:100%}.view-not-found-content{display:grid;gap:.75rem;max-width:28rem}.not-found-page-main{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:0;padding:calc(var(--height-website-nav) + var(--padding-workspace)) var(--padding-workspace) var(--padding-workspace)}.not-found-page-content{width:min(100%,42rem)}.not-found-page-content .plate{align-items:center;justify-content:center;min-height:clamp(20rem,42vw,28rem)}.not-found-page-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-section);min-height:inherit;padding:clamp(2rem,8vw,5rem);text-align:center}.view-not-found-kicker{font-family:var(--font-family-mono);font-weight:400;font-size:.875rem;line-height:1.3;letter-spacing:.046875rem;text-transform:uppercase;margin:0;color:var(--color-input-supporting)}.view-not-found h1,.not-found-page-message h1{font-family:var(--font-family-fancy);font-weight:500;font-size:2rem;line-height:1.3;letter-spacing:0rem;margin:0}.view-not-found p,.not-found-page-message p{font-family:var(--font-family-sans);font-weight:400;font-size:1rem;line-height:1.3;letter-spacing:.03125rem;margin:0;color:var(--color-input-supporting)}.view-not-found-link{margin-top:.25rem;text-decoration:none}