@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;--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);--color-text-primary:var(--grey-30);--color-background-app:var(--grey-30);--color-background-website:var(--grey-80);--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-on-module-primary-subtle:var(--grey-50);--color-sequencer-item:var(--color-module-primary);--color-on-sequencer-item:var(--color-on-module-primary);--color-on-sequencer-item-reference:color-mix(in oklch, var(--color-on-sequencer-item) 68%, transparent);--color-border-sequencer-item:var(--grey-60);--color-border-sequencer-item-hover:var(--color-highlight-hover);--color-border-sequencer-item-selected:var(--color-btn-multiselect-active);--color-border-sequencer-button-preview:color-mix(in oklab, var(--color-border-sequencer-item) 64%, transparent);--color-screen:var(--grey-20);--color-on-screen:var(--grey-99);--color-on-screen-accent:var(--yellow-90);--color-on-screen-error:var(--red-70);--color-on-screen-warning:var(--orange-80);--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-80);--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-95);--color-btn-secondary-hover:var(--yellow-50);--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-pro:var(--indigo-50);--color-on-pro:var(--grey-99);--color-text-pro:var(--indigo-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);--opacity-disabled:.65;--height-btn:36px;--height-btn-secondary:36px;--height-btn-wide:88px;--height-btn-tall:128px;--height-btn-mini:32px;--height-btn-square:96px;--height-btn-toggle-backlit:36px;--height-select-rich-preview:5rem;--height-select-rich-preview-content:calc(var(--height-select-rich-preview) - 1rem - (var(--padding-cutout) * 2));--height-select-rich-preview-panel-viewport-offset:8rem;--height-combobox-option:2.5rem;--height-combobox-option-preview:1.5rem;--height-combobox-panel-viewport-offset:8rem;--height-swatch:8rem;--height-swatch-recommendation:5rem;--height-palette-explorer-tray-min:14rem;--height-palette-explorer-tray-max:16rem;--height-design-system-explorer-tray-min:21rem;--height-design-system-explorer-tray-max:24rem;--height-design-system-tray-color-preview:3.75rem;--height-image-upload:14rem;--height-input-text:40px;--height-slide-switch-row:32px;--height-sequencer-control-panel-swatch:10rem;--height-sequencer-semantic-color-preview:2rem;--max-height-select-rich-preview-panel:24rem;--max-height-combobox-panel:20rem;--max-height-section-nav:calc(100vh - var(--gap-panel) * 2);--max-height-section-nav-preview:32rem;--width-btn-tall:98px;--width-section-nav:13rem;--width-sequencer-button-preview-size-select:12rem;--min-width-sequencer-button-size-preview:8rem;--min-width-sequencer-typography-preview:16rem;--size-btn-icon:1.1rem;--size-combobox-action:1.75rem;--size-sequencer-application-color-swatch:2.5rem;--size-section-nav-label-icon:1rem;--gap-palette-tray:4px;--gap-section-nav-item:.125rem;--gap-slide-switch-row:0px;--padding-cutout:1px;--padding-cutout-thin:1px;--padding-cutout-thick:2px;--padding-menu-item-block:.5rem;--padding-menu-item-inline:.75rem;--padding-sequencer-item:.75rem;--padding-section-nav-link:.5rem .75rem;--gap-panel:4px;--gap-module:24px;--gap-section:1rem;--gap-content:.5rem;--height-app-bar:68px;--height-impersonation-banner:0px;--height-viewport:calc(100vh - var(--height-impersonation-banner));--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:18rem;--height-palette-board-swatch-min:8rem;--height-mobile-palette-board-swatch:11rem;--height-mobile-palette-overview-screen:38rem;--height-mobile-palette-recommendations:29rem;--min-height-sequencer-editor-section:16rem;--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;--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-sequencer-item:2px solid var(--color-border-sequencer-item);--outline-sequencer-item:1px solid var(--color-border-sequencer-item-selected);--outline-offset-sequencer-item:2px;--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-badge:6px;--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;--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);--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);--duration-loading-pulse:1.25s;--transition-fast:.15s ease;--transition-medium:.25s ease;--duration-section-nav-disclosure:.25s;--duration-mobile-control-panel-expand:.36s;--breakpoint-sm:640px;--breakpoint-md:800px;--breakpoint-lg:1200px;--breakpoint-xl:1500px;--breakpoint-xxl:2000px}@media (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-theme-logo-filter:none;--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-control-active-text);--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);--landing-logo-filter:var(--landing-theme-logo-filter)}.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)}.view-landing-page[data-theme=signal]{--landing-theme-page-bg:#f3ca02;--landing-theme-text:#46000e;--landing-theme-muted-text:#872d1f;--landing-theme-surface:#cdda00;--landing-theme-surface-text:#46000e;--landing-theme-cutout:#46000e;--landing-theme-accent:#3853d1;--landing-theme-disabled:#872d1f;--landing-theme-info:#00b9e9;--landing-theme-info-text:#46000e;--landing-theme-control:#fd354e;--landing-theme-control-text:#46000e;--landing-theme-control-hover:#00b9e9;--landing-theme-control-hover-text:#46000e;--landing-theme-control-active:#3853d1;--landing-theme-control-active-text:#fcfcfc;--landing-theme-control-disabled:#cdda00;--landing-theme-control-disabled-text:#46000e;--landing-theme-input:#872d1f;--landing-theme-input-text:#fcfcfc}.view-landing-page[data-theme=arcade]{--landing-theme-page-bg:#0b0300;--landing-theme-text:#76fff1;--landing-theme-muted-text:#00ecc0;--landing-theme-surface:#4e0013;--landing-theme-surface-text:#76fff1;--landing-theme-cutout:#00ecc0;--landing-theme-accent:#e3003b;--landing-theme-disabled:#533614;--landing-theme-info:#00ecc0;--landing-theme-info-text:#0b0300;--landing-theme-control:#00ecc0;--landing-theme-control-text:#0b0300;--landing-theme-control-hover:#76fff1;--landing-theme-control-hover-text:#0b0300;--landing-theme-control-active:#4e0013;--landing-theme-control-active-text:#76fff1;--landing-theme-control-disabled:#533614;--landing-theme-control-disabled-text:#76fff1;--landing-theme-input:#533614;--landing-theme-input-text:#76fff1;--landing-theme-logo-filter:brightness(0) invert(1)}.view-landing-page[data-theme=bloom]{--landing-theme-page-bg:#ff9ee8;--landing-theme-text:#4a2e52;--landing-theme-muted-text:#4a2e52;--landing-theme-surface:#bab163;--landing-theme-surface-text:#4a2e52;--landing-theme-cutout:#4a2e52;--landing-theme-accent:#bab163;--landing-theme-disabled:#4d5854;--landing-theme-info:#ff9ee8;--landing-theme-info-text:#4a2e52;--landing-theme-control:#ff936e;--landing-theme-control-text:#4a2e52;--landing-theme-control-hover:#ff9ee8;--landing-theme-control-hover-text:#4a2e52;--landing-theme-control-active:#4b01c2;--landing-theme-control-active-text:#fcfcfc;--landing-theme-control-disabled:#bab163;--landing-theme-control-disabled-text:#4a2e52;--landing-theme-input:#4d5854;--landing-theme-input-text:#fcfcfc}.view-landing-page[data-theme=clay]{--landing-theme-page-bg:#cfc7c4;--landing-theme-text:#49391f;--landing-theme-muted-text:#764616;--landing-theme-surface:#cab3a5;--landing-theme-surface-text:#49391f;--landing-theme-cutout:#49391f;--landing-theme-accent:#e07c30;--landing-theme-disabled:#97a6ab;--landing-theme-info:#bcbebb;--landing-theme-info-text:#49391f;--landing-theme-control:#bcbebb;--landing-theme-control-text:#49391f;--landing-theme-control-hover:#cfc7c4;--landing-theme-control-hover-text:#49391f;--landing-theme-control-active:#764616;--landing-theme-control-active-text:#fcfcfc;--landing-theme-control-disabled:#97a6ab;--landing-theme-control-disabled-text:#49391f;--landing-theme-input:#764616;--landing-theme-input-text:#fcfcfc}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.15}body{margin:0}button{appearance:none;color:inherit;font:inherit;line-height:inherit;text-align:inherit;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:0;margin:0;padding:0}button:disabled{cursor:default}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentColor}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}a{text-decoration:none}hr{border:0;margin-block:0;margin-inline:0}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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);scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track);scrollbar-width:thin;font-size:16px}code,kbd,samp,pre{font-family:var(--font-family-mono);letter-spacing:0;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}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);letter-spacing:0;margin:0;font-size:3rem;font-weight:500;line-height:1.2}h2{font-family:var(--font-family-fancy);letter-spacing:0;margin:0;font-size:2.5rem;font-weight:500;line-height:1.2}h3{font-family:var(--font-family-fancy);letter-spacing:0;margin:0;font-size:2rem;font-weight:500;line-height:1.3}h4{font-family:var(--font-family-fancy);letter-spacing:0;margin:0;font-size:1.75rem;font-weight:500;line-height:1.3}h5{font-family:var(--font-family-fancy);letter-spacing:0;margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}h6{font-family:var(--font-family-fancy);letter-spacing:0;margin:0;font-size:1.25rem;font-weight:500;line-height:1.3}p{font-family:var(--font-family-sans);letter-spacing:.03125rem;margin:0;font-size:1rem;font-weight:400;line-height:1.3}::-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}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-enter-animation=fade-in],[data-enter-animation=fade-in-stagger]{opacity:0;animation:fade-in-enter var(--enter-animation-duration,.5s) ease-out 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:var(--height-viewport);flex-direction:row;width:100vw;display:flex;overflow:hidden}.layout-app-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.layout-app-main[data-scroll-layout=document]{overflow-y:auto}.layout-app-main[data-scroll-layout=document] .layout-app-body{flex:none;height:auto;min-height:0;display:block}.layout-app-main[data-scroll-layout=document] .layout-app-content{min-height:calc(var(--height-viewport) - var(--height-app-bar) - var(--gap-panel) * 3);display:block;overflow:visible}.layout-app-body{flex:1;min-width:0;min-height:0;display:flex}.layout-app-nav{flex:0 0 calc(var(--width-tool-nav) + var(--gap-panel) * 2);flex-direction:column;min-height:0;display:flex}.layout-app-content{min-width:0;min-height:calc(var(--height-viewport) - 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);flex:1;overflow:hidden}.layout-control-panel{width:30vw;min-height:0;height:calc(var(--height-viewport) - var(--gap-panel) * 2);gap:var(--gap-section);border-radius:var(--border-radius-panel);min-width:0;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);flex-direction:column;flex:0 0 30vw;display:flex;overflow:hidden}.layout-app-shell[data-control-panel-layout=sequencer] .layout-control-panel{flex-basis:25vw;width:25vw}@media (width>=801px){.layout-app-shell[data-has-control-panel=true] .layout-control-panel{overflow:hidden 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{flex:none;height:auto;min-height:0;display:block}.layout-app-shell[data-has-control-panel=true] .layout-app-content{min-height:calc(var(--height-viewport) - var(--height-app-bar) - var(--gap-panel) * 3);display:block;overflow:visible}}@media (width>=801px) and (width<=1500px){.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)}.layout-app-shell[data-control-panel-layout=sequencer] .layout-app-main{flex:7 1 0;width:auto}.layout-app-shell[data-control-panel-layout=sequencer] .layout-control-panel{flex:3 1 0;width:auto}}@media (width<=800px){.layout-app-nav{z-index:var(--z-nav);flex:0 0 var(--height-mobile-tool-nav);width:100vw;height:var(--height-mobile-tool-nav);min-height:0;position:fixed;inset:auto 0 0}.layout-app-content{margin:0 var(--gap-panel)}.layout-app-shell[data-has-control-panel=true]{flex-direction:column;overflow:hidden 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{min-height:var(--height-app-bar);margin:var(--gap-panel);flex:none;order:1}.layout-app-shell[data-has-control-panel=true] .layout-control-panel{z-index:auto;width:auto;height:var(--height-mobile-control-panel-collapsed);min-height:0;margin:0 var(--gap-panel) var(--gap-panel);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;flex:none;order:2;position:relative;top:auto;left:auto;right:auto;overflow:hidden}.layout-app-shell[data-has-control-panel=true] .layout-control-panel[data-mobile-hidden=true],.layout-app-shell[data-control-panel-layout=sequencer] .layout-control-panel{display:none}.layout-app-shell[data-has-control-panel=true] .layout-control-panel[data-mobile-expanded=true]{z-index:var(--z-modal);height:100dvh;scroll-padding-bottom:calc(var(--height-mobile-control-panel-expand-tray) + var(--padding-control-panel));position:fixed;top:0;left:0;right:0;overflow:hidden auto}.layout-app-shell[data-has-control-panel=true] .layout-app-body{flex:none;order:3;width:100%;height:auto;min-height:0;padding-top:0;display:block}.layout-app-shell[data-has-control-panel=true] .layout-app-content{width:auto;min-height:0;margin:0 var(--gap-panel) var(--gap-panel);display:block;overflow:visible}}.module{border-radius:var(--border-radius-module);box-shadow:var(--shadow-up-3-round);padding:var(--padding-module);background-color:var(--color-module-primary);flex-direction:column;display:flex}.module-divider{border-radius:var(--border-radius-pill);width:100%;min-width:0;height:.25rem;box-shadow:var(--shadow-down-1)}.module-divider-vertical{border-radius:var(--border-radius-pill);width:.25rem;min-width:0;height:100%;min-height:0;box-shadow:var(--shadow-down-1)}.plate{--plate-surface:var(--color-plate-primary);--plate-content:var(--color-on-plate-primary);isolation:isolate;width:100%;padding:calc(var(--padding-module) + 4px);background:var(--color-panel-cutout);color:var(--plate-content);border-radius:var(--border-radius-plate-cutout);box-shadow:var(--shadow-down-plate);display:flex;position:relative}.plate:before{z-index:-1;border-radius:var(--border-radius-plate);background:var(--plate-surface);box-shadow:var(--shadow-up-1-round);content:"";pointer-events:none;position:absolute;inset:4px}.screen{font-family:var(--font-family-mono);letter-spacing:0;isolation:isolate;width:100%;min-height:0;padding:calc(var(--padding-screen) + 1px);background:var(--color-panel-cutout);color:var(--color-on-screen);border-radius:var(--border-radius-screen-cutout);scrollbar-color:var(--color-on-screen) transparent;scrollbar-gutter:stable;scrollbar-width:thin;margin:0;font-size:1rem;font-weight:400;line-height:1.3;position:relative}.screen:before{z-index:-1;border-radius:var(--border-radius-screen);background:var(--color-screen);box-shadow:var(--shadow-up-screen);content:"";pointer-events:none;position:absolute;inset:1px}.screen::-webkit-scrollbar{width:calc(var(--size-scrollbar) + 6px);height:calc(var(--size-scrollbar) + 6px)}.screen::-webkit-scrollbar-track{margin-block:calc(var(--border-radius-screen) * .75);margin-inline:calc(var(--border-radius-screen) * .75);background-color:#0000}.screen::-webkit-scrollbar-thumb{border-radius:var(--border-radius-pill);background-color:var(--color-on-screen);background-clip:content-box;border:3px solid #0000}.screen::-webkit-scrollbar-thumb:hover{background-color:var(--color-on-screen)}.btn-nav,.btn-primary,.btn-primary-mini,.btn-primary-square,.btn-primary-wide,.btn-primary-tall,.btn-secondary,.btn-secondary-mini,.btn-secondary-square,.btn-danger,.btn-danger-mini,.btn-danger-square,.btn-danger-wide,.btn-danger-tall,.btn-toggle,.btn-toggle-backlit-button,.btn-multiselect{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;margin:0;font-size:.875rem;font-weight:500;display:flex;position:relative}.btn-text,.btn-icon{transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast)}.btn-primary,.btn-primary-mini,.btn-primary-square,.btn-primary-wide,.btn-primary-tall,.btn-secondary,.btn-secondary-mini,.btn-secondary-square,.btn-danger,.btn-danger-mini,.btn-danger-square,.btn-danger-wide,.btn-danger-tall{--button-cutout-size:var(--padding-cutout);--button-surface:var(--color-btn-primary);--button-surface-hover:var(--color-btn-primary-hover);--button-surface-active:var(--color-btn-primary-active);--button-surface-shadow:var(--shadow-up-button);--button-surface-shadow-hover:var(--shadow-up-button-hover);--button-surface-shadow-active:var(--shadow-up-button-active);--button-content:var(--color-on-btn-primary);--button-content-active:var(--color-on-btn-primary-active);isolation:isolate;padding:calc(.5rem + var(--button-cutout-size)) calc(.75rem + var(--button-cutout-size));background:var(--color-btn-cutout);color:var(--button-content);border-radius:var(--border-radius-cutout);transition:color var(--transition-fast);gap:.5rem}.btn-primary:before,.btn-primary-mini:before,.btn-primary-square:before,.btn-primary-wide:before,.btn-primary-tall:before,.btn-secondary:before,.btn-secondary-mini:before,.btn-secondary-square:before,.btn-danger:before,.btn-danger-mini:before,.btn-danger-square:before,.btn-danger-wide:before,.btn-danger-tall:before{inset:var(--button-cutout-size);z-index:-1;border-radius:var(--border-radius-button);background:var(--button-surface);box-shadow:var(--button-surface-shadow);content:"";pointer-events:none;transition:background-color var(--transition-fast), box-shadow var(--transition-fast);position:absolute}.btn-primary .btn-text,.btn-primary-mini .btn-text,.btn-primary-square .btn-text,.btn-primary-wide .btn-text,.btn-primary-tall .btn-text,.btn-secondary .btn-text,.btn-secondary-mini .btn-text,.btn-secondary-square .btn-text,.btn-danger .btn-text,.btn-danger-mini .btn-text,.btn-danger-square .btn-text,.btn-danger-wide .btn-text,.btn-danger-tall .btn-text{color:inherit}.btn-primary .btn-icon,.btn-primary-mini .btn-icon,.btn-primary-square .btn-icon,.btn-primary-wide .btn-icon,.btn-primary-tall .btn-icon,.btn-secondary .btn-icon,.btn-secondary-mini .btn-icon,.btn-secondary-square .btn-icon,.btn-danger .btn-icon,.btn-danger-mini .btn-icon,.btn-danger-square .btn-icon,.btn-danger-wide .btn-icon,.btn-danger-tall .btn-icon{width:var(--size-btn-icon);height:var(--size-btn-icon);color:inherit}.btn-primary .btn-icon svg,.btn-primary-mini .btn-icon svg,.btn-primary-square .btn-icon svg,.btn-primary-wide .btn-icon svg,.btn-primary-tall .btn-icon svg,.btn-secondary .btn-icon svg,.btn-secondary-mini .btn-icon svg,.btn-secondary-square .btn-icon svg,.btn-danger .btn-icon svg,.btn-danger-mini .btn-icon svg,.btn-danger-square .btn-icon svg,.btn-danger-wide .btn-icon svg,.btn-danger-tall .btn-icon svg{width:100%;height:100%}.btn-primary:hover:before,.btn-primary-mini:hover:before,.btn-primary-square:hover:before,.btn-primary-wide:hover:before,.btn-primary-tall:hover:before,.btn-secondary:hover:before,.btn-secondary-mini:hover:before,.btn-secondary-square:hover:before,.btn-danger:hover:before,.btn-danger-mini:hover:before,.btn-danger-square:hover:before,.btn-danger-wide:hover:before,.btn-danger-tall:hover:before{background:var(--button-surface-hover);box-shadow:var(--button-surface-shadow-hover)}.btn-primary:active,.btn-primary-mini:active,.btn-primary-square:active,.btn-primary-wide:active,.btn-primary-tall:active,.btn-secondary:active,.btn-secondary-mini:active,.btn-secondary-square:active,.btn-danger:active,.btn-danger-mini:active,.btn-danger-square:active,.btn-danger-wide:active,.btn-danger-tall:active{color:var(--button-content-active)}.btn-primary:active:before,.btn-primary-mini:active:before,.btn-primary-square:active:before,.btn-primary-wide:active:before,.btn-primary-tall:active:before,.btn-secondary:active:before,.btn-secondary-mini:active:before,.btn-secondary-square:active:before,.btn-danger:active:before,.btn-danger-mini:active:before,.btn-danger-square:active:before,.btn-danger-wide:active:before,.btn-danger-tall:active:before{background:var(--button-surface-active);box-shadow:var(--button-surface-shadow-active)}.btn-primary,.btn-danger{height:var(--height-btn)}.btn-secondary{height:var(--height-btn-secondary)}.btn-primary[disabled],.btn-primary-mini[disabled],.btn-primary-square[disabled],.btn-primary-wide[disabled],.btn-primary-tall[disabled],.btn-secondary[disabled],.btn-secondary-mini[disabled],.btn-secondary-square[disabled],.btn-danger[disabled],.btn-danger-mini[disabled],.btn-danger-square[disabled],.btn-danger-wide[disabled],.btn-danger-tall[disabled]{cursor:not-allowed;color:var(--button-content-disabled)}.btn-primary[disabled]:before,.btn-primary[disabled]:hover:before,.btn-primary[disabled]:active:before,.btn-primary-mini[disabled]:before,.btn-primary-mini[disabled]:hover:before,.btn-primary-mini[disabled]:active:before,.btn-primary-square[disabled]:before,.btn-primary-square[disabled]:hover:before,.btn-primary-square[disabled]:active:before,.btn-primary-wide[disabled]:before,.btn-primary-wide[disabled]:hover:before,.btn-primary-wide[disabled]:active:before,.btn-primary-tall[disabled]:before,.btn-primary-tall[disabled]:hover:before,.btn-primary-tall[disabled]:active:before,.btn-secondary[disabled]:before,.btn-secondary[disabled]:hover:before,.btn-secondary[disabled]:active:before,.btn-secondary-mini[disabled]:before,.btn-secondary-mini[disabled]:hover:before,.btn-secondary-mini[disabled]:active:before,.btn-secondary-square[disabled]:before,.btn-secondary-square[disabled]:hover:before,.btn-secondary-square[disabled]:active:before,.btn-danger[disabled]:before,.btn-danger[disabled]:hover:before,.btn-danger[disabled]:active:before,.btn-danger-mini[disabled]:before,.btn-danger-mini[disabled]:hover:before,.btn-danger-mini[disabled]:active:before,.btn-danger-square[disabled]:before,.btn-danger-square[disabled]:hover:before,.btn-danger-square[disabled]:active:before,.btn-danger-wide[disabled]:before,.btn-danger-wide[disabled]:hover:before,.btn-danger-wide[disabled]:active:before,.btn-danger-tall[disabled]:before,.btn-danger-tall[disabled]:hover:before,.btn-danger-tall[disabled]:active:before{background:var(--button-surface-disabled);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-mini,.btn-secondary-mini,.btn-danger-mini{width:var(--height-btn-mini);height:var(--height-btn-mini);padding:var(--button-cutout-size)}.btn-primary-mini .btn-icon,.btn-secondary-mini .btn-icon,.btn-danger-mini .btn-icon{width:1rem;height:1rem}.btn-primary-square,.btn-secondary-square,.btn-danger-square{width:var(--height-btn-square);height:var(--height-btn-square)}.btn-primary-square .btn-text,.btn-secondary-square .btn-text,.btn-danger-square .btn-text{white-space:normal;overflow-wrap:anywhere;max-width:100%}.btn-primary-wide,.btn-primary-tall,.btn-primary-square,.btn-secondary-square,.btn-danger-wide,.btn-danger-tall,.btn-danger-square{flex-direction:column;justify-content:space-between;align-items:flex-start}.btn-primary-wide .btn-icon,.btn-primary-tall .btn-icon,.btn-primary-square .btn-icon,.btn-secondary-square .btn-icon,.btn-danger-wide .btn-icon,.btn-danger-tall .btn-icon,.btn-danger-square .btn-icon{align-self:flex-end}.btn-primary,.btn-primary-mini,.btn-primary-square,.btn-primary-wide,.btn-primary-tall{--button-surface-disabled:var(--color-btn-primary-disabled);--button-content-disabled:var(--color-on-btn-primary-disabled)}.btn-primary[disabled],.btn-primary-mini[disabled],.btn-primary-square[disabled],.btn-primary-wide[disabled],.btn-primary-tall[disabled]{color:var(--button-content-disabled)}.btn-secondary,.btn-secondary-mini,.btn-secondary-square{--button-surface:var(--color-btn-secondary);--button-surface-hover:var(--color-btn-secondary-hover);--button-surface-active:var(--color-btn-secondary-active);--button-surface-disabled:var(--color-btn-secondary-disabled);--button-surface-shadow:var(--shadow-up-button-secondary);--button-surface-shadow-hover:var(--shadow-up-button-secondary-hover);--button-surface-shadow-active:var(--shadow-up-button-secondary-active);--button-content:var(--color-on-btn-secondary);--button-content-active:var(--color-on-btn-secondary-active);--button-content-disabled:var(--color-on-btn-secondary-disabled)}.btn-danger,.btn-danger-mini,.btn-danger-square,.btn-danger-wide,.btn-danger-tall{--button-surface:var(--color-btn-danger);--button-surface-hover:var(--color-btn-danger-hover);--button-surface-active:var(--color-btn-danger-active);--button-surface-disabled:var(--color-btn-primary-disabled);--button-surface-shadow:var(--shadow-up-button-danger);--button-surface-shadow-hover:var(--shadow-up-button-danger-hover);--button-surface-shadow-active:var(--shadow-up-button-danger-active);--button-content:var(--color-on-btn-danger);--button-content-active:var(--color-on-btn-danger-active);--button-content-disabled:var(--color-on-btn-primary-disabled)}.btn-group{width:100%}.btn-group-frame{width:100%;height:100%;padding:var(--padding-cutout);background:var(--color-btn-cutout);border-radius:var(--border-radius-cutout);gap:1px;display:flex}.btn-group-item{flex:1 1 0;min-width:0;display:flex}.btn-group-item>*{flex:100%;min-width:0}.btn-group-item button{--button-cutout-size:0px;border-radius:var(--border-radius-button);background:0 0}.btn-group-item>*>button{width:100%}.btn-toggle-group{flex-direction:column;gap:.75rem;display:flex}.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);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.btn-toggle-group-frame{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);grid-auto-columns:1fr;grid-auto-flow:column;gap:1px;display:inline-grid}.btn-toggle-group[data-size=mini]{gap:0}.btn-toggle-group[data-size=mini] .btn-toggle-group-frame{grid-auto-columns:var(--height-btn-secondary);height:var(--height-btn-mini)}.btn-toggle-group[data-size=mini] .btn-toggle{justify-content:center;gap:.25rem;padding:0}.btn-toggle-group[data-size=mini] .btn-text{justify-content:center;align-items:center;width:1rem;height:1rem;display:flex}.btn-toggle-group[data-size=mini] .btn-text svg{width:100%;height:100%}.btn-toggle-group[data-size=mini] .btn-toggle .btn-toggle-indicator{width:8px;height:8px}.btn-toggle{background:var(--color-btn-toggle);width:100%;min-width:0;color:var(--color-on-btn-toggle);border-radius:var(--border-radius-button);box-shadow:var(--shadow-up-button);transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);justify-content:space-between;gap:.5rem;padding:.5rem .75rem}.btn-toggle .btn-text{color:inherit;white-space:nowrap}.btn-toggle:hover{background:var(--color-btn-toggle-hover)}.btn-toggle .btn-toggle-indicator{background-color:var(--color-indicator-off);border:var(--border-indicator);border-radius:var(--border-radius-pill);width:12px;height:12px;box-shadow:var(--shadow-down-1);flex-shrink:0}.btn-toggle[data-selected=true]{background:var(--color-btn-toggle-active);color:var(--color-on-btn-toggle-active);box-shadow:var(--shadow-up-button-active)}.btn-toggle[data-selected=true] .btn-toggle-indicator{background-color:var(--color-indicator-on);box-shadow:var(--shadow-down-indicator-active)}.btn-toggle[data-selected=true]:hover{background:var(--color-btn-toggle-active)}.btn-toggle[disabled]{cursor:not-allowed}.btn-multiselect-group{flex-direction:column;gap:.75rem;display:flex}.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);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.btn-multiselect-group-frame{width:100%;height:var(--height-btn);padding:var(--padding-cutout);background:var(--color-btn-cutout);border-radius:var(--border-radius-cutout);gap:1px;display:flex}.btn-multiselect{isolation:isolate;min-width:0;color:var(--color-on-btn-multiselect);border-radius:var(--border-radius-button);transition:color var(--transition-fast);background:0 0;flex:1 1 0;padding:.5rem .75rem}.btn-multiselect:before,.btn-multiselect:after{border-radius:inherit;content:"";pointer-events:none;transition:opacity var(--transition-medium), background-color var(--transition-fast);position:absolute;inset:0}.btn-multiselect:before{z-index:-2;background:var(--color-btn-multiselect);box-shadow:var(--shadow-up-button);opacity:1}.btn-multiselect:after{z-index:-1;background:var(--color-btn-multiselect-active);box-shadow:var(--shadow-down-multiselect-active);opacity:0}.btn-multiselect .btn-text{color:inherit}.btn-multiselect:hover:before{background:var(--color-btn-multiselect-hover)}.btn-multiselect[data-selected=true]{color:var(--color-on-btn-multiselect-active)}.btn-multiselect[data-selected=true]:before{opacity:0}.btn-multiselect[data-selected=true]:after{opacity:1}.btn-multiselect[data-selected=true]:hover:after{background:var(--color-btn-multiselect-hover)}.btn-multiselect[disabled]{cursor:not-allowed}@media (prefers-reduced-motion:reduce){.btn-multiselect,.btn-multiselect:before,.btn-multiselect:after,.btn-multiselect .btn-text{transition:none}}.btn-toggle-backlit{align-items:center;gap:.75rem;display:flex}.btn-toggle-backlit .btn-toggle-backlit-button{isolation:isolate;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-button:before{inset:var(--padding-cutout-thick);z-index:-1;border-radius:var(--border-radius-pill);background:var(--color-btn-primary);box-shadow:var(--shadow-up-button-backlit);content:"";pointer-events:none;transition:background-color var(--transition-fast), box-shadow var(--transition-fast);position:absolute}.btn-toggle-backlit .btn-toggle-backlit-icon{opacity:.7}.btn-toggle-backlit .btn-toggle-backlit-icon svg{width:1.25rem;height:1.25rem}.btn-toggle-backlit .btn-toggle-backlit-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.btn-toggle-backlit[data-active=true] .btn-toggle-backlit-button:before{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:before{box-shadow:var(--shadow-up-button-backlit-hover)}.btn-toggle-backlit[data-active=true] .btn-toggle-backlit-button:active:before{box-shadow:var(--shadow-down-button-backlit-active)}.btn-toggle-backlit .btn-toggle-backlit-button:hover:before{background:var(--color-btn-primary-hover);box-shadow:var(--shadow-up-button-hover)}.btn-toggle-backlit .btn-toggle-backlit-button:active:before{background:var(--color-btn-primary-hover);box-shadow:var(--shadow-down-button-backlit-active)}.btn-nav{isolation:isolate;width:var(--width-tool-nav);height:var(--width-tool-nav);padding:calc(.375rem + var(--padding-cutout-thin));background:var(--color-btn-cutout);border-radius:var(--border-radius-panel);flex-direction:column;justify-content:space-between}.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:before{inset:var(--padding-cutout-thin);z-index:-1;background-color:var(--color-btn-nav);border-radius:var(--border-radius-panel);box-shadow:var(--shadow-up-button);content:"";pointer-events:none;transition:background-color var(--transition-fast), box-shadow var(--transition-fast);position:absolute}.btn-nav .btn-nav-indicator{background-color:var(--color-indicator-off);border:var(--border-indicator);border-radius:var(--border-radius-pill);width:12px;height:12px;box-shadow:var(--shadow-down-1);align-self:flex-end}.btn-nav .btn-nav-text{color:var(--color-on-btn-nav)}.btn-nav:hover:before{background-color:var(--color-btn-nav-hover);box-shadow:var(--shadow-up-button-hover)}.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)}.btn-nav[data-status=active]:before{background-color:var(--color-btn-nav-active);box-shadow:var(--shadow-up-button-active)}.input-text-field{flex-direction:column;gap:.5rem;width:100%;display:flex}.input-text-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.input-text-frame{background:var(--color-panel-cutout);border-radius:var(--border-radius-input-cutout);width:100%;transition:box-shadow var(--transition-fast);padding:1px;position:relative}.input-text-frame[data-has-end-adornment=true] .input-text-control{padding-right:calc(var(--height-btn-mini) * 2 + var(--gap-content) + var(--padding-cutout) * 4)}.input-text-end-adornment{top:var(--padding-cutout);right:calc(var(--padding-cutout) * 2);bottom:var(--padding-cutout);align-items:center;display:flex;position:absolute}.number-input-actions{gap:var(--padding-cutout);display:flex}.input-text-control{font-family:var(--font-family-sans);letter-spacing:.03125rem;width:100%;height:var(--height-input-text);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);transition:background-color var(--transition-fast), color var(--transition-fast), border var(--transition-fast), box-shadow var(--transition-fast);outline:none;margin:0;padding:0 .75rem;font-size:1rem;font-weight:400;line-height:1.3}.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);letter-spacing:0;color:var(--color-input-supporting);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.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{flex-direction:column;gap:1rem;width:100%;display:flex}.image-upload-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.image-upload-input{display:none}.image-upload-dropzone{min-height:var(--height-image-upload);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);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.image-upload-dropzone[data-has-preview=true]{box-shadow:none;text-align:left;background:0 0;gap:1rem;padding:0}.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{width:100%;height:var(--height-image-upload);background:var(--color-picker-surface);border-radius:var(--border-radius-screen);justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.image-upload-preview-stage:after{content:"";border-radius:inherit;box-shadow:var(--shadow-down-1);pointer-events:none;z-index:1;position:absolute;inset:0}.image-upload-preview-viewport{z-index:0;border-radius:inherit;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.image-upload-icon{font-family:var(--font-family-sans);letter-spacing:.03125rem;min-width:4.5rem;height:3rem;color:var(--color-on-module-primary);justify-content:center;align-items:center;margin:0;font-size:1rem;font-weight:400;line-height:1.3;display:inline-flex}.image-upload-icon svg{opacity:.8;width:2rem;height:2rem}.image-upload-title,.image-upload-copy{width:min(200px,90%)}.image-upload-title,.image-upload-name{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-on-module-primary);word-break:break-word;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.image-upload-copy,.image-upload-support{font-family:var(--font-family-sans);letter-spacing:.03125rem;color:var(--color-input-supporting);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.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{flex-direction:column;gap:1rem;width:100%;display:flex}.image-palette-picker-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.image-palette-picker-stage{height:var(--height-image-upload);background:var(--color-picker-surface);border-radius:var(--border-radius-screen);touch-action:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.image-palette-picker-stage:after{content:"";border-radius:inherit;box-shadow:var(--shadow-down-1);pointer-events:none;z-index:1;position:absolute;inset:0}.image-palette-picker-viewport{z-index:0;border-radius:inherit;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.image-palette-picker-image{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;display:block;position:relative}.image-palette-picker-canvas{display:none}.image-palette-picker-handle{left:var(--image-palette-picker-handle-left);top:var(--image-palette-picker-handle-top);z-index:2;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), transform var(--transition-fast);justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;transform:translate(-50%,-50%)}.image-palette-picker-handle:active{cursor:grabbing;box-shadow:var(--shadow-up-button-active)}.image-palette-picker-handle-fill{isolation:isolate;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex;position:relative}.image-palette-picker-handle-fill:before{z-index:-2;border-radius:var(--border-radius-pill);background:var(--color-btn-cutout);content:"";pointer-events:none;position:absolute;inset:-2px}.image-palette-picker-handle-fill:after{z-index:-1;border-radius:inherit;background:var(--image-palette-picker-handle-color);box-shadow:var(--shadow-up-screen);content:"";pointer-events:none;position:absolute;inset:0}.image-palette-picker-handle-index{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;width:100%;height:100%;color:var(--color-on-screen);text-shadow:0 1px 2px #00000059;justify-content:center;align-items:center;margin:0;font-size:.875rem;font-weight:500;display:inline-flex}.image-palette-picker-controls{flex-direction:column;gap:2rem;width:100%;display:flex}.image-palette-picker-preview{flex:none;height:10rem;min-height:10rem}.image-palette-picker-preview[data-empty=true]{height:7rem;min-height:7rem}.image-palette-picker-preview-swatch{justify-content:flex-start;align-items:flex-end;min-height:0;padding:.65rem .875rem;display:flex;position:relative;overflow:hidden}.image-palette-picker-preview-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.image-palette-picker-preview-hex{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;min-width:0;color:inherit;align-items:baseline;margin:0;font-size:.875rem;font-weight:400;line-height:1.3;display:inline-flex}.image-palette-picker-preview-hex-prefix{flex-shrink:0}.image-palette-picker-preview-hex-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slider-field{flex-direction:column;gap:1.25rem;width:100%;display:flex}.slider-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.slider:not([data-sequencer-preview]){touch-action:none;-webkit-user-select:none;user-select:none;background:var(--color-slider-track);border-radius:var(--border-radius-pill);width:100%;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);outline:none;position:relative}.slider:not([data-sequencer-preview])[data-orientation=horizontal]{height:.75rem}.slider:not([data-sequencer-preview])[data-orientation=vertical]{width:.75rem;height:100%}.slider:not([data-sequencer-preview])[data-disabled=true]{cursor:not-allowed;opacity:var(--opacity-disabled)}.slider:not([data-sequencer-preview]):focus-visible{border-color:var(--color-border-input-focus)}.slider:not([data-sequencer-preview]) .slider-track,.slider:not([data-sequencer-preview]) .slider-fill,.slider:not([data-sequencer-preview]) .slider-handle{position:absolute}.slider:not([data-sequencer-preview]) .slider-track,.slider:not([data-sequencer-preview]) .slider-fill{border-radius:inherit}.slider:not([data-sequencer-preview]) .slider-fill{background:var(--color-slider-fill);box-shadow:var(--shadow-down-1)}.slider[data-orientation=horizontal] .slider-fill{width:calc(var(--slider-fill-ratio) * 100%);top:0;bottom:0;left:0}.slider[data-orientation=vertical] .slider-fill{height:calc(var(--slider-fill-ratio) * 100%);bottom:0;left:0;right:0}.slider-handle{background-color:var(--color-btn-primary);border-radius:var(--border-radius-slider-handle);box-shadow:var(--shadow-up-button);pointer-events:auto;cursor:pointer;justify-content:center;align-items:center;padding:4px;display:flex}.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-value{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;--slider-handle-surface:var(--color-screen);isolation:isolate;border-radius:var(--border-radius-slider-screen);color:var(--color-on-screen);justify-content:center;align-items:center;margin:0;font-size:.875rem;font-weight:400;line-height:1.3;display:flex;position:relative}.slider-handle-value:before{z-index:-2;border-radius:var(--border-radius-slider-screen-cutout);background:var(--color-btn-cutout);content:"";pointer-events:none;position:absolute;inset:-1px}.slider-handle-value:after{z-index:-1;border-radius:inherit;background:var(--slider-handle-surface);box-shadow:var(--shadow-up-screen);content:"";pointer-events:none;position:absolute;inset:0}.slider-handle-value[data-empty=true]{color:#0000}.slider[data-handle-variant=static] .slider-handle-value{--slider-handle-surface: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);letter-spacing:0;color:var(--color-input-supporting);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.slider-field[data-invalid=true] .slider-support{color:var(--color-input-invalid)}.slide-switch-field{flex-direction:column;gap:.75rem;width:100%;display:flex}.slide-switch-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.slide-switch-control{align-items:stretch;gap:.875rem;width:100%;min-width:0;display:flex}.slide-switch-track{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;position:relative}.slide-switch-track[data-dragging=true],.slide-switch-track[data-dragging=true] .slide-switch-handle{cursor:ns-resize}.slide-switch-handle{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);justify-content:center;align-items:center;display:flex;position:absolute}.slide-switch-options{grid-template-rows:repeat(var(--slide-switch-option-count), var(--height-slide-switch-row));gap:var(--gap-slide-switch-row);flex:auto;min-width:0;display:grid}.slide-switch-option{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;width:100%;height:var(--height-slide-switch-row);min-width:0;color:var(--color-on-module-primary);cursor:pointer;text-align:left;transition:color var(--transition-fast), opacity var(--transition-fast);background:0 0;border:0;outline:none;justify-content:flex-start;align-items:center;gap:.5rem;margin:0;padding:0;font-size:.875rem;font-weight:500;display:flex}.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{background-color:var(--color-indicator-off);border:var(--border-indicator);border-radius:var(--border-radius-pill);width:12px;height:12px;box-shadow:var(--shadow-down-1);transition:background-color var(--transition-fast), box-shadow var(--transition-fast);flex:0 0 12px}.slide-switch-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:color var(--transition-fast), opacity var(--transition-fast);overflow:hidden}.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-track{cursor:not-allowed;opacity:var(--opacity-disabled)}.slide-switch-field[data-disabled=true] .slide-switch-track .slide-switch-handle{opacity:0}.input-color-value-field{flex-direction:column;gap:.5rem;width:100%;display:flex}.input-color-value-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.input-color-value-frame{background:var(--color-panel-cutout);border-radius:var(--border-radius-input-cutout);width:100%;padding:1px;position:relative}.input-color-value-control{background-color:var(--color-input);border:var(--border-input);border-radius:var(--border-radius-input);width:100%;min-height:36px;box-shadow:var(--shadow-down-1);transition:background-color var(--transition-fast), border-color var(--transition-fast);padding:1px;display:flex}.input-color-value-control:focus-within{background:var(--color-input-focus);border-color:var(--color-border-input-focus)}.input-color-value-format-trigger{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;isolation:isolate;background:var(--color-btn-cutout);width:4rem;color:var(--color-on-btn-primary);border-radius:var(--border-radius-cutout);transition:color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:1px;font-size:.875rem;font-weight:500;display:flex;position:relative}.input-color-value-format-trigger:before{z-index:-1;border-radius:var(--border-radius-button);background:var(--color-btn-primary);box-shadow:var(--shadow-up-button);content:"";pointer-events:none;transition:background-color var(--transition-fast), box-shadow var(--transition-fast);position:absolute;inset:1px}.input-color-value-format-trigger:hover:before{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)}.input-color-value-format-trigger:active:before{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{flex:auto;min-width:0;display:flex}.input-color-value-segment{flex:1 1 0;align-items:center;min-width:0;padding:0 .75rem;display:flex}.input-color-value-segment-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;margin:0;color:var(--color-input-segment-label);flex-shrink:0;margin-right:.1rem;font-size:.875rem;font-weight:400;line-height:1.3;position:relative;bottom:.05rem}.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);letter-spacing:.03125rem;width:100%;min-width:0;color:var(--color-on-input);background:0 0;border:0;outline:none;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.input-color-value-segment-input::placeholder{color:var(--color-input-placeholder)}.input-color-value-panel{background-color:var(--color-btn-primary);border:var(--border-menu);border-radius:var(--border-radius-menu);min-width:0;box-shadow:var(--shadow-up-button);z-index:var(--z-modal);flex-direction:column;gap:.25rem;padding:.25rem;display:flex;position:absolute;top:calc(100% + .5rem);left:0}.input-color-value-option{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;background:var(--color-btn-primary);width:100%;min-height:2rem;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);align-items:center;gap:.75rem;margin:0;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:flex}.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:auto}.input-color-value-option-icon{flex-shrink:0;width:1rem;height:1rem;display:flex}.input-color-value-option-icon svg{width:100%;height:100%}.input-color-value-support{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-input-supporting);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.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)}.billing-upgrade-tag{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;border:var(--border-module);border-radius:var(--border-radius-tag);background:var(--color-screen);width:fit-content;max-width:100%;color:var(--color-on-screen);margin:0;padding:.375rem .5rem;font-size:.875rem;font-weight:400;line-height:1.3}.pro-badge,.pro-badge-filled{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;border:1px solid var(--color-pro);border-radius:var(--border-radius-badge);white-space:nowrap;align-items:center;gap:.3125rem;width:fit-content;min-height:1rem;margin:0;padding:.25rem .4375rem;font-size:.875rem;font-weight:500;display:inline-flex}.pro-badge svg,.pro-badge-filled svg{flex:none;height:.875rem}.pro-badge{color:var(--color-pro)}.pro-badge-filled{background:var(--color-pro);color:var(--color-on-pro)}[disabled] .pro-badge,[disabled] .pro-badge-filled{opacity:var(--opacity-disabled)}.read-only-badge{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;top:var(--gap-content);right:var(--gap-content);z-index:1;border-radius:var(--border-radius-badge);background:var(--color-screen);width:fit-content;min-height:1rem;color:var(--color-on-screen);white-space:nowrap;pointer-events:none;align-items:center;gap:.3125rem;margin:0;padding:.25rem .4375rem;font-size:.875rem;font-weight:500;display:inline-flex;position:absolute}.read-only-badge svg{flex:none;height:.875rem}.menu:not([data-sequencer-preview]){display:inline-flex;position:relative}.menu-panel{background-color:var(--color-btn-primary);border:var(--border-menu);border-radius:var(--border-radius-menu);min-width:0;box-shadow:var(--shadow-up-button);z-index:var(--z-modal);flex-direction:column;gap:.25rem;padding:.25rem;display:flex;position:absolute}[data-align=end] .menu-panel{right:0}.menu-item-shell{position:relative}.menu-divider{padding-block:.25rem}.menu-divider-simple{width:auto;height:0;margin:calc(var(--gap-content) / 2) var(--padding-menu-item-inline);border-top:var(--border-menu-divider)}.menu-header{min-width:0;padding:var(--padding-menu-item-block) var(--padding-menu-item-inline) calc(var(--padding-menu-item-block) / 2)}.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:not([data-sequencer-preview]) .menu-item{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;width:100%;min-height:2rem;padding:var(--padding-menu-item-block) var(--padding-menu-item-inline);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);align-items:center;gap:.75rem;margin:0;font-size:.875rem;font-weight:500;display:flex}.menu:not([data-sequencer-preview]) .menu-item[data-selected=true]{background:var(--color-btn-multiselect-active);color:var(--color-on-btn-multiselect-active)}.menu:not([data-sequencer-preview]) .menu-item:hover,.menu:not([data-sequencer-preview]) .menu-item:focus-visible{background:var(--color-btn-primary-hover);outline:none}.menu:not([data-sequencer-preview]) .menu-item[data-selected=true]:hover,.menu:not([data-sequencer-preview]) .menu-item[data-selected=true]:focus-visible{background:var(--color-btn-primary-hover);color:var(--color-on-btn-primary)}.menu:not([data-sequencer-preview]) .menu-item[data-danger=true]{color:var(--color-btn-danger)}.menu:not([data-sequencer-preview]) .menu-item[data-danger=true]:hover,.menu:not([data-sequencer-preview]) .menu-item[data-danger=true]:focus-visible{background:var(--color-btn-danger-hover);color:var(--color-on-btn-danger)}.menu:not([data-sequencer-preview]) .menu-item:disabled{cursor:not-allowed}.menu:not([data-sequencer-preview]) .menu-item:disabled[data-informational=true]{cursor:default}.menu-item-icon{flex-shrink:0;width:1rem;height:1rem;display:flex}.menu-item-icon svg{width:100%;height:100%}.menu-item-text{text-wrap:nowrap;flex:auto}.menu-item-submenu-indicator{flex-shrink:0;width:1rem;height:1rem;display:flex}.menu-item-submenu-indicator svg{width:100%;height:100%}.menu-item-selected-icon{flex-shrink:0;width:1rem;height:1rem;display:flex}.menu-item-selected-icon svg{width:100%;height:100%}.menu-submenu-panel{background-color:var(--color-btn-primary);border:var(--border-menu);border-radius:var(--border-radius-menu);min-width:100%;box-shadow:var(--shadow-up-button);z-index:calc(var(--z-modal) + 1);flex-direction:column;gap:.25rem;padding:.25rem;display:flex;position:absolute;top:-.25rem;left:95%;transform:translate(.5rem)}.menu-submenu-panel:before{content:"";width:.5rem;height:100%;position:absolute;top:0;right:100%}@media (width<=800px){.menu-submenu-panel{min-width:0;margin-top:.25rem;position:static;transform:none}.menu-submenu-panel:before{display:none}}.color-picker{flex-direction:column;gap:.75rem;width:100%;display:flex}.color-picker-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.color-picker-control{flex-direction:column;gap:1rem;display:flex}.color-picker-mode-menu{justify-content:flex-end;display:flex}.color-picker-mode-menu .menu-panel{min-width:max-content}.color-picker-device{align-items:stretch;gap:2rem;min-width:0;display:flex}.color-picker-wheel-group,.color-picker-slider-group{flex-direction:column;gap:1rem;display:flex}.color-picker-value{width:100%;min-width:0;margin-top:.5rem}.color-picker-wheel-group{flex:auto;min-width:0}.color-picker-slider-group{flex:0 0 1.5rem}.color-picker-wheel,.color-picker-slider{touch-action:none;-webkit-user-select:none;user-select:none;outline:none;position:relative}.color-picker-wheel{aspect-ratio:1;border-radius:50%;flex:none;width:min(100%,24rem);min-width:0;margin-inline:auto;overflow:visible}.color-picker[data-picker-mode=lightness-chroma] .color-picker-wheel,.color-picker[data-picker-mode=lightness-chroma] .color-picker-wheel-viewport,.color-picker[data-picker-mode=lightness-chroma] .color-picker-wheel-surface,.color-picker[data-picker-mode=lightness-chroma] .color-picker-wheel-viewport:after{border-radius:var(--border-radius-input)}.color-picker-slider{border-radius:var(--border-radius-pill);width:100%;min-height:0;box-shadow:var(--shadow-down-1);flex:auto}.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:"";box-shadow:var(--shadow-down-1);pointer-events:none;z-index:2;border-radius:50%;position:absolute;inset:0}.color-picker-wheel-surface{border-radius:50%;width:100%;height:100%;display:block}.color-picker-field-projected-surface{z-index:0}.color-picker-field-viewport .color-picker-wheel-surface{z-index:1}.color-picker-wheel-boundary{pointer-events:none;width:100%;height:100%}.color-picker-wheel-boundary-path{fill:none;stroke:var(--color-gamut-boundary-stroke);stroke-linejoin:round;stroke-width:.6px}.color-picker-slider-track{border-radius:var(--border-radius-input);pointer-events:none}.color-picker-wheel-handle,.color-picker-slider-handle{pointer-events:auto;transform:translate(-50%,-50%)}.color-picker-wheel-handle{z-index:3;background-color:var(--color-btn-primary);border-radius:var(--border-radius-pill);box-shadow:var(--shadow-up-button);justify-content:center;align-items:center;padding:.25rem;display:flex}.color-picker-wheel-handle-fill{isolation:isolate;border-radius:50%;width:2rem;height:2rem;position:relative}.color-picker-wheel-handle-fill:before{z-index:-2;border-radius:var(--border-radius-pill);background:var(--color-btn-cutout);content:"";pointer-events:none;position:absolute;inset:-2px}.color-picker-wheel-handle-fill:after{z-index:-1;border-radius:inherit;background:var(--color-picker-wheel-handle-color);box-shadow:var(--shadow-up-screen);content:"";pointer-events:none;position:absolute;inset:0}.color-picker-slider-handle{background-color:var(--color-btn-primary);border-radius:var(--border-radius-button);box-shadow:var(--shadow-up-button);justify-content:center;align-items:center;padding:.25rem;display:flex;left:50%}.color-picker-slider-handle-value{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;isolation:isolate;border-radius:var(--border-radius-screen);width:2.5rem;height:1.25rem;color:var(--color-on-screen);justify-content:center;align-items:center;margin:0;font-size:.875rem;font-weight:400;line-height:1.3;display:flex;position:relative}.color-picker-slider-handle-value:before{z-index:-2;border-radius:var(--border-radius-screen-cutout);background:var(--color-btn-cutout);content:"";pointer-events:none;position:absolute;inset:-1px}.color-picker-slider-handle-value:after{z-index:-1;border-radius:inherit;background:var(--color-screen);box-shadow:var(--shadow-up-screen);content:"";pointer-events:none;position:absolute;inset:0}.color-picker-axis-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;text-align:center;color:var(--color-input-supporting);align-self:center;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.color-picker-support{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-input-supporting);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.color-picker[data-invalid=true] .color-picker-support{color:var(--color-input-invalid)}.color-picker-preview{flex-direction:column;gap:.75rem;width:100%;display:flex}.color-picker-preview-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.color-picker-preview-control{align-items:stretch;gap:1rem;width:100%;display:flex}.color-picker-preview-swatch{min-width:0;min-height:var(--height-btn-tall);border-radius:var(--border-radius-button);box-shadow:var(--shadow-down-1);flex:auto;display:flex;position:relative}.color-picker-preview-swatch-comparison{gap:var(--gap-content);flex:auto;align-items:stretch;min-width:0;display:flex}.color-picker-preview-swatch-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:inherit;pointer-events:none;margin:0;font-size:.875rem;font-weight:400;line-height:1.3;position:absolute;top:.625rem;left:.75rem}.palette-recommendations{background-color:var(--color-module-primary);box-shadow:var(--shadow-down-2);border-radius:var(--border-radius-tray-insert);flex-direction:column;flex:auto;height:100%;min-height:0;padding:.5rem;display:flex;overflow:auto}.palette-recommendations-container{flex-direction:column;gap:.5rem;display:flex}.palette-recommendations-loading-container{opacity:1;transition:opacity .24s}.palette-recommendations-loading-container-exit{opacity:0}.palette-recommendations-placeholder{font-family:var(--font-family-mono);letter-spacing:0;opacity:0;border-radius:var(--border-radius-screen);min-height:0;color:var(--color-input-supporting);text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:.75rem;margin:0;padding:1.5rem;font-size:1rem;font-weight:400;line-height:1.3;animation:.5s ease-in both palette-recommendations-placeholder-enter;display:flex}.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{isolation:isolate;background:var(--color-panel-cutout);width:100%;min-height:0;color:var(--color-on-screen);border-radius:var(--border-radius-screen-cutout);flex-direction:column;gap:.5rem;padding:calc(.6rem + 1px);display:flex;position:relative}.card-palette-recommendation:before{z-index:-1;border-radius:var(--border-radius-screen);background:var(--color-screen);box-shadow:var(--shadow-up-screen);content:"";pointer-events:none;position:absolute;inset:1px}.card-palette-recommendation-header{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;color:var(--color-on-screen);justify-content:space-between;align-items:center;margin:0;font-size:.625rem;font-weight:300;line-height:1.3;display:flex}.card-palette-recommendation-content{height:var(--height-swatch-recommendation);align-items:center;gap:.5rem;width:100%;display:flex}.card-palette-recommendation-content .card-palette-recommendation-swatches{border-radius:var(--border-radius-tray-swatch);flex:auto;min-width:0;height:100%;display:flex;overflow:hidden}.card-palette-recommendation-content .card-palette-recommendation-swatch{flex:1 1 0;height:100%;position:relative}.card-palette-recommendation-content .card-palette-recommendation-add-icon{width:.875rem;height:.875rem;color:inherit;pointer-events:none;position:absolute;top:.25rem;right:.25rem}.card-palette-recommendation-content .card-palette-recommendation-icon{background-color:var(--color-harmony-icon-bg);outline:.05rem solid var(--color-harmony-icon-bg);border-radius:.25rem;flex:none;width:1.5rem;height:1.5rem}.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;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);border:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (hover:hover){.card-palette-recommendation:hover .card-palette-recommendation-overlay{opacity:1}}@media (hover:none) and (pointer:coarse){.card-palette-recommendation-overlay{pointer-events:none}.card-palette-recommendation[data-confirm-active=true] .card-palette-recommendation-overlay{pointer-events:auto}}.card-palette-recommendation[data-confirm-active=true] .card-palette-recommendation-overlay{opacity:1}.card-palette-recommendation-overlay-label{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;pointer-events:none;margin:0;font-size:.875rem;font-weight:500}.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:1.25s ease-in-out infinite palette-create-loading-fade}.card-palette-recommendation-loading-label,.card-palette-recommendation-loading-count{border-radius:var(--border-radius-pill);height:.8rem}.card-palette-recommendation-loading-label{width:7.25rem}.card-palette-recommendation-loading-count{width:3.75rem}.card-palette-recommendation-loading-swatches{border-radius:var(--border-radius-tray-swatch);flex:auto;min-width:0;height:100%;display:flex;overflow:hidden}.card-palette-recommendation-loading-swatch{flex:1 1 0;height:95%}.card-palette-recommendation-loading-icon{border-radius:.25rem;flex:none;width:1.5rem;height:1.5rem}.color-scale{grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);align-items:stretch;width:100%;min-width:0;min-height:0;display:grid;position:relative}.color-scale[data-editing-name=true]{isolation:isolate;z-index:calc(var(--z-modal) + 2)}.color-scale[data-editing-name=true]:before{content:"";z-index:-1;border-radius:var(--border-radius-button);background:var(--color-module-primary);position:absolute;inset:-.5rem}.color-scale[data-layout=stacked]{gap:var(--gap-content);grid-template-columns:minmax(0,1fr)}.color-scale[data-layout=stacked] .color-scale-controls{border:0;border-radius:0;margin:0;padding:0}.color-scale[data-layout=stacked] .color-scale-info{align-items:baseline;gap:var(--gap-content);flex-direction:row}.color-scale[data-layout=stacked] .color-scale-header{display:contents}.color-scale[data-layout=stacked] .color-scale-index{order:1}.color-scale[data-layout=stacked] .color-scale-name-group{order:2}.color-scale[data-layout=stacked] .color-scale-role{order:3}.color-scale-controls{min-width:0;margin-right:calc(var(--border-radius-button) * -1);border:var(--border-module);border-radius:var(--border-radius-button) 0 0 var(--border-radius-button);border-right:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.75rem .75rem .75rem;display:flex}.color-scale-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.color-scale-header{align-items:center;gap:.5rem;min-width:0;display:flex}.color-scale-index{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.color-scale-name{font-family:var(--font-family-fancy);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;color:var(--color-on-module-primary);margin:0;font-size:1.25rem;font-weight:500;line-height:1.3;overflow:hidden}.color-scale-name-group{gap:var(--gap-content);flex-direction:column;min-width:0;display:flex}.color-scale-supporting-text{font-family:var(--font-family-mono);letter-spacing:0;overflow-wrap:anywhere;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.color-scale-role{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;border-radius:var(--border-radius-tag);background:var(--color-panel-contrast);color:var(--color-on-panel-contrast);justify-content:center;align-items:center;width:fit-content;margin:0;padding:.2rem .4rem;font-size:.625rem;font-weight:300;line-height:1.3;display:flex}.color-scale-rename{grid-column:1/-1;align-items:center;gap:.75rem;width:100%;min-width:0;display:flex}.color-scale-rename-field{flex:auto;min-width:0}.color-scale-rename-input{height:2rem}.color-scale-rename-actions{flex-shrink:0;width:auto}.color-scale-rename-actions .btn-group-item{flex:0 0 var(--height-btn-mini)}.neutral-color-scale-container{background:var(--color-panel-contrast);border-radius:12px;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;display:grid}.neutral-color-scale[data-layout=stacked] .neutral-color-scale-container{grid-template-columns:minmax(0,1fr)}.neutral-color-scale[data-layout=stacked] .neutral-color-scale-panel{flex-direction:row;justify-content:space-between;align-items:center;margin-right:0}.neutral-color-scale[data-layout=stacked] .color-scale-tray{width:100%}.neutral-color-scale-panel{min-width:0;margin-right:calc(var(--border-radius-button) * -1);flex-direction:column;justify-content:center;gap:.5rem;padding:.75rem;display:flex}.neutral-color-scale-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-panel-contrast);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.neutral-color-scale-controls{align-items:center;gap:var(--gap-section);min-width:0;display:flex}.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:auto;min-width:0}.neutral-color-scale-container .color-scale-tray{opacity:0;align-self:center;height:5rem;transition:opacity .4s}.neutral-color-scale[data-active=true] .color-scale-tray{opacity:1}.color-scale-tray{isolation:isolate;border-radius:var(--border-radius-button);--color-scale-tray-shadow-opacity:1;min-width:0;min-height:5rem;display:flex;position:relative;overflow:hidden}.color-scale-tray:after{pointer-events:none;content:"";z-index:1;border-radius:inherit;box-shadow:var(--shadow-down-1);opacity:var(--color-scale-tray-shadow-opacity);position:absolute;inset:0}.color-scale-step{background:var(--color-scale-step);width:8.33333%;min-width:0;min-height:0;color:var(--color-scale-step-contrast);text-align:left;transition:width var(--transition-medium);border:0;border-radius:0;flex:0 auto;padding:0;display:block;position:relative;overflow:hidden}.color-scale-step:hover,.color-scale-step:focus-within,.color-scale-step[data-confirm-active=true]{flex-shrink:0;width:14rem;max-width:100%}.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;width:100%;height:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:0;padding:0;display:block;position:absolute;inset:0}.color-scale-step-copy:focus-visible,.color-scale-step-contrast-button:focus-visible,.color-contrast-scale-step:focus-visible{outline-offset:-3px;outline:2px solid}.color-scale-step-label{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;z-index:3;color:inherit;margin:0;font-size:.625rem;font-weight:300;line-height:1.3;position:absolute;top:.5rem;left:.75rem}.color-scale-step-details{opacity:0;max-width:calc(100% - 1rem);transition:opacity var(--transition-medium);color:inherit;pointer-events:none;flex-direction:column;gap:.1rem;display:flex;position:absolute;bottom:.5rem;left:.75rem}.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;z-index:5;border-radius:var(--border-radius-button);width:1.5rem;height:1.5rem;color:inherit;cursor:pointer;opacity:0;transition:opacity var(--transition-fast), background-color var(--transition-fast);border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:.3rem;right:.25rem}.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);letter-spacing:0;color:inherit;white-space:nowrap;align-items:baseline;margin:0;font-size:1rem;font-weight:400;line-height:1.3;display:inline-flex}.color-scale-step-hex-prefix,.color-scale-step-oklch-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:inherit;opacity:.7;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.color-scale-step-hex-value{color:inherit}.color-scale-step-hex-icon{width:1rem;height:1rem;color:inherit;justify-content:center;align-items:center;margin-left:.2rem;display:inline-flex;transform:translateY(.125rem)}.color-scale-step-hex-icon svg{width:100%;height:100%}.color-scale-step-oklch{font-family:var(--font-family-mono);letter-spacing:0;color:inherit;white-space:nowrap;align-items:baseline;gap:.25rem;margin:0;font-size:1rem;font-weight:400;line-height:1.3;display:inline-flex}.color-scale-step-oklch-value{color:inherit}.color-scale-step-source-border{pointer-events:none;z-index:4;border:2px solid var(--color-scale-step-contrast);border-radius:var(--border-radius-button);display:none;position:absolute;inset:0}.color-scale-step[data-source-step=true] .color-scale-step-source-border{display:block}.color-contrast-scale-tray{isolation:isolate;border-radius:var(--border-radius-button);min-width:0;min-height:4.5rem;display:flex;position:relative;overflow:hidden}.color-contrast-scale-tray:after{pointer-events:none;content:"";z-index:1;border-radius:inherit;box-shadow:var(--shadow-down-1);position:absolute;inset:0}.color-contrast-scale-step{appearance:none;background:var(--color-scale-step);min-width:0;color:var(--color-scale-step-contrast);cursor:pointer;border:0;border-radius:0;flex:1 1 0;display:block;position:relative}.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 (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);border-right:var(--border-module);border-radius:var(--border-radius-button) var(--border-radius-button) 0 0;border-bottom:0;padding:.75rem .75rem 1.75rem}.color-scale-step-label{text-align:center;width:100%;left:0}.color-scale-step:is(:hover,:focus-within) .color-scale-step-label,.color-scale-step[data-confirm-active=true] .color-scale-step-label{text-align:left;width:auto;left:.75rem}.color-scale-step:is(:hover,:focus-within),.color-scale-step[data-confirm-active=true]{width:28rem}}.palette-board{flex-direction:column;flex:auto;gap:1rem;width:100%;min-height:0;display:flex;position:relative}.palette-board-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.palette-board-empty-state{font-family:var(--font-family-mono);letter-spacing:0;border-radius:var(--border-radius-button);width:100%;min-height:0;box-shadow:var(--shadow-down-1);color:var(--color-input-supporting);text-align:center;flex:auto;justify-content:center;align-items:center;margin:0;padding:1.5rem;font-size:1rem;font-weight:400;line-height:1.3;display:flex}.palette-board-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--palette-board-grid-rows,1), minmax(0, 1fr));flex:auto;gap:.5rem;width:100%;min-height:0;display:grid;position:relative}.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;width:0;height:0;z-index:var(--z-modal);position:fixed;top:0;left:0;overflow:visible}.palette-board-swatch{appearance:none;border-radius:var(--border-radius-button);width:100%;height:100%;min-height:0;box-shadow:var(--shadow-down-1);cursor:pointer;transition:box-shadow var(--transition-fast);background:0 0;border:0;padding:0;display:block}.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;z-index:var(--z-modal);position:fixed}.palette-board-swatch-surface{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);justify-content:flex-start;align-items:flex-end;display:flex;position:relative}.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{border-radius:inherit;cursor:grab;touch-action:none;position:absolute;inset:0}.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{z-index:2;opacity:0;pointer-events:none;width:auto;transition:opacity var(--transition-fast);position:absolute;top:.625rem;right:.625rem}.palette-board-swatch-actions .btn-group-frame{width:auto}.palette-board-swatch-actions .btn-group-item{flex:none}.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;padding:var(--button-cutout-size)}.palette-board-swatch-delete-button .btn-icon{width:1rem;height:1rem}.palette-board-swatch-info{z-index:1;pointer-events:none;text-align:left;flex-direction:column;padding:.75rem .875rem;display:flex;position:relative}.palette-board-swatch-surface[data-presentation=readout] .palette-board-swatch-info{text-align:right;gap:.15rem;padding:.6rem .75rem}.palette-board-swatch-surface[data-presentation=readout] .palette-board-swatch-oklch{flex-direction:column;align-items:flex-start;gap:.05rem;display:flex}.palette-board-swatch-surface[data-presentation=readout] .palette-board-swatch-value{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.palette-board-swatch-surface[data-presentation=readout] .palette-board-swatch-oklch-label{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;margin:0;font-size:.625rem;font-weight:300;line-height:1.3}.palette-board-swatch-surface[data-presentation=readout] .palette-board-swatch-oklch-value{font-family:var(--font-family-mono);letter-spacing:0;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.palette-board-swatch-position{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;z-index:1;color:inherit;opacity:0;transition:opacity var(--transition-fast);pointer-events:none;margin:0;font-size:.875rem;font-weight:400;line-height:1.3;position:absolute;top:.75rem;left:.875rem}.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{opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);pointer-events:none;flex-direction:column;gap:.1rem;display:flex;position:absolute;bottom:calc(100% + .35rem);left:.875rem;transform:translateY(.35rem)}.palette-board-swatch-name{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;color:inherit;margin:0;font-size:.625rem;font-weight:300;line-height:1.3}.palette-board-swatch-value{font-family:var(--font-family-mono);letter-spacing:0;color:inherit;align-items:baseline;margin:0;font-size:1rem;font-weight:400;line-height:1.3;display:inline-flex}.palette-board-swatch-value-button{appearance:none;color:inherit;cursor:pointer;pointer-events:auto;transition:opacity var(--transition-fast), transform var(--transition-fast);background:0 0;border:0;align-items:baseline;gap:.3rem;padding:0;display:inline-flex}.palette-board-swatch-value-icon{opacity:0;width:1rem;height:1rem;transition:opacity var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:inline-flex;transform:translateY(.125rem)}.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);letter-spacing:.046875rem;text-transform:uppercase;color:inherit;opacity:.8;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.palette-board-swatch-value-text{color:inherit}.palette-board-swatch-oklch{font-family:var(--font-family-sans);letter-spacing:.03125rem;color:inherit;white-space:nowrap;flex-direction:column;align-items:flex-start;gap:.05rem;margin:0;font-size:1rem;font-weight:400;line-height:1.3;display:inline-flex}.palette-board-swatch-oklch-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:inherit;opacity:.8;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.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:not([data-sequencer-preview]){flex-direction:column;gap:.5rem;width:100%;display:flex;position:relative}.select:not([data-sequencer-preview])>.select-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.select:not([data-sequencer-preview])>.btn-primary{justify-content:space-between;width:100%}.select:not([data-sequencer-preview])>.select-panel{background-color:var(--color-btn-primary);border:var(--border-menu);border-radius:var(--border-radius-menu);min-width:100%;box-shadow:var(--shadow-up-button);z-index:var(--z-modal);flex-direction:column;gap:.25rem;padding:.25rem;display:flex;position:absolute;top:calc(100% + .5rem)}.select:not([data-sequencer-preview])[data-align=start]>.select-panel{left:0}.select:not([data-sequencer-preview])[data-align=end]>.select-panel{right:0}.select:not([data-sequencer-preview]) .select-option{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;background:var(--color-btn-primary);width:100%;min-height:2rem;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);align-items:center;gap:.75rem;margin:0;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:flex}.select:not([data-sequencer-preview]) .select-option[data-selected=true]{background:var(--color-btn-multiselect-active);color:var(--color-on-btn-multiselect-active)}.select:not([data-sequencer-preview]) .select-option:hover,.select:not([data-sequencer-preview]) .select-option:focus-visible{background:var(--color-btn-primary-hover);outline:none}.select:not([data-sequencer-preview]) .select-option[data-selected=true]:hover,.select:not([data-sequencer-preview]) .select-option[data-selected=true]:focus-visible{background:var(--color-btn-primary-hover);color:var(--color-on-btn-primary)}.select:not([data-sequencer-preview]) .select-option:disabled{cursor:not-allowed}.select:not([data-sequencer-preview]) .select-option-text{flex:auto}.select:not([data-sequencer-preview]) .select-option-icon{flex-shrink:0;width:1rem;height:1rem;display:flex}.select:not([data-sequencer-preview]) .select-option-icon svg{width:100%;height:100%}.select:not([data-sequencer-preview])[data-variant=rich-preview]>.btn-primary{height:var(--height-select-rich-preview)}.select:not([data-sequencer-preview])[data-variant=rich-preview]>.btn-primary .btn-text{flex:auto;min-width:0;height:100%}.select:not([data-sequencer-preview])[data-variant=rich-preview]>.btn-primary .btn-icon{flex:0 0 var(--size-btn-icon)}.select:not([data-sequencer-preview])[data-variant=rich-preview] .select-panel{width:100%;max-width:100%;max-height:min(var(--max-height-select-rich-preview-panel), 100dvh - var(--height-select-rich-preview-panel-viewport-offset));overflow-y:auto}.select:not([data-sequencer-preview])[data-variant=rich-preview] .select-option{min-height:var(--height-select-rich-preview);padding:.5rem}.select:not([data-sequencer-preview])[data-variant=rich-preview] .select-option-text{min-width:0;height:100%}.select-rich-preview-content{width:100%;height:var(--height-select-rich-preview-content);flex-direction:column;align-items:stretch;gap:.375rem;min-width:0;display:flex}.select-rich-preview-visual{border-radius:var(--border-radius-tray-swatch);min-width:0;min-height:0;box-shadow:var(--shadow-down-tray);flex:auto;overflow:hidden}.select-rich-preview-name{white-space:nowrap;text-overflow:ellipsis;flex:none;min-width:0;overflow:hidden}.select-rich-preview-placeholder{align-items:center;width:100%;height:100%;display:flex}.select-rich-preview-swatches{width:100%;height:100%;display:flex}.select-rich-preview-swatch{flex:1 1 0;min-width:0}.combobox{flex-direction:column;gap:.5rem;width:100%;display:flex;position:relative}.combobox-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.combobox-frame,.search-input-frame{width:100%;padding:var(--padding-cutout);background:var(--color-panel-cutout);border-radius:var(--border-radius-input-cutout);transition:box-shadow var(--transition-fast)}.combobox-control,.search-input-control{width:100%;height:var(--height-input-text);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 var(--transition-fast), box-shadow var(--transition-fast);align-items:center;display:flex}.combobox-frame:hover .combobox-control,.search-input-frame:hover .search-input-control{background-color:var(--color-input-hover)}.combobox-frame:focus-within .combobox-control,.search-input-frame:focus-within .search-input-control{background-color:var(--color-input-focus);border-color:var(--color-border-input-focus)}.combobox-input,.search-input-field{font-family:var(--font-family-sans);letter-spacing:.03125rem;min-width:0;height:100%;color:var(--color-on-input);background:0 0;border:0;outline:none;flex:auto;margin:0;padding:0 .75rem;font-size:1rem;font-weight:400;line-height:1.3}.combobox-input::placeholder,.search-input-field::placeholder{color:var(--color-input-placeholder)}.combobox-input:disabled,.search-input-field:disabled{cursor:not-allowed}.combobox-actions,.search-input-actions{flex:none;align-items:center;height:100%;padding-right:.25rem;display:flex}.combobox-clear,.combobox-toggle,.search-input-clear{width:var(--size-combobox-action);height:var(--size-combobox-action);color:var(--color-on-input);border-radius:var(--border-radius-menu);transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:.375rem;display:flex}.combobox-clear:hover,.combobox-clear:focus-visible,.combobox-toggle:hover,.combobox-toggle:focus-visible,.search-input-clear:hover,.search-input-clear:focus-visible{background:var(--color-btn-primary-hover);color:var(--color-on-btn-primary);outline:none}.combobox-clear:disabled,.combobox-toggle:disabled,.search-input-clear:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.combobox-clear svg,.combobox-toggle svg,.search-input-clear svg{width:100%;height:100%}.combobox-panel{min-width:100%;max-height:min(var(--max-height-combobox-panel), 100dvh - var(--height-combobox-panel-viewport-offset));background-color:var(--color-btn-primary);border:var(--border-menu);border-radius:var(--border-radius-menu);box-shadow:var(--shadow-up-button);animation:combobox-panel-enter var(--transition-fast) both;z-index:var(--z-modal);flex-direction:column;gap:.25rem;padding:.25rem;display:flex;position:absolute;top:calc(100% + .5rem);overflow-y:auto}.combobox[data-align=start] .combobox-panel{left:0}.combobox[data-align=end] .combobox-panel{right:0}.combobox-option{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;width:100%;min-height:var(--height-combobox-option);background:var(--color-btn-primary);color:var(--color-on-btn-primary);border-radius:var(--border-radius-menu);text-align:left;transition:background-color var(--transition-fast), color var(--transition-fast);flex:none;align-items:center;gap:.75rem;margin:0;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:flex}.combobox-option[data-selected=true]{background:var(--color-btn-multiselect-active);color:var(--color-on-btn-multiselect-active)}.combobox-option[data-active=true],.combobox-option:hover,.combobox-option:focus-visible{background:var(--color-btn-primary-hover);color:var(--color-on-btn-primary);outline:none}.combobox-option:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.combobox-option-content{flex-direction:column;flex:auto;gap:.375rem;min-width:0;display:flex}.combobox-option-label{overflow-wrap:anywhere;min-width:0}.combobox-option-preview{width:100%;height:var(--height-combobox-option-preview);border-radius:var(--border-radius-tray-swatch);box-shadow:var(--shadow-down-tray);overflow:hidden}.combobox-option-status{flex:0 0 var(--size-btn-icon);width:var(--size-btn-icon);height:var(--size-btn-icon);display:flex}.combobox-option-status svg{width:100%;height:100%}.combobox-empty{font-family:var(--font-family-sans);letter-spacing:.03125rem;color:var(--color-input-supporting);margin:0;padding:.75rem;font-size:1rem;font-weight:400;line-height:1.3}@keyframes combobox-panel-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.combobox-panel{animation:none}}.data-table-surface{background:var(--color-table-row);border:var(--border-module);border-radius:var(--border-radius-table);flex-direction:column;min-width:0;display:flex;overflow:hidden}.data-table-surface[data-fill=true]{flex:auto;min-height:12rem}.data-table-scroll{scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track);scrollbar-width:auto;min-width:0;overflow:auto}.data-table-scroll:focus-visible{outline:2px solid var(--color-on-module-primary);outline-offset:-2px}.data-table-surface[data-fill=true] .data-table-scroll{flex:auto}.data-table-scroll::-webkit-scrollbar{width:calc(var(--size-scrollbar) + 4px);height:calc(var(--size-scrollbar) + 4px)}.data-table-scroll::-webkit-scrollbar-track{background-color:var(--color-panel);border-radius:var(--border-radius-pill)}.data-table-scroll::-webkit-scrollbar-thumb{border-radius:var(--border-radius-pill);background-color:var(--color-scrollbar-thumb);background-clip:content-box;border:3px solid #0000}.data-table-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-thumb-hover)}.data-table{border-collapse:collapse;width:100%;color:var(--color-on-module-primary);text-align:left}.data-table th,.data-table td{font-family:var(--font-family-mono);letter-spacing:0;border-bottom:var(--border-module);vertical-align:middle;margin:0;padding:.65rem .75rem;font-size:1rem;font-weight:400;line-height:1.3}.data-table thead th{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;background:var(--color-table-header);color:var(--color-on-module-primary);text-transform:uppercase;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.data-table tbody tr:last-child>th,.data-table tbody tr:last-child>td{border-bottom:0}.data-table[data-layout=fixed]{table-layout:fixed}.data-table[data-density=stacked] td{vertical-align:top;overflow-wrap:anywhere}.data-table[data-density=stacked] td>strong{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-on-module-primary);margin:0;font-size:1rem;font-weight:500;line-height:1.3;display:block}.data-table[data-density=stacked] td>span{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-input-supporting);margin:0;font-size:1rem;font-weight:400;line-height:1.3;display:block}.data-table[data-sticky-header=true] thead th{z-index:1;box-shadow:inset 0 -1px 0 var(--color-border-module);border-bottom:0;position:sticky;top:0}.data-table-sort{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;margin:0;padding:0;font-size:.875rem;font-weight:400;line-height:1.3;display:inline-flex}.data-table-sort[data-active=true]{color:var(--color-on-module-primary)}.data-table-sort-caret{opacity:.7}.data-table-empty{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-input-supporting);text-align:center;margin:0;padding:2rem .75rem;font-size:1rem;font-weight:400;line-height:1.3}.data-table-surface[data-pending=true] tbody{opacity:.45;transition:opacity var(--transition-fast)}.data-table-sort[data-pending=true] .data-table-sort-caret{animation:.9s ease-in-out infinite data-table-sort-pending}@keyframes data-table-sort-pending{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.data-table-surface[data-pending=true] tbody{transition:none}.data-table-sort[data-pending=true] .data-table-sort-caret{animation:none}}.data-table-numeric{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-on-module-primary);text-align:right;font-variant-numeric:tabular-nums;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.data-table-actions{text-align:right}.data-table-actions>button{margin-left:auto}.data-table-actions button{white-space:nowrap}.tooltip-portal{z-index:var(--z-alert);position:relative}.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);letter-spacing:.09375rem;text-transform:uppercase;max-width:inherit;background:var(--color-tooltip);color:var(--color-on-tooltip);border-radius:var(--border-radius-tooltip);box-shadow:var(--shadow-up-toast);transform-origin:var(--transform-origin);align-items:center;margin:0;padding:.45rem .65rem;font-size:.625rem;font-weight:300;line-height:1.3;animation:.16s cubic-bezier(.16,1,.3,1) tooltip-popup-in;display:inline-flex;position:relative}.tooltip-popup[data-instant]{animation-duration:0s}.tooltip-arrow{background:var(--color-tooltip);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.tooltip-trigger{color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tooltip-trigger-proxy{width:fit-content;display:inline-flex}@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:not([data-sequencer-preview]){z-index:var(--z-modal);place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.dialog:not([data-sequencer-preview])>.dialog-scrim{background-color:var(--color-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:auto;animation:.18s ease-out both dialog-scrim-enter;position:fixed;inset:0}.dialog-modal{gap:var(--gap-section);background-color:var(--color-module-primary);width:min(100%,32rem);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;flex-direction:column;padding:1.5rem;display:flex;position:relative}.dialog-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dialog-heading{gap:var(--gap-section);flex-direction:column;display:flex}.dialog-heading h2{font-family:var(--font-family-fancy);letter-spacing:0;color:var(--color-on-module-primary);margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.dialog:not([data-sequencer-preview]) .dialog-content,.login-dialog-form{gap:var(--gap-section);flex-direction:column;display:flex}.dialog-close{flex-shrink:0}.dialog[data-dialog=design-system-delete] .dialog-modal{width:min(100%,28rem)}.design-system-delete-copy{font-family:var(--font-family-sans);letter-spacing:.03125rem;color:var(--color-on-module-primary);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.dialog[data-dialog=design-system-delete] .input-text-label{color:var(--color-danger)}.design-system-delete-actions{justify-content:flex-end;display:flex}.dialog[data-dialog=login] .dialog-close{position:absolute;top:1.5rem;right:1.5rem}.dialog[data-dialog=login]{overscroll-behavior:contain;place-items:start center;overflow:auto}.dialog[data-dialog=login] .dialog-modal{margin-block:auto}.login-dialog-copy{flex-direction:column;gap:.35rem;display:flex}.login-dialog-copy p,.login-dialog-divider,.login-dialog-error{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-on-module-primary);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.dialog[data-dialog=login-progress] .dialog-modal{width:min(100%,24rem)}.dialog[data-dialog=login-progress] .screen{text-align:center}.login-progress-message{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-on-screen);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.login-progress-dots{text-align:left;min-width:.9em;display:inline-block}.login-progress-dot{opacity:.2;animation:1.2s ease-in-out infinite login-progress-dot}.login-progress-dot:nth-child(2){animation-delay:.2s}.login-progress-dot:nth-child(3){animation-delay:.4s}.dialog[data-dialog=onboarding] .dialog-heading p{font-family:var(--font-family-sans);letter-spacing:.03125rem;color:var(--color-on-module-primary);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.dialog[data-dialog=welcome] .dialog-modal{max-height:calc(100dvh - 3rem)}.dialog[data-dialog=welcome] .dialog-content{flex:1;min-height:0}.dialog[data-dialog=welcome] .dialog-content>button{flex-shrink:0}.welcome-dialog-screen{overscroll-behavior:contain;flex:1;width:100%;min-height:0;display:flex;overflow:auto}.welcome-dialog-copy{flex-direction:column;gap:.75rem;display:flex}.welcome-dialog-copy p,.welcome-dialog-error{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-on-screen);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.welcome-dialog-copy a{color:var(--color-on-screen);text-underline-offset:.15em;text-decoration:underline}.welcome-dialog-error{color:var(--color-input-invalid)}.dialog[data-dialog=pro-welcome] .dialog-content>button{flex-shrink:0}.pro-welcome-dialog-screen{flex:1;width:100%;display:flex}.pro-welcome-dialog-copy{flex-direction:column;gap:1rem;display:flex}.pro-welcome-dialog-copy p{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-on-screen);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.login-dialog-divider{text-align:center}.login-dialog-copy .login-dialog-help{margin-top:.65rem}.login-dialog-error{color:var(--color-input-invalid)}@media (prefers-reduced-motion:reduce){.dialog-scrim,.dialog-modal{animation:none}.login-progress-dot{opacity:1;animation:none}}@keyframes dialog-scrim-enter{0%{opacity:0}to{opacity:1}}@keyframes dialog-modal-enter{0%{opacity:0}to{opacity:1}}@keyframes login-progress-dot{0%,20%,to{opacity:.2}40%,60%{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);letter-spacing:0;color:var(--color-on-screen);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.palette-export-code-panel,.palette-export-action-panel{gap:var(--gap-section);flex-direction:column;min-height:0;display:flex}.palette-export-code{font-family:var(--font-family-mono);letter-spacing:0;border:1px solid var(--color-panel-cutout);border-radius:var(--border-radius-screen);background:var(--color-screen);width:100%;min-height:16rem;max-height:24rem;color:var(--color-on-screen);box-shadow:var(--shadow-up-screen);white-space:pre;margin:0;padding:1rem;font-size:.875rem;font-weight:400;line-height:1.3;overflow:auto}.palette-export-code code{color:var(--color-text-code)}.palette-export-link{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;isolation:isolate;height:var(--height-btn);padding:calc(.5rem + var(--padding-cutout)) calc(.75rem + var(--padding-cutout));background:var(--color-btn-cutout);color:var(--color-on-btn-primary);border-radius:var(--border-radius-cutout);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.palette-export-link:before{inset:var(--padding-cutout);z-index:-1;border-radius:var(--border-radius-button);background:var(--color-btn-primary);box-shadow:var(--shadow-up-button);content:"";pointer-events:none;transition:background-color var(--transition-fast), box-shadow var(--transition-fast);position:absolute}.palette-export-link .btn-icon{width:var(--size-btn-icon);height:var(--size-btn-icon)}.palette-export-link .btn-icon svg{width:100%;height:100%}.palette-export-link:hover:before{background:var(--color-btn-primary-hover);box-shadow:var(--shadow-up-button-hover)}.palette-export-link:active{color:var(--color-on-btn-primary-active)}.palette-export-link:active:before{background:var(--color-btn-primary-active);box-shadow:var(--shadow-up-button-active)}.palette-export-json{min-height:12rem;max-height:18rem}.palette-export-callout{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);align-items:flex-start;gap:.75rem;display:flex}.palette-export-callout-title{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-screen);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.875rem;font-weight:400;line-height:1.3;display:flex}.palette-export-callout code{color:var(--color-on-screen)}.color-contrast-active-summary{align-items:center;gap:.75rem;min-width:0;display:flex}.color-contrast-active-swatch{border-radius:var(--border-radius-button);width:3.5rem;height:3rem;box-shadow:var(--shadow-down-1);flex:none}.color-contrast-active-hex{font-family:var(--font-family-fancy);letter-spacing:0;color:var(--color-on-module-primary);margin:0;font-size:1.25rem;font-weight:500;line-height:1.3}.color-contrast-active-meta{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-on-module-primary);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.color-contrast-table-wrap{width:100%;min-width:0;overflow-x:auto}.color-contrast-sections{flex-direction:column;gap:1rem;display:flex}.color-contrast-section{background:var(--color-table-row);border:var(--border-module);border-radius:var(--border-radius-table);flex-direction:column;gap:.5rem;display:flex}.color-contrast-section-summary{font-family:var(--font-family-mono);letter-spacing:0;background:var(--color-table-header);border-radius:var(--border-radius-table) var(--border-radius-table) 0 0;align-items:center;gap:.75rem;min-width:0;margin:0;padding:.75rem;font-size:1rem;font-weight:400;line-height:1.3;display:flex}.data-table[data-variant=contrast]{border-radius:0 0 var(--border-radius-table) var(--border-radius-table);min-width:26rem}.data-table[data-variant=contrast] th,.data-table[data-variant=contrast] td{white-space:nowrap}.data-table[data-variant=contrast] thead th{text-transform:none;background:0 0;padding-top:0;padding-bottom:.35rem}.data-table[data-variant=contrast] thead th:first-child{color:#0000}.color-contrast-section-preview,.color-contrast-section-label,.color-contrast-section-ratio{vertical-align:middle;align-items:center;display:inline-flex}.color-contrast-section-preview{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;border-radius:var(--border-radius-button);background:var(--contrast-preview-background);width:3.25rem;height:2rem;color:var(--contrast-preview-foreground);box-shadow:var(--shadow-down-1);justify-content:center;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.color-contrast-section-ratio{margin-left:auto}.color-contrast-result{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;border-radius:var(--border-radius-pill);background:var(--color-danger);min-width:3.75rem;color:var(--color-on-screen);justify-content:center;align-items:center;margin:0;padding:.2rem .4rem;font-size:.875rem;font-weight:400;line-height:1.3;display:inline-flex}.color-contrast-result[data-result=pass]{background:var(--color-success)}.color-contrast-result[data-result=unavailable]{color:var(--color-on-module);background:0 0}.dialog[data-dialog=billing-upgrade] .dialog-heading{width:100%}.dialog[data-dialog=billing-upgrade] .dialog-heading h2{padding-inline-end:calc(var(--height-btn-mini) + 1rem)}.dialog[data-dialog=billing-upgrade] .dialog-close{position:absolute;top:1.5rem;right:1.5rem}@media (width<=640px){.dialog:not([data-sequencer-preview]){padding:1rem}.dialog-modal{padding:1.25rem}.dialog[data-dialog=login] .dialog-header{padding-right:calc(var(--height-btn-mini) + 1rem);flex-direction:column}.dialog[data-dialog=login] .dialog-close{top:1.25rem;right:1.25rem}.dialog[data-dialog=billing-upgrade]{overscroll-behavior:contain;display:block;overflow-y:auto}.dialog[data-dialog=billing-upgrade] .dialog-modal{margin-inline:auto}.dialog[data-dialog=billing-upgrade] .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=welcome] .dialog-modal{max-height:calc(100dvh - 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%;padding:var(--button-cutout-size)}.dialog[data-dialog=contrast] .dialog-close>button .btn-icon{width:1rem;height:1rem}}.dialog[data-dialog=admin-edit-user] .dialog-modal{width:min(100%,34rem);max-height:min(85vh,48rem);overflow-y:auto}.admin-edit-user-email{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.admin-edit-user-content{gap:1.25rem}.admin-edit-user-section{border-top:1px solid var(--color-border-module);flex-direction:column;align-items:flex-start;gap:.5rem;padding-top:1.25rem;display:flex}.admin-edit-user-section h3{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);text-transform:uppercase;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.admin-edit-user-section p{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.admin-edit-user-section-danger h3{color:var(--color-danger)}.section-nav{gap:var(--gap-section);width:var(--width-section-nav);max-height:var(--max-height-section-nav);min-height:0;padding:var(--padding-module);border-radius:var(--border-radius-nav);background:var(--color-panel-primary);color:var(--color-on-panel-primary);box-shadow:var(--shadow-up-nav);flex-direction:column;flex:none;display:flex;overflow:hidden auto}.section-nav-primary,.section-nav-group,.section-nav-item-list{flex-direction:column;min-width:0;display:flex}.section-nav-primary{gap:var(--gap-section-nav-item)}.section-nav-group{gap:var(--gap-section)}.section-nav-items{opacity:1;visibility:visible;min-width:0;transition:grid-template-rows var(--duration-section-nav-disclosure) ease, opacity var(--transition-fast), visibility 0s;grid-template-rows:minmax(0,1fr);display:grid}.section-nav-items[data-expanded=false]{opacity:0;pointer-events:none;visibility:hidden;transition:grid-template-rows var(--duration-section-nav-disclosure) ease, opacity var(--transition-fast), visibility 0s var(--duration-section-nav-disclosure);grid-template-rows:minmax(0,0fr)}.section-nav-item-list{gap:var(--gap-section-nav-item);min-height:0;overflow:hidden}.section-nav-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;justify-content:space-between;align-items:center;gap:var(--gap-content);width:100%;color:var(--color-on-panel-primary);cursor:pointer;text-align:left;text-transform:uppercase;background:0 0;margin:0;padding:0;font-size:.875rem;font-weight:400;line-height:1.3;display:flex}.section-nav-label-text{min-width:0}.section-nav-label-icon{flex:0 0 var(--size-section-nav-label-icon);width:var(--size-section-nav-label-icon);height:var(--size-section-nav-label-icon);display:flex}.section-nav-label-icon svg{width:100%;height:100%}.section-nav-group-header{grid-template-columns:minmax(0, 1fr) var(--size-section-nav-label-icon);align-items:center;gap:var(--gap-content);min-width:0;display:grid}.section-nav-link,.section-nav-group-link{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;min-width:0;padding:var(--padding-section-nav-link);border-radius:var(--border-radius-button);color:var(--color-on-panel-primary);overflow-wrap:anywhere;white-space:normal;transition:background-color var(--transition-fast), color var(--transition-fast);margin:0;font-size:.875rem;font-weight:500;text-decoration:none;display:block}.section-nav-link:hover,.section-nav-group-link:hover{background:var(--color-btn-primary-hover);color:var(--color-on-btn-primary)}.section-nav-link[data-active=true],.section-nav-group-link[data-active=true]{background:var(--color-btn-multiselect-active);color:var(--color-on-btn-multiselect-active)}.section-nav-link[aria-disabled=true],.section-nav-group-link[aria-disabled=true]{color:var(--color-on-btn-primary-disabled);cursor:not-allowed;opacity:var(--opacity-disabled)}.section-nav-group-link{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.section-nav-link[data-locked=true],.section-nav-group-link[data-locked=true]{align-items:center;gap:.375rem;display:flex}.section-nav-link[data-locked=true] svg,.section-nav-group-link[data-locked=true] svg{flex:none}.section-nav-group-toggle{width:var(--size-section-nav-label-icon);height:var(--size-section-nav-label-icon);color:var(--color-on-panel-primary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.section-nav-group-toggle svg{width:100%;height:100%}.section-nav-divider{border-top:var(--border-menu-divider);width:100%;height:0}@media (prefers-reduced-motion:reduce){.section-nav-items,.section-nav-items[data-expanded=false]{transition:none}}.nav-app-bar{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);padding:var(--padding-workspace);align-items:center;display:flex;position:relative;overflow:hidden}@media (width<=800px){.nav-app-bar{height:auto;min-height:var(--height-app-bar);margin:var(--gap-panel);row-gap:var(--gap-content);flex-wrap:wrap;flex:none}.nav-app-bar:has(.nav-app-bar-read-only){flex-direction:column;justify-content:center;align-items:flex-start}}.nav-app-brand{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);justify-content:center;align-items:center;display:flex}.nav-app-brand .brand-app-logo{height:24px}.nav-app-bar-title{font-family:var(--font-family-fancy);letter-spacing:0;color:var(--color-on-module-primary);margin:0;font-size:2.5rem;font-weight:500;line-height:1.2}.nav-app-bar-explorer-toggle{margin-left:auto}.nav-app-bar-explorer-toggle .btn-toggle-group{gap:0}.nav-app-bar-explorer-toggle .btn-toggle-group-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-app-bar-actions{margin-left:auto}.nav-app-bar-read-only{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;border-radius:var(--border-radius-badge);background:var(--color-screen);color:var(--color-on-screen);white-space:nowrap;cursor:pointer;border:0;margin:0 0 0 auto;padding:.25rem .4375rem;font-size:.875rem;font-weight:400;line-height:1.3}.nav-app-bar-read-only-pro{color:var(--color-text-pro)}@media (width<=800px){.nav-app-bar-read-only{margin-left:0}}.nav-app-bar-explorer-toggle-icon{display:none}@media (width<=640px){.nav-app-bar-explorer-toggle-icon{justify-content:center;align-items:center;width:1rem;height:1rem;display:flex}.nav-app-bar-explorer-toggle-icon svg{width:100%;height:100%}.nav-app-bar-explorer-toggle-text{display:none}.nav-app-bar-explorer-toggle .btn-toggle{padding:.5rem}}.nav-app-bar-center{justify-content:center;width:min(28rem,100% - 18rem);min-width:0;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-app-bar-palette-name{width:min(18rem,100%)}.nav-app-bar-palette-name .nav-app-bar-palette-name-input{text-align:center}.nav-tool-menu{--nav-tool-count:2;--nav-tool-cutout-width:calc((var(--width-tool-nav) * var(--nav-tool-count)) + (1px * (var(--nav-tool-count) - 1)) + (var(--padding-cutout-thick) * 2));gap:var(--gap-panel);min-height:0;margin:var(--gap-panel);border-radius:var(--border-radius-panel);flex-direction:column;flex:1;display:flex}.nav-tool-menu[data-visible-tool-count="1"]{--nav-tool-count:1}.nav-tool-menu[data-visible-tool-count="3"]{--nav-tool-count:3}.nav-tool-spacer{width:var(--width-tool-nav);border-radius:var(--border-radius-panel);background:var(--color-panel-primary);flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding:1rem 0;display:flex}.nav-tool-account{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.nav-tool-trial{border:1px solid var(--color-pro);border-radius:var(--border-radius-badge);width:3rem;height:3rem;color:var(--color-pro);cursor:pointer;text-transform:uppercase;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;flex-direction:column;flex:0 0 2.75rem;justify-content:center;align-items:center;gap:.2rem;padding:.25rem;display:flex}.nav-tool-trial:hover{background:var(--color-pro);color:var(--color-panel-primary)}.nav-tool-trial-plan{font-family:var(--font-family-mono);letter-spacing:0;align-items:center;gap:.125rem;margin:0;font-size:.75rem;font-weight:600;line-height:1;display:flex}.nav-tool-trial-plan svg{width:.7rem;height:.7rem}.nav-tool-trial-time{font-family:var(--font-family-mono);letter-spacing:0;white-space:nowrap;font-size:.625rem;font-weight:500;line-height:1}.nav-tool-account .menu[data-align=end] .menu-panel{left:0;right:auto}.nav-tool-account-menu-header{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;width:100%;min-width:10rem;max-width:16rem;color:var(--color-on-btn-primary);justify-content:space-between;align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:500;display:flex}.nav-tool-account-menu-header .pro-badge{flex:none;margin-left:auto}.nav-tool-account-menu-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-tool-account-button{background:var(--color-panel-cutout);border-radius:50%;width:2.75rem;height:2.75rem;padding:1px}.nav-tool-account-button:before{background:var(--color-screen);box-shadow:var(--shadow-up-screen);border-radius:50%;inset:1px}.nav-tool-account-button .btn-text{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;width:100%;color:var(--color-on-screen);justify-content:center;align-items:center;margin:0;font-size:.875rem;font-weight:500;display:flex}.nav-tool-account-button:hover:before{background:var(--color-screen-hover);box-shadow:var(--shadow-up-screen-hover)}.nav-website{--nav-website-shadow-opacity:0;top:var(--gap-content);left:var(--gap-content);right:var(--gap-content);z-index:var(--z-nav);opacity:0;pointer-events:none;width:auto;height:auto;transform:translateY(calc(-100% - var(--gap-content) * 2));will-change:opacity, transform;transition:opacity .18s ease-out,transform .72s cubic-bezier(.34,1.56,.64,1);position:fixed}.nav-website-content{z-index:1;justify-content:space-between;align-items:flex-start;gap:var(--gap-panel);width:min(100%, var(--website-content-width));margin-inline:auto;display:flex;position:relative}.nav-website[data-scroll-visible=true][data-visible=true]{opacity:1;pointer-events:auto;transform:translateY(0)}html[data-dialog-open=true] .nav-website{opacity:0;visibility:hidden;pointer-events:none}.nav-website-left{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;display:flex;position:relative}.nav-website-left:after,.nav-website-panel:after{content:"";border-radius:inherit;box-shadow:var(--shadow-up-nav);opacity:calc(.65 + var(--nav-website-shadow-opacity) * .35);pointer-events:none;position:absolute;inset:0}.nav-website-logo{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));justify-content:center;align-items:center;display:flex}.nav-website-logo .brand-app-logo{width:clamp(8rem,20vw - 2rem,200px);filter:var(--landing-logo-filter,none)}.nav-website-panel{justify-content:flex-end;align-items:center;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));flex:none;display:flex;position:relative}.nav-website-links,.nav-website-login{flex:none}.view-landing-page .nav-website-panel{--shadow-up-button-hover:var(--landing-shadow-up-button-hover)}.nav-website-menu{display:none}@media (width<=800px){.nav-tool-menu{width:auto;height:var(--height-mobile-btn-nav);isolation:isolate;flex-direction:row;align-items:flex-end;gap:1px;min-height:0;margin:0;padding:.25rem .5rem;position:relative}.nav-tool-menu:before{content:"";bottom:calc(.25rem - var(--padding-cutout-thick));left:calc(.5rem - var(--padding-cutout-thick));z-index:1;width:var(--nav-tool-cutout-width);height:calc(var(--height-mobile-btn-nav) + var(--padding-cutout-thick) * 2);border-radius:var(--border-radius-cutout);background:var(--color-panel-cutout);position:absolute}.nav-tool-menu:after{content:"";z-index:0;height:var(--height-mobile-tool-nav-panel);border-radius:var(--border-radius-panel);background:var(--color-panel-primary);box-shadow:var(--shadow-up-nav);position:absolute;inset:auto 0 0}.nav-tool-menu>.nav-app-brand{display:none}.nav-tool-menu>.btn-nav{z-index:2;height:var(--height-mobile-btn-nav);padding:calc(.375rem + var(--padding-cutout));background:0 0;position:relative}.nav-tool-menu>.btn-nav:before{inset:var(--padding-cutout)}.nav-tool-spacer{z-index:3;width:100%;min-width:0;height:var(--height-mobile-tool-nav-panel);box-shadow:none;pointer-events:none;background:0 0;flex-direction:row;flex:auto;justify-content:flex-end;align-items:center;padding:0 .75rem;position:absolute;inset:auto 0 0}.nav-tool-account{pointer-events:auto;flex-direction:row;width:auto;position:relative}.nav-tool-account .menu[data-align=end] .menu-panel{left:auto;right:0}.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}}:root[data-impersonating=true]{--height-impersonation-banner:44px}.banner-impersonation{z-index:var(--z-alert);flex:0 0 var(--height-impersonation-banner);justify-content:center;align-items:center;gap:var(--gap-section);height:var(--height-impersonation-banner);padding:0 var(--padding-workspace);background-color:var(--color-highlight-danger);color:var(--color-danger);display:flex;position:relative}.banner-impersonation-identity{font-family:var(--font-family-sans);letter-spacing:.046875rem;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;font-weight:400;line-height:1.3;overflow:hidden}.banner-impersonation-timer{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;opacity:.8;flex:none;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-item{isolation:isolate;gap:var(--gap-content);width:100%;min-width:0;padding:var(--padding-sequencer-item);border:var(--border-sequencer-item);border-radius:var(--border-radius-plate);background:var(--color-sequencer-item);color:var(--color-on-sequencer-item);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);flex-direction:column;display:flex;position:relative}.sequencer-item:not([data-selected=true]):has(.sequencer-item-select-target:hover){border-color:var(--color-border-sequencer-item-hover)}.sequencer-item[data-selected=true]{border-color:var(--color-border-sequencer-item-selected)}.sequencer-item[data-dragging=true]{box-shadow:none;opacity:.12}:is(.sequencer-item:has(.select[data-open=true]),.sequencer-item:has(.combobox[data-open=true]),.sequencer-item:has(.navigation-menu[data-state=open])){z-index:var(--z-modal)}.sequencer-item[data-overlay=true]{height:100%;box-shadow:var(--shadow-up-dragging)}.sequencer-item-overlay{pointer-events:none;z-index:var(--z-modal);width:0;height:0;position:fixed;top:0;left:0;overflow:visible}.sequencer-item[data-sortable=true] .sequencer-item-content{padding-left:calc(var(--size-btn-icon) + var(--gap-content))}.sequencer-item:has(.sequencer-item-select-target:focus-visible){border-color:var(--color-border-sequencer-item-selected)}.sequencer-item-select-target{z-index:1;border-radius:inherit;width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.sequencer-item-select-target:focus-visible{outline:var(--outline-sequencer-item);outline-offset:var(--outline-offset-sequencer-item)}.sequencer-item-drag-handle{top:var(--padding-sequencer-item);bottom:var(--padding-sequencer-item);left:var(--padding-sequencer-item);z-index:3;width:var(--size-btn-icon);color:var(--color-on-sequencer-item-reference);cursor:grab;touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.sequencer-item-drag-handle:focus-visible{outline:var(--outline-sequencer-item);outline-offset:var(--outline-offset-sequencer-item)}.sequencer-item[data-dragging=true] .sequencer-item-drag-handle{cursor:grabbing}.sequencer-item-drag-handle svg{width:var(--size-btn-icon);height:var(--size-btn-icon)}.sequencer-item-content{z-index:2;gap:var(--gap-content);pointer-events:none;flex-direction:column;min-width:0;display:flex;position:relative}.sequencer-item-content :where(a,button,input,label,select,textarea,[role=switch],[tabindex]:not([tabindex="-1"])){pointer-events:auto}.sequencer-semantic-color-reference{gap:var(--gap-content);flex-direction:column;width:100%;min-width:0;display:flex}.sequencer-semantic-color-chain{align-items:baseline;gap:var(--gap-content);flex-wrap:wrap;min-width:0;display:flex}.sequencer-semantic-color-name{font-family:var(--font-family-mono);letter-spacing:.03125rem;overflow-wrap:anywhere;color:var(--color-on-sequencer-item);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.sequencer-semantic-color-source{font-family:var(--font-family-mono);letter-spacing:0;overflow-wrap:anywhere;color:var(--color-on-sequencer-item-reference);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-semantic-color-source:after{content:" →"}.sequencer-semantic-color-preview{isolation:isolate;width:100%;height:var(--height-sequencer-semantic-color-preview);border-radius:var(--border-radius-tray-swatch);position:relative;overflow:hidden}.sequencer-semantic-color-preview:after{z-index:1;border-radius:inherit;box-shadow:var(--shadow-down-1);content:"";pointer-events:none;position:absolute;inset:0}.sequencer-semantic-color-placeholder{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;width:100%;height:100%;padding:0 var(--padding-menu-item-inline);color:var(--color-input-supporting);text-align:center;justify-content:center;align-items:center;margin:0;font-size:.875rem;font-weight:400;line-height:1.3;display:flex}.sequencer-semantic-color-preview[data-unassigned=true]{background:var(--color-module-primary)}.sequencer-semantic-color-preview[data-unassigned=true]:after{box-shadow:var(--shadow-down-2)}.sequencer-application-color-layout{align-items:center;gap:var(--gap-section);grid-template-columns:minmax(0,1fr) auto;width:100%;min-width:0;display:grid}.sequencer-application-color-modes{align-items:flex-start;gap:var(--gap-content);display:flex}.sequencer-application-color-mode{align-items:center;gap:var(--gap-content);flex-direction:column;display:flex}.sequencer-application-color-mode-label{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;color:var(--color-on-sequencer-item-reference);text-transform:uppercase;margin:0;font-size:.625rem;font-weight:300;line-height:1.3}.sequencer-application-color-swatch{width:var(--size-sequencer-application-color-swatch);height:var(--size-sequencer-application-color-swatch);border-radius:var(--border-radius-tray-swatch);box-shadow:var(--shadow-down-1)}.sequencer-application-color-swatch[data-unassigned=true]{background:var(--color-module-primary);box-shadow:var(--shadow-down-2)}.sequencer-control-panel-item{gap:var(--gap-section);flex-direction:column;width:100%;display:flex}.sequencer-control-panel-item-label{font-family:var(--font-family-fancy);letter-spacing:0;color:var(--color-on-panel-primary);margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.sequencer-control-panel-color,.sequencer-control-panel-settings,.sequencer-control-panel-setting,.sequencer-control-panel-color-editor,.sequencer-control-panel-selected-color{flex-direction:column;width:100%;display:flex}.sequencer-control-panel-color,.sequencer-control-panel-settings,.sequencer-control-panel-color-editor,.sequencer-control-panel-selected-color{gap:var(--gap-section)}.sequencer-control-panel-setting{gap:var(--gap-content)}.sequencer-control-panel-setting-label{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-on-panel-primary);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.sequencer-control-panel-editor-header{justify-content:space-between;align-items:center;gap:var(--gap-content);display:flex}.sequencer-control-panel-color-identity{gap:var(--gap-content);flex-direction:column;width:100%;display:flex}.sequencer-control-panel-color-name{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-panel-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-control-panel-color-token{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-on-panel-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-loading-content{gap:var(--gap-section);width:100%;margin-top:var(--gap-section);flex-direction:column;display:flex}.control-panel-content>.sequencer-loading-content{margin-top:0}.sequencer-loading-line,.sequencer-loading-block{background-color:var(--color-on-module-primary);box-shadow:var(--shadow-down-1);opacity:.08;animation:loading-skeleton-fade var(--duration-loading-pulse) ease-in-out infinite}.sequencer-loading-line{border-radius:var(--border-radius-pill);width:35%;height:.8rem}.sequencer-loading-block{width:100%;height:var(--height-swatch-recommendation);border-radius:var(--border-radius-plate)}.sequencer-control-panel-swatch{width:100%;height:var(--height-sequencer-control-panel-swatch);min-height:var(--height-sequencer-control-panel-swatch);display:flex}.sequencer-control-panel-swatch .palette-board-swatch-position{display:none}.sequencer-remove-action{width:100%;display:flex}.sequencer-remove-action>button{width:100%}.sequencer-remove-color-confirmation{align-items:end;gap:var(--gap-content);grid-template-columns:minmax(0,1fr) auto;width:100%;display:grid}.sequencer-remove-color-confirmation .btn-group{height:calc(var(--height-btn-mini) + var(--padding-cutout) * 2);width:auto;margin-bottom:calc((var(--height-input-text) - var(--height-btn-mini) - var(--padding-cutout) * 2) / 2)}.sequencer-remove-color-confirmation .btn-group-item{flex:0 0 var(--height-btn-mini)}.sequencer-remove-color-confirmation .btn-group-item>button{width:var(--height-btn-mini);height:var(--height-btn-mini)}.sequencer-remove-color-confirmation .input-text-label{color:var(--color-danger)}.sequencer-button-constructor,.sequencer-button-subsection,.sequencer-button-variant-list,.sequencer-button-variant,.sequencer-component-configuration-summary,.sequencer-control-panel-component,.sequencer-control-panel-component-content,.sequencer-control-panel-component-scope,.sequencer-control-panel-component-groups,.sequencer-control-panel-component-group{flex-direction:column;width:100%;min-width:0;display:flex}.sequencer-component-axis-add,.sequencer-shadow-editor,.sequencer-transform-editor,.sequencer-data-color-editor,.sequencer-gradient-editor,.sequencer-gradient-stop,.sequencer-component-corner-shape-field{gap:var(--gap-content);flex-direction:column;width:100%;min-width:0;display:flex}.sequencer-component-link-controls,.sequencer-gradient-center-field{gap:var(--gap-content);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;display:grid}.sequencer-component-linking,.sequencer-control-panel-component-parts,.sequencer-control-panel-component-part,.sequencer-control-panel-component-fields{gap:var(--gap-content);flex-direction:column;width:100%;min-width:0;display:flex}.sequencer-transform-dimension{align-items:end;gap:var(--gap-content);grid-template-columns:minmax(0,1fr) minmax(5rem,.4fr);width:100%;min-width:0;display:grid}.sequencer-transform-dimension .select>.btn-primary{height:var(--height-input-text)}.sequencer-control-panel-component-parts{gap:var(--gap-module)}.sequencer-control-panel-component-part{gap:var(--gap-content)}.sequencer-component-option-editor{gap:var(--gap-content);flex-direction:column;width:100%;min-width:0;display:flex}.sequencer-component-option-actions{gap:var(--gap-element);width:100%;display:flex}.sequencer-gradient-stop{padding-bottom:var(--gap-section);border-bottom:var(--border-menu-divider)}.sequencer-sortable-control-list{gap:var(--gap-content);flex-direction:column;width:100%;min-width:0;display:flex}.sequencer-button-constructor,.sequencer-component-configuration-summary{margin-top:var(--gap-section)}.sequencer-button-constructor,.sequencer-button-subsection,.sequencer-button-variant-list,.sequencer-control-panel-component-content,.sequencer-control-panel-component-scope,.sequencer-control-panel-component-groups{gap:var(--gap-section)}.sequencer-control-panel-component-header{top:calc(var(--padding-control-panel) * -1);z-index:var(--z-nav);justify-content:space-between;align-items:flex-end;gap:var(--gap-section);width:calc(100% + var(--padding-control-panel) * 2);min-width:0;margin-top:calc(var(--padding-control-panel) * -1);margin-inline:calc(var(--padding-control-panel) * -1);padding:var(--padding-module);border-radius:var(--border-radius-nav);background:var(--color-panel-primary);box-shadow:var(--shadow-up-nav);display:flex;position:sticky}.sequencer-control-panel-component{gap:var(--gap-section)}.sequencer-control-panel-component-state{flex:0 1 var(--width-sequencer-button-preview-size-select);width:var(--width-sequencer-button-preview-size-select);min-width:0}.sequencer-button-variant,.sequencer-control-panel-component-group{gap:var(--gap-section)}.sequencer-component-structure-controls,.sequencer-component-structure-slots{gap:var(--gap-content);flex-direction:column;width:100%;min-width:0;display:flex}.sequencer-component-structure-slots{border:0;margin:0;padding:0}.sequencer-component-structure-legend,.sequencer-component-structure-slot-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-panel-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-component-structure-legend{margin-bottom:var(--gap-content)}.sequencer-component-structure-slot{align-items:flex-start;gap:var(--gap-content);cursor:pointer;display:flex}.sequencer-component-structure-checkbox{flex:none;margin-top:.125rem}.sequencer-button-variant,.sequencer-component-configuration-summary{container-type:inline-size}.sequencer-control-panel-component-group-label{font-family:var(--font-family-fancy);letter-spacing:0;color:var(--color-on-panel-primary);margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.sequencer-control-panel-component-part-label{font-family:var(--font-family-sans);letter-spacing:0;color:var(--color-on-panel-primary);margin:0;font-size:1rem;font-weight:600;line-height:1.3}.sequencer-control-panel-component-fields-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-sequencer-item-reference);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-control-panel-component-grid{gap:var(--gap-content);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.sequencer-control-panel-component-grid>*,.sequencer-control-panel-component-field,.sequencer-control-panel-component-field-wide{min-width:0}.sequencer-control-panel-component-field-wide{grid-column:1/-1}.sequencer-component-token-option-swatch{width:100%;height:100%;display:block}.sequencer-component-contrast-summary{gap:var(--gap-content);flex-direction:column;width:100%;display:flex}.sequencer-component-contrast-result{font-family:var(--font-family-mono);letter-spacing:0;justify-content:space-between;gap:var(--gap-content);width:100%;color:var(--color-on-panel-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3;display:flex}.sequencer-component-contrast-result>span:first-child{min-width:0}.sequencer-component-contrast-result>span:last-child{white-space:nowrap;flex:none}.sequencer-component-contrast-result[data-result=warning]{color:var(--color-danger)}.sequencer-export-control,.sequencer-validation-summary,.sequencer-validation-diagnostics,.sequencer-validation-diagnostic{gap:var(--gap-content);flex-direction:column;width:100%;display:flex}.sequencer-validation-summary,.sequencer-validation-diagnostics{gap:var(--gap-section)}.sequencer-validation-screen,.sequencer-reference-flow-screen{gap:var(--gap-section);flex-direction:column;display:flex}.sequencer-reference-flow-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-screen);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-reference-flow-group-label{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;color:var(--color-on-screen-accent);margin:0;font-size:.625rem;font-weight:300;line-height:1.3}.sequencer-reference-flow-screen .sequencer-token-metadata,.sequencer-reference-flow-screen .sequencer-token-reference-group code{color:var(--color-on-screen)}.sequencer-validation-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-screen);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-validation-screen .sequencer-token-metadata{color:var(--color-on-screen)}.sequencer-export-copy{font-family:var(--font-family-mono);letter-spacing:0;color:color-mix(in oklch, var(--color-on-module-primary) 72%, transparent);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.sequencer-export-actions{justify-content:flex-end;display:flex}.sequencer-color-mode-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-panel-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-color-mode-copy{font-family:var(--font-family-mono);letter-spacing:0;color:color-mix(in oklch, var(--color-on-module-primary) 72%, transparent);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.sequencer-color-mode-actions{justify-content:flex-end;display:flex}.sequencer-color-mode-warnings{font-family:var(--font-family-mono);letter-spacing:0;gap:var(--gap-content);color:var(--color-danger);flex-direction:column;margin:0;font-size:1rem;font-weight:400;line-height:1.3;display:flex}.sequencer-validation-health{font-family:var(--font-family-mono);letter-spacing:0;justify-content:space-between;gap:var(--gap-content);color:var(--color-on-screen);margin:0;font-size:.875rem;font-weight:400;line-height:1.3;display:flex}.sequencer-validation-diagnostic[data-severity=error]{color:var(--color-on-screen-error)}.sequencer-validation-diagnostic[data-severity=warning]{color:var(--color-on-screen-warning)}.sequencer-validation-diagnostic{font-family:var(--font-family-mono);letter-spacing:0;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-validation-separator{color:var(--color-on-screen)}.sequencer-validation-diagnostic code{overflow-wrap:anywhere;color:inherit}.sequencer-button-variant-header{justify-content:space-between;align-items:flex-start;gap:var(--gap-section);width:100%;display:flex}.sequencer-button-preview-size-select{flex:0 1 var(--width-sequencer-button-preview-size-select);width:var(--width-sequencer-button-preview-size-select);min-width:0}.sequencer-button-tabs,.sequencer-button-tabs .btn-toggle-group,.sequencer-button-tabs .btn-toggle-group-frame{width:100%}.sequencer-component-variant-label{font-family:var(--font-family-fancy);letter-spacing:0;color:var(--color-on-module-primary);margin:0;font-size:1.75rem;font-weight:500;line-height:1.3}.sequencer-component-module-header{justify-content:space-between;align-items:center;gap:var(--gap-content);width:100%;min-width:0;display:flex}.sequencer-component-module-header>.sequencer-editor-section-label{min-width:0}.sequencer-component-preview-grid{gap:var(--gap-content);grid-template-columns:repeat(5,minmax(0,1fr));width:100%;min-width:0;display:grid}.sequencer-component-preview-single{width:100%;min-width:0}.sequencer-component-preview-single .sequencer-item{padding:var(--gap-section);border-color:var(--color-border-sequencer-button-preview)}.sequencer-component-preview-single .sequencer-item:not([data-selected=true]):has(.sequencer-item-select-target:hover){border-color:var(--color-border-sequencer-item-hover)}.sequencer-component-preview-single .sequencer-item[data-selected=true]{border-color:var(--color-border-sequencer-item-selected)}.sequencer-component-preview-grid .sequencer-item{padding:var(--gap-content);border-color:var(--color-border-sequencer-button-preview)}.sequencer-component-preview-grid .sequencer-item:not([data-selected=true]):has(.sequencer-item-select-target:hover){border-color:var(--color-border-sequencer-item-hover)}.sequencer-component-preview-grid .sequencer-item[data-selected=true]{border-color:var(--color-border-sequencer-item-selected)}.sequencer-button-size-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--min-width-sequencer-button-size-preview)), 1fr));gap:var(--gap-content);width:100%;min-width:0;display:grid}.sequencer-button-size-item{justify-content:center;align-items:center;gap:var(--gap-content);width:100%;min-width:0;padding:var(--gap-content);flex-direction:column;display:flex}.sequencer-component-preview-item{justify-content:center;align-items:center;gap:var(--gap-content);flex-direction:column;width:100%;min-width:0;display:flex}.sequencer-component-preview-state-label{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-on-sequencer-item-reference);white-space:nowrap;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-preview-sandbox{width:100%;min-width:0;padding:var(--gap-section);border-radius:var(--border-radius-button);pointer-events:auto;transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.sequencer-preview-sandbox>*{min-width:0;max-width:100%}.sequencer-preview-sandbox :where(button,input,select,textarea,h1,h2,h3,h4,h5,h6,p,a){color:inherit;font-family:inherit}.sequencer-preview-sandbox[data-preview-component=button]>button>span{white-space:nowrap}.sequencer-overview,.sequencer-overview-section,.sequencer-overview-heading,.sequencer-overview-section-heading,.sequencer-overview-palettes,.sequencer-overview-type-list{flex-direction:column;width:100%;min-width:0;display:flex}.sequencer-overview{gap:var(--gap-module);container-type:inline-size}.sequencer-overview-header{width:100%;min-width:0;color:var(--color-on-module-primary)}.sequencer-overview-heading,.sequencer-overview-section-heading{gap:var(--gap-content)}.sequencer-overview-eyebrow,.sequencer-overview-section-description,.sequencer-overview-title,.sequencer-overview-palette-name,.sequencer-overview-component-name,.sequencer-overview-type-sample,.sequencer-scene-display,.sequencer-scene-heading,.sequencer-scene-copy{margin:0}.sequencer-overview-eyebrow,.sequencer-overview-component-name,.sequencer-overview-palette-name{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-overview-title{font-family:var(--font-family-fancy);letter-spacing:0;margin:0;font-size:2.5rem;font-weight:500;line-height:1.2}.sequencer-overview-mobile-note{width:100%;display:none}.sequencer-overview-mobile-note p{color:var(--color-on-screen);margin:0}.sequencer-overview-section-description{font-family:var(--font-family-mono);letter-spacing:0;max-width:48rem;color:var(--color-on-module-primary-subtle);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.sequencer-overview-font-status{font-family:var(--font-family-sans);letter-spacing:.03125rem;color:var(--color-on-module-primary-subtle);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.sequencer-overview[data-fonts-ready=false] :where(.sequencer-overview-type-list,.sequencer-overview-components,.sequencer-scene){visibility:hidden}.sequencer-overview-module-heading{justify-content:space-between;align-items:center;gap:var(--gap-content);width:100%;min-width:0;display:flex}.sequencer-overview-module-label{font-family:var(--font-family-fancy);letter-spacing:0;color:var(--color-on-module-primary);margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.sequencer-overview-module-heading>.btn-toggle-group{flex:none}.sequencer-overview-section{gap:var(--gap-section)}.sequencer-overview-palettes,.sequencer-overview-type-list{gap:var(--gap-content)}.sequencer-overview-palette,.sequencer-overview-type,.sequencer-overview-component{min-width:0;padding:var(--gap-content);border:var(--border-sequencer-item);border-radius:var(--border-radius-plate);background:var(--color-sequencer-item);color:var(--color-on-sequencer-item)}.sequencer-overview-palette-heading{justify-content:space-between;align-items:baseline;gap:var(--gap-content);margin-bottom:var(--gap-content);display:flex}.sequencer-overview-token-name{font-family:var(--font-family-mono);letter-spacing:0;white-space:nowrap;color:var(--color-on-sequencer-item-reference);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-overview-swatches{border-radius:var(--border-radius-tray-swatch);grid-template-columns:repeat(auto-fit,minmax(1rem,1fr));min-height:3rem;display:grid;overflow:hidden}.sequencer-overview-swatch{min-width:0}.sequencer-overview-type{align-items:center;gap:var(--gap-section);grid-template-columns:minmax(13rem,.25fr) minmax(0,1fr);display:grid}.sequencer-overview-type-sample{overflow-wrap:anywhere;min-width:0}.sequencer-overview-components{gap:var(--gap-content);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));width:100%;min-width:0;display:grid}.sequencer-overview-component{gap:var(--gap-content);flex-direction:column;display:flex;overflow:hidden}.sequencer-overview-component .sequencer-preview-sandbox{box-sizing:border-box;width:100%;min-width:0;padding:var(--gap-content);flex:auto;overflow:auto}.sequencer-scene-selector{width:100%}.sequencer-scene-selector .select{width:min(100%,20rem)}.sequencer-scene{--sequencer-scene-space-unit:1rem;gap:clamp(2rem, var(--sequencer-scene-space-unit) * 2, 3.5rem);width:100%;min-width:0;padding:clamp(var(--gap-section), 4vw, var(--gap-module));border:var(--border-sequencer-item);border-radius:var(--border-radius-plate);transition:background-color var(--transition-fast), color var(--transition-fast);flex-direction:column;margin-inline:auto;display:flex;overflow:hidden}.sequencer-scene :where(button,input,select,textarea,h1,h2,h3,h4,h5,h6,p,a){font-family:inherit}.sequencer-scene :where(h1,h2,h3,h4,h5,h6,p,a,ul,code,kbd,samp,pre,blockquote,textarea){color:inherit}.sequencer-scene-fields,.sequencer-scene-panel,.sequencer-scene-field{width:100%;min-width:0}.sequencer-scene-hero,.sequencer-scene-heading-group{flex-direction:column;align-items:flex-start;max-width:52rem;display:flex}.sequencer-scene-hero{gap:clamp(1.5rem, var(--sequencer-scene-space-unit) * 1.5, 2.5rem)}.sequencer-scene-heading-group{gap:clamp(.75rem, var(--sequencer-scene-space-unit), 1.25rem)}.sequencer-scene-display{max-width:18ch}.sequencer-scene-copy{max-width:62ch}.sequencer-scene-actions,.sequencer-scene-preferences{align-items:center;gap:clamp(1rem, var(--sequencer-scene-space-unit) * 1.25, 2rem);flex-wrap:wrap;display:flex}.sequencer-scene-panel{box-sizing:border-box;min-width:0}.sequencer-scene-panel,.sequencer-scene-fields{flex-direction:column;display:flex}.sequencer-scene-panel{gap:clamp(2rem, var(--sequencer-scene-space-unit) * 2, 3rem)}.sequencer-scene-fields{gap:clamp(1.75rem, var(--sequencer-scene-space-unit) * 1.75, 2.5rem)}.sequencer-scene-field{align-items:flex-start;gap:clamp(.875rem, var(--sequencer-scene-space-unit), 1.25rem);flex-direction:column;display:flex}.sequencer-scene-field>:last-child,.sequencer-scene-field :where(.input,.textarea,.select){width:100%;max-width:100%}.sequencer-scene-field-label{font:inherit;font-weight:600}@container (width<=40rem){.sequencer-overview-type{grid-template-columns:minmax(0,1fr)}}@container (width<=50rem){.sequencer-component-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (width<=24rem){.sequencer-component-preview-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.sequencer-control-panel-component-header{flex-direction:column;align-items:stretch}.sequencer-control-panel-component-state{width:100%}}@media (width<=800px){.sequencer-overview-mobile-note{display:block}}.input[data-sequencer-preview],.textarea[data-sequencer-preview]{max-width:100%;font:inherit;cursor:text;width:min(100%,24rem)}.input[data-sequencer-preview]::placeholder,.textarea[data-sequencer-preview]::placeholder{color:var(--sequencer-placeholder-color,currentColor)}.textarea[data-sequencer-preview]{resize:none;min-height:6rem}.sequencer-base-preview-choice{align-items:center;display:inline-flex}.sequencer-base-preview-checkbox,.sequencer-base-preview-radio{justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:inline-flex}.sequencer-base-preview-radio>span{border-radius:9999px;width:.625rem;height:.625rem;display:block}.sequencer-base-preview-switch{justify-content:flex-end;align-items:center;width:2.5rem;height:1.5rem;padding:.125rem;display:inline-flex}.sequencer-base-preview-switch>span{width:1.25rem;height:1.25rem;display:block}.sequencer-reference-row,.sequencer-reference-stack{gap:var(--gap-content);max-width:100%;display:flex}.sequencer-reference-row{align-items:center}.sequencer-reference-stack{flex-direction:column}.sequencer-reference-button,.sequencer-reference-field,.sequencer-reference-trigger{font:inherit}.sequencer-reference-button{padding:var(--gap-content) var(--gap-section);border:var(--border-menu-divider);border-radius:var(--border-radius-button);background:var(--color-module);color:var(--color-on-module-primary);cursor:pointer}.sequencer-reference-option{width:100%;padding:var(--gap-content);text-align:left;cursor:pointer;align-items:center;display:flex}.sequencer-reference-trigger{justify-content:center;align-self:stretch;align-items:center;min-width:2rem;display:inline-flex}.sequencer-reference-divider{background:var(--color-border-menu-divider);width:1px;height:1.5rem;display:block}.sequencer-reference-field{width:min(100%,20rem);padding:var(--gap-content)}.sequencer-reference-list{gap:var(--gap-content);flex-direction:column;min-width:min(100%,16rem);display:flex}.sequencer-reference-symbol{flex:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:inline-flex}.sequencer-reference-breadcrumbs{align-items:center;gap:var(--gap-content);margin:0;padding:0;list-style:none;display:flex}.sequencer-token-module,.sequencer-token-layer-group,.sequencer-token-list,.sequencer-token-item-copy,.sequencer-control-panel-token,.sequencer-token-conditional-editor,.sequencer-generated-typography-editor,.sequencer-structured-token-value{flex-direction:column;width:100%;min-width:0;display:flex}.sequencer-token-module{gap:var(--gap-module);margin-top:var(--gap-section)}.sequencer-token-layer-group,.sequencer-token-list,.sequencer-control-panel-token,.sequencer-token-conditional-editor,.sequencer-generated-typography-editor{gap:var(--gap-section)}.sequencer-typography-scale-step-row{align-items:end;gap:var(--gap-content);grid-template-columns:minmax(0,1fr) max-content;width:100%;min-width:0;display:grid}.sequencer-contextual-typography-fields{gap:var(--gap-content);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;display:grid}.sequencer-typography-scale-step-reference{font-family:var(--font-family-mono);letter-spacing:.03125rem;min-height:var(--height-input-text);color:var(--color-on-panel-primary);white-space:nowrap;align-items:center;margin:0;font-size:1rem;font-weight:400;line-height:1.3;display:flex}.sequencer-token-item-copy,.sequencer-structured-token-value{gap:var(--gap-content)}.sequencer-token-reference-group,.sequencer-token-delete-confirmation{gap:var(--gap-content);flex-direction:column;width:100%;display:flex}.sequencer-token-reference-group code{font-family:var(--font-family-mono);letter-spacing:0;overflow-wrap:anywhere;color:var(--color-on-panel-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-token-delete-warning{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-danger);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-token-layer-label{font-family:var(--font-family-fancy);letter-spacing:0;margin:0;color:var(--color-on-module-primary);margin:0;font-size:1.25rem;font-weight:500;line-height:1.3}.sequencer-google-font-family-name{letter-spacing:normal;text-transform:none;font-style:normal;display:block}.sequencer-token-item-name{font-family:var(--font-family-mono);letter-spacing:.03125rem;overflow-wrap:anywhere;color:var(--color-on-sequencer-item);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.sequencer-gradient-token-preview{border-radius:var(--border-radius-tray-swatch);background-color:var(--color-panel-cutout);width:100%;min-height:4rem;box-shadow:var(--shadow-down-1)}.sequencer-token-item-value,.sequencer-token-metadata,.sequencer-token-module-empty,.sequencer-token-unsupported-value,.sequencer-structured-token-value code{font-family:var(--font-family-mono);letter-spacing:0;overflow-wrap:anywhere;color:var(--color-on-sequencer-item-reference);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-token-module-empty{margin:0}.sequencer-control-panel-token-header{justify-content:space-between;align-items:center;gap:var(--gap-content);width:100%;display:flex}.sequencer-token-metadata,.sequencer-structured-token-value code{color:var(--color-on-panel-primary)}.sequencer-typography-module,.sequencer-typography-family-list,.sequencer-typography-family-item,.sequencer-typography-type-scale-item,.sequencer-typography-style-list,.sequencer-typography-style-item{flex-direction:column;width:100%;min-width:0;display:flex}.sequencer-typography-module{gap:var(--gap-module);margin-top:var(--gap-section)}.sequencer-typography-family-list{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--min-width-sequencer-typography-preview)), 1fr));gap:var(--gap-content);width:100%;min-width:0;display:grid}.sequencer-typography-style-list{gap:var(--gap-content)}.sequencer-typography-style-token-name{font-family:var(--font-family-mono);letter-spacing:0;overflow-wrap:anywhere;color:var(--color-on-sequencer-item-reference);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-typography-family-item,.sequencer-typography-type-scale-item,.sequencer-typography-style-item{gap:var(--gap-content)}.sequencer-typography-item-heading{justify-content:space-between;align-items:baseline;gap:var(--gap-content);flex-wrap:wrap;width:100%;display:flex}.sequencer-typography-role-label,.sequencer-typography-scale-summary{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-on-sequencer-item-reference);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-typography-family-preview,.sequencer-typography-style-preview{color:var(--color-on-sequencer-item);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sequencer-typography-family-preview{font-family:var(--font-family-fancy);letter-spacing:0;margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.sequencer-typography-scale-preview{align-items:baseline;gap:var(--gap-section);width:100%;color:var(--color-on-sequencer-item);flex-wrap:wrap;display:flex;overflow:hidden}.sequencer-color-assignment-row{align-items:end;gap:var(--gap-content);grid-template-columns:minmax(0,2fr) minmax(0,1fr);width:100%;min-width:0;display:grid}.sequencer-color-assignment-row .select{min-width:0}.sequencer-color-mode-lightness-row{align-items:end;gap:var(--gap-content);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;display:grid}.sequencer-color-mode-lightness-row .select{min-width:0}.toast-viewport{right:var(--padding-workspace);bottom:var(--padding-workspace);z-index:var(--z-alert);width:min(100vw - var(--padding-workspace) * 2, 24rem);pointer-events:none;justify-items:end;display:grid;position:fixed}.toast-stack-item{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;grid-area:1/1}.toast-stack-item[data-closing=true]{opacity:0;transform:translateY(.5rem)scale(.98)}.toast{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);pointer-events:auto;align-items:center;gap:1rem;animation:.22s ease-out both toast-enter;display:flex}.toast-content{flex-direction:column;flex:auto;gap:.5rem;min-width:0;display:flex}.toast-title{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-toast);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.toast-description{font-family:var(--font-family-sans);letter-spacing:.03125rem;color:var(--color-on-toast);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.toast-dismiss{width:2rem;height:2rem;color:var(--color-on-toast);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:flex-end;align-items:center;display:inline-flex}.toast-dismiss svg{width:1rem;height:1rem}@keyframes toast-enter{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}.visualizer-2d{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.visualizer-2d-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-screen);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.visualizer-2d-body{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:1rem;width:100%;min-height:0;display:flex;position:relative}.visualizer-2d-wheel{flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.visualizer-2d-wheel-viewport{aspect-ratio:1;border-radius:50%;width:min(100%,22rem);max-width:100%;position:relative;overflow:hidden}.visualizer-2d-wheel-surface,.visualizer-2d-wheel-boundary,.visualizer-2d-wheel-grid{position:absolute;inset:0}.visualizer-2d-wheel-surface{opacity:.5;z-index:0;border-radius:50%;width:100%;height:100%;display:block}.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:.4px;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:.6px}.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:.3px}.visualizer-2d-point{background-color:var(--color-visualizer-point-fill);border:2px solid var(--color-visualizer-point-stroke);width:2rem;height:2rem;box-shadow:var(--shadow-up-1);z-index:3;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.visualizer-2d-point:hover{z-index:5;cursor:pointer}.visualizer-2d-empty-state{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-input-supporting);text-align:center;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.visualizer-3d{flex-direction:column;flex:auto;width:100%;height:100%;min-height:0;display:flex}.visualizer-3d-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-screen);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.visualizer-3d-body{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;position:relative}.visualizer-metadata-label{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;z-index:6;color:var(--color-on-screen);opacity:.8;text-align:right;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.125rem;margin:0;font-size:.625rem;font-weight:300;line-height:1.3;display:flex;position:absolute;bottom:0;right:0}.visualizer-3d-viewport{background-color:var(--color-screen);border-radius:var(--border-radius-screen);cursor:grab;flex:auto;width:100%;min-height:100%;position:relative;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);letter-spacing:0;color:var(--color-input-supporting);text-align:center;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.visualizer-3d-webgl-fallback{font-family:var(--font-family-mono);letter-spacing:0;padding:var(--padding-screen);color:var(--color-input-supporting);text-align:center;justify-content:center;align-items:center;margin:0;font-size:1rem;font-weight:400;line-height:1.3;display:flex;position:absolute;inset:0}.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);letter-spacing:0;color:var(--color-on-module-primary-subtle);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.palette-visualizer-content{min-height:0;box-shadow:var(--shadow-down-2);border-radius:var(--border-radius-tray-insert);flex-direction:column;gap:1rem;padding:1rem;display:flex}.palette-visualizer-content *,.palette-visualizer-content :before,.palette-visualizer-content :after{box-sizing:border-box}.palette-visualizer-preview{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);flex-direction:column;gap:.75rem;display:flex}.palette-visualizer-preview-header{flex:none;justify-content:flex-start;align-items:center;gap:1rem;min-width:0;display:flex}.palette-visualizer-preview-title{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-screen);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.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);background:var(--visualizer-canvas);width:100%;max-width:100%;min-height:0;color:var(--visualizer-ink);overflow-wrap:anywhere;border-radius:.5rem;flex:none;overflow:hidden}.palette-visualizer-kicker{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;color:var(--palette-visualizer-accent-text-on-canvas);margin:0;font-size:.625rem;font-weight:300;line-height:1.3}.palette-visualizer-landing{flex-direction:column;min-height:0;display:flex}.palette-visualizer-landing-nav{border-bottom:1px solid var(--visualizer-rule);background:var(--visualizer-canvas-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.palette-visualizer-brand-lockup,.palette-visualizer-landing-links,.palette-visualizer-landing-actions{align-items:center;gap:.75rem;display:flex}.palette-visualizer-brand-lockup span{background:var(--palette-visualizer-primary);border-radius:.5rem;width:2rem;height:2rem}.palette-visualizer-brand-lockup strong,.palette-visualizer-landing-copy h3{color:var(--visualizer-ink)}.palette-visualizer-landing-links{font-family:var(--font-family-mono);letter-spacing:0;color:var(--visualizer-muted-ink);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.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);letter-spacing:.046875rem;text-transform:uppercase;border-radius:var(--border-radius-button);background:var(--palette-visualizer-accent);color:var(--palette-visualizer-on-accent);border:0;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.palette-visualizer-landing-nav button{flex:none;padding:.6rem .85rem}.palette-visualizer-landing-hero{flex:auto;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:1.5rem;min-height:0;padding:2rem;display:grid}.palette-visualizer-landing-copy{flex-direction:column;justify-content:center;gap:1rem;min-width:0;display:flex}.palette-visualizer-landing-copy h3{font-family:var(--font-family-sans);letter-spacing:0;max-width:16ch;margin:0;font-size:1.75rem;font-weight:500;line-height:1.3}.palette-visualizer-landing-copy p{font-family:var(--font-family-sans);letter-spacing:0;max-width:42rem;color:var(--visualizer-muted-ink);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.palette-visualizer-landing-actions button{padding:.75rem 1rem}.palette-visualizer-landing-actions span{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--visualizer-ink);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.palette-visualizer-landing-media{background:linear-gradient(135deg, color-mix(in oklch, var(--palette-visualizer-primary) 70%, white), color-mix(in oklch, var(--palette-visualizer-accent) 72%, white));border-radius:.5rem;min-width:0;min-height:22rem;position:relative;overflow:hidden}.palette-visualizer-landing-window{background:color-mix(in oklch, white 86%, var(--palette-visualizer-surface));border-radius:.5rem;grid-template-columns:1.1fr .9fr;gap:.75rem;width:68%;padding:1rem;display:grid;position:absolute;top:12%;right:8%;box-shadow:0 1rem 2rem oklch(0% 0 0/.22)}.palette-visualizer-landing-window div{background:var(--palette-visualizer-primary);border-radius:.5rem;min-height:4.5rem}.palette-visualizer-landing-window div:nth-child(2){background:var(--palette-visualizer-supporting)}.palette-visualizer-landing-window div:nth-child(3){background:linear-gradient(90deg, var(--palette-visualizer-sequence-1), var(--palette-visualizer-sequence-2)), var(--palette-visualizer-accent);grid-column:1/-1;min-height:6rem}.palette-visualizer-landing-card{background:var(--visualizer-canvas-2);width:min(44%,15rem);color:var(--visualizer-ink);border-radius:.5rem;flex-direction:column;gap:.2rem;padding:1rem;display:flex;position:absolute;bottom:16%;left:8%;box-shadow:0 1rem 2rem oklch(0% 0 0/.18)}.palette-visualizer-landing-card strong{font-family:var(--font-family-sans);letter-spacing:0;color:var(--palette-visualizer-primary);margin:0;font-size:1.75rem;font-weight:500;line-height:1.3}.palette-visualizer-landing-card span{font-family:var(--font-family-sans);letter-spacing:0;color:var(--visualizer-muted-ink);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.palette-visualizer-landing-palette-strip{gap:.4rem;display:flex;position:absolute;bottom:7%;left:8%;right:8%}.palette-visualizer-landing-palette-strip span{border-radius:var(--border-radius-pill);flex:1 1 0;height:.75rem;box-shadow:0 0 0 1px oklch(100% 0 0/.42)}.palette-visualizer-product{grid-template-columns:minmax(10rem,.24fr) minmax(0,1fr);gap:0;min-height:0;display:grid}.palette-visualizer-product-sidebar{background:var(--palette-visualizer-primary);color:var(--palette-visualizer-on-primary);flex-direction:column;gap:.65rem;padding:1rem;display:flex}.palette-visualizer-product-logo{background:var(--palette-visualizer-accent);width:2.35rem;height:2.35rem;color:var(--palette-visualizer-on-accent);border-radius:.5rem;place-items:center;margin-bottom:.75rem;font-weight:700;display:grid}.palette-visualizer-product-nav{font-family:var(--font-family-sans);letter-spacing:0;color:inherit;opacity:.72;border-radius:.5rem;margin:0;padding:.65rem .75rem;font-size:1rem;font-weight:400;line-height:1.3}.palette-visualizer-product-nav--active{background:color-mix(in oklch, currentColor 18%, transparent);opacity:1}.palette-visualizer-product-main{flex-direction:column;gap:1rem;min-width:0;padding:1.25rem 1.25rem 2rem;display:flex}.palette-visualizer-product-toolbar{justify-content:space-between;align-items:center;gap:1rem;min-width:0;display:flex}.palette-visualizer-product-toolbar>div{flex-direction:column;gap:.25rem;min-width:0;display:flex}.palette-visualizer-product-toolbar span{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;color:var(--visualizer-muted-ink);margin:0;font-size:.625rem;font-weight:300;line-height:1.3}.palette-visualizer-product-toolbar strong{font-family:var(--font-family-sans);letter-spacing:0;color:var(--visualizer-ink);margin:0;font-size:1.25rem;font-weight:500;line-height:1.3}.palette-visualizer-product-toolbar button{flex:none;padding:.65rem .95rem}.palette-visualizer-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.palette-visualizer-product-card{border:1px solid var(--visualizer-rule);background:var(--visualizer-canvas-2);min-height:7rem;color:var(--visualizer-ink);border-radius:.5rem;flex-direction:column;justify-content:space-between;gap:.75rem;padding:1rem;display:flex}.palette-visualizer-product-card--primary{background:var(--palette-visualizer-supporting);color:var(--palette-visualizer-on-supporting);border-color:#0000}.palette-visualizer-product-card div,.palette-visualizer-phone-hero div{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;opacity:.8;margin:0;font-size:.625rem;font-weight:300;line-height:1.3}.palette-visualizer-product-card strong,.palette-visualizer-phone-hero strong{font-family:var(--font-family-sans);letter-spacing:0;color:inherit;margin:0;font-size:1.25rem;font-weight:500;line-height:1.3}.palette-visualizer-product-chart{border:1px solid var(--visualizer-rule);background:var(--visualizer-canvas-2);border-radius:.5rem;align-items:flex-end;gap:.55rem;min-height:9rem;padding:1rem;display:flex}.palette-visualizer-product-chart span{background:var(--palette-visualizer-primary);border-radius:.35rem .35rem 0 0;flex:1 1 0;min-width:.75rem}.palette-visualizer-product-chart span:first-child{height:35%}.palette-visualizer-product-chart span:nth-child(2){background:var(--palette-visualizer-accent);height:68%}.palette-visualizer-product-chart span:nth-child(3){background:var(--palette-visualizer-supporting);height:48%}.palette-visualizer-product-chart span:nth-child(4){height:82%}.palette-visualizer-product-chart span:nth-child(5){background:var(--palette-visualizer-muted);height:58%}.palette-visualizer-product-chart span:nth-child(6){background:var(--palette-visualizer-sequence-4);height:74%}.palette-visualizer-product-table{border:1px solid var(--visualizer-rule);background:var(--visualizer-canvas-2);border-radius:.5rem;flex-direction:column;display:flex;overflow:hidden}.palette-visualizer-product-table>div{border-bottom:1px solid var(--visualizer-rule);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:3.5rem;padding:0 1rem;display:grid}.palette-visualizer-product-table>div:last-child{border-bottom:0}.palette-visualizer-product-table span{background:var(--palette-visualizer-accent);border-radius:50%;width:.7rem;height:.7rem}.palette-visualizer-product-table strong,.palette-visualizer-product-table em{font-family:var(--font-family-sans);letter-spacing:0;color:var(--visualizer-ink);margin:0;font-size:1rem;font-style:normal;font-weight:400;line-height:1.3}.palette-visualizer-product-table em{border-radius:var(--border-radius-pill);background:color-mix(in oklch, var(--palette-visualizer-primary) 16%, white);padding:.25rem .5rem}.palette-visualizer-mobile-stage{background:linear-gradient(135deg, color-mix(in oklch, var(--palette-visualizer-primary) 12%, transparent), transparent), var(--visualizer-canvas);grid-template-columns:minmax(0,.42fr) minmax(0,1fr);align-items:center;gap:2rem;min-height:0;padding:2rem 2rem 2.75rem;display:grid}.palette-visualizer-phone{border:.55rem solid var(--palette-visualizer-primary);background:var(--visualizer-canvas-2);width:min(100%,20rem);min-height:28rem;color:var(--visualizer-ink);border-radius:2rem;flex-direction:column;justify-self:center;gap:.85rem;padding:1rem;display:flex;box-shadow:0 1rem 2rem oklch(0% 0 0/.18)}.palette-visualizer-phone-bar{flex:none;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.palette-visualizer-phone-bar div{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;color:var(--visualizer-ink);margin:0;font-size:.625rem;font-weight:300;line-height:1.3}.palette-visualizer-phone-bar span{background:var(--palette-visualizer-accent);border-radius:50%;width:1.35rem;height:1.35rem}.palette-visualizer-phone-hero{background:var(--palette-visualizer-primary);min-height:8.5rem;color:var(--palette-visualizer-on-primary);border-radius:.5rem;flex-direction:column;justify-content:flex-end;padding:1rem;display:flex}.palette-visualizer-phone-hero span{font-family:var(--font-family-sans);letter-spacing:0;color:inherit;opacity:.86;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.palette-visualizer-phone-list{flex-direction:column;gap:.65rem;display:flex}.palette-visualizer-phone-list>div{border:1px solid var(--visualizer-rule);background:var(--visualizer-canvas-2);border-radius:.5rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:3.25rem;padding:0 .75rem;display:grid}.palette-visualizer-phone-list span{background:var(--palette-visualizer-accent);border-radius:50%;width:.75rem;height:.75rem}.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);letter-spacing:0;color:var(--visualizer-ink);margin:0;font-size:1rem;font-style:normal;font-weight:400;line-height:1.3}.palette-visualizer-phone-list em{color:var(--visualizer-muted-ink)}.palette-visualizer-phone button{margin-top:auto;padding:.8rem 1rem}.palette-visualizer-mobile-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-width:0;display:grid}.palette-visualizer-mobile-notes div{background:var(--visualizer-canvas-2);border:1px solid var(--visualizer-rule);border-radius:.5rem;flex-direction:column;gap:.35rem;padding:1rem;display:flex}.palette-visualizer-mobile-notes strong{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--visualizer-ink);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.palette-visualizer-mobile-notes span{font-family:var(--font-family-sans);letter-spacing:0;color:var(--visualizer-muted-ink);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.palette-visualizer-data{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,.34fr);gap:1rem;min-height:0;padding:1.25rem 1.25rem 2rem;display:grid}.palette-visualizer-data-summary{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.palette-visualizer-data-summary div,.palette-visualizer-data-panel,.palette-visualizer-data-side{border:1px solid var(--visualizer-rule);background:var(--visualizer-canvas-2);border-radius:.5rem}.palette-visualizer-data-summary div{flex-direction:column;gap:.25rem;padding:1rem;display:flex}.palette-visualizer-data-summary span{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;color:var(--visualizer-muted-ink);margin:0;font-size:.625rem;font-weight:300;line-height:1.3}.palette-visualizer-data-summary strong{font-family:var(--font-family-sans);letter-spacing:0;color:var(--visualizer-ink);margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.palette-visualizer-data-panel{flex-direction:column;gap:1rem;min-height:18rem;padding:1rem 1rem .75rem;display:flex;position:relative;overflow:hidden}.palette-visualizer-data-panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;display:flex}.palette-visualizer-data-panel-header>div{flex-direction:column;gap:.25rem;min-width:0;display:flex}.palette-visualizer-data-panel-header span,.palette-visualizer-data-panel-header em{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;color:var(--visualizer-muted-ink);margin:0;font-size:.625rem;font-style:normal;font-weight:300;line-height:1.3}.palette-visualizer-data-panel-header strong{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--visualizer-ink);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.palette-visualizer-data-chart{width:100%;height:auto;min-height:14rem;display:block;overflow:visible}.palette-visualizer-data-grid line{stroke:var(--visualizer-rule);stroke-width:1px}.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:5px}.palette-visualizer-data-points circle{fill:var(--palette-visualizer-accent-text-on-canvas);stroke:var(--visualizer-canvas-2);stroke-width:4px}.palette-visualizer-data-axis text{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;fill:var(--visualizer-muted-ink);text-anchor:middle;margin:0;font-size:.625rem;font-weight:300;line-height:1.3}.palette-visualizer-data-side{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}.palette-visualizer-data-donut-wrap{place-items:center;width:100%;padding:.5rem;display:grid}.palette-visualizer-data-donut{aspect-ratio:1;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%);border-radius:50%;place-items:center;width:min(100%,11rem);display:grid;box-shadow:inset 0 0 0 1px oklch(0% 0 0/.08)}.palette-visualizer-data-donut>div{aspect-ratio:1;background:var(--visualizer-canvas-2);width:54%;box-shadow:0 0 0 1px var(--visualizer-rule);border-radius:50%;place-items:center;display:grid}.palette-visualizer-data-donut strong{font-family:var(--font-family-sans);letter-spacing:0;color:var(--visualizer-ink);margin:0;font-size:1.25rem;font-weight:500;line-height:1.3}.palette-visualizer-data-donut span{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;color:var(--visualizer-muted-ink);margin:0;font-size:.625rem;font-weight:300;line-height:1.3}.palette-visualizer-data-legend{flex-direction:column;gap:.5rem;width:100%;display:flex}.palette-visualizer-data-legend div{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.palette-visualizer-data-legend span{border-radius:50%;flex:none;width:.8rem;height:.8rem}.palette-visualizer-data-legend strong{font-family:var(--font-family-sans);letter-spacing:0;color:var(--visualizer-ink);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.palette-visualizer-data-legend em{font-family:var(--font-family-sans);letter-spacing:0;color:var(--visualizer-muted-ink);margin:0;font-size:1rem;font-style:normal;font-weight:400;line-height:1.3}@media (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 (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);letter-spacing:0;max-width:none;margin:0;font-size:1.25rem;font-weight:500;line-height:1.3}.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{gap:.5rem;width:76%;padding:.75rem;top:10%;right:6%}.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{width:min(56%,12rem);padding:.75rem;bottom:18%;left:6%}.palette-visualizer-landing-card strong{font-family:var(--font-family-sans);letter-spacing:0;margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.palette-visualizer-product-sidebar{flex-wrap:wrap;gap:.5rem;padding:.85rem;overflow-x:visible}.palette-visualizer-product-logo{flex:none}.palette-visualizer-product-nav{flex:none;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{flex-wrap:wrap;align-items:flex-start;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{border-width:.4rem;border-radius:1.5rem;gap:.65rem;width:min(100%,16rem);min-height:23rem;padding:.75rem}.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 (width<=420px){.palette-visualizer-product-table>div{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;row-gap:.45rem;padding:.75rem .9rem}.palette-visualizer-product-table em{grid-column:2;justify-self:flex-start;width:max-content}.palette-visualizer-phone{width:min(100%,14.75rem)}}html:has(.view-landing-page[data-scroll-ready=false]){overscroll-behavior:none;overflow:hidden}body:has(.view-landing-page[data-scroll-ready=false]){overscroll-behavior:none;width:100%;position:fixed;inset:0;overflow:hidden}.view-landing-page{background-color:var(--landing-page-bg);width:100%;min-height:100vh}.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));background-color:var(--landing-page-bg);width:100%;height:180vh;min-height:180svh;position:relative}.website-hero[data-render-mode=static]{height:100vh;min-height:100svh}.website-hero[data-render-mode=static] .website-hero-content{opacity:1}.website-hero[data-render-mode=static] .website-hero-headline-character{opacity:1;will-change:auto;transform:none}.website-hero[data-render-mode=static] .website-hero-login{opacity:1}.website-hero-stage{background-color:var(--landing-page-bg);width:100%;height:100vh;min-height:100svh;position:relative;overflow:hidden}.website-hero-backdrop{z-index:0;pointer-events:none;background-color:#050505;position:absolute;inset:0}.website-hero-stage canvas{z-index:1;background-color:#0000;display:block;position:relative}.website-hero-content{z-index:2;width:var(--website-hero-wordmark-width);pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:1rem;margin-inline:auto;display:flex;position:absolute;top:50%;left:0;right:0}.website-hero-headline{font-family:var(--font-family-fancy);letter-spacing:0;width:min(100%,40rem);color:var(--landing-text);text-align:right;margin:0;font-size:clamp(2.5rem,4vw,3.125rem);font-weight:500;line-height:1.2}.website-hero-headline-word{white-space:nowrap;display:inline-block}.website-hero-headline-word+.website-hero-headline-word{margin-left:.22em}.website-hero-headline-character{opacity:0;will-change:opacity, transform;display:inline-block;transform:translate(.875rem)}.website-hero-login{--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);opacity:0;pointer-events:auto;width:fit-content}.website-scroll-arrow{pointer-events:none;color:var(--landing-muted-text);visibility:hidden;opacity:0;justify-content:center;display:flex;position:absolute;bottom:clamp(3rem,10vh,7rem);left:0;right:0}.website-scroll-arrow-svg{width:2.5rem;height:auto;display:block;overflow:visible}.website-scroll-arrow-square{opacity:0}.website-story{box-sizing:border-box;min-height:100svh;padding:calc(var(--height-website-nav) + var(--padding-workspace)) var(--padding-workspace) var(--padding-workspace);background:var(--landing-page-bg);align-items:center;display:flex;overflow:hidden}.website-story>.website-content{min-height:calc(100svh - var(--height-website-nav) - var(--padding-workspace) - var(--padding-workspace));align-items:stretch;display:flex;position:relative}.website-story-list{width:100%;min-height:inherit;position:relative}.website-story-panel{pointer-events:none;grid-template-columns:minmax(0,.85fr) minmax(25rem,1.15fr);align-items:center;gap:clamp(2rem,3vw,7rem);width:100%;display:grid;position:absolute;inset:0}.website-story-copy{gap:var(--gap-section);flex-direction:column;min-width:0;display:flex}.website-story-panel[data-story-id=overview] .website-story-copy{justify-content:center;display:grid}.website-story-panel[data-story-id=overview] .website-story-copy p{grid-area:1/1;align-self:center}.website-story-panel[data-story-id=overview] [data-story-copy-stage=question]{font-family:var(--font-family-fancy);letter-spacing:0;max-width:50rem;color:var(--landing-text);letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(2.5rem,4vw,3.125rem);font-weight:500;line-height:1.2}.website-story-panel[data-story-id=overview] [data-story-copy-stage=explanation]{font-family:var(--font-family-fancy);letter-spacing:0;max-width:38rem;color:var(--landing-text);letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(1.75rem,2.6vw,2.125rem);font-weight:500;line-height:1.3}.website-story-copy h2{font-family:var(--font-family-fancy);letter-spacing:0;max-width:42rem;color:var(--landing-text);text-wrap:balance;margin:0;font-size:clamp(2.5rem,4vw,3.125rem);font-weight:500;line-height:1.2}.website-story-copy p{font-family:var(--font-family-fancy);letter-spacing:0;max-width:34rem;color:var(--landing-text);text-wrap:balance;margin:0;font-size:clamp(1.75rem,2.6vw,2.125rem);font-weight:500;line-height:1.3}.website-story-copy-character,[data-story-content-target],.website-story-panel[data-story-id=overview] .palette-board-swatch{opacity:0}.website-story-demo{pointer-events:auto;flex-direction:column;gap:.625rem;min-width:0;display:flex}.website-story-instruction{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;border:var(--border-menu);border-radius:var(--border-radius-tag);background:var(--landing-instruction-bg);width:fit-content;max-width:min(18rem,100%);color:var(--landing-instruction-text);opacity:0;text-align:left;pointer-events:none;margin:0;padding:.375rem .5rem;font-size:.875rem;font-weight:400;line-height:1.3;animation:.9s ease-in-out infinite website-story-instruction-pulse}@keyframes website-story-instruction-pulse{0%,to{box-shadow:inset 0 0 0 100vmax #fff0,0 0 0 2px #fff0}50%{box-shadow:inset 0 0 0 100vmax #ffffff7a,0 0 0 2px #ffffffe6}}.website-story-demo>.plate{--plate-surface:var(--landing-surface);background:var(--landing-panel-cutout);pointer-events:auto;min-width:0;min-height:0}.website-overview-demo{align-items:stretch;gap:var(--gap-module);grid-template-columns:minmax(10rem,.36fr) minmax(0,1fr);width:100%;min-width:0;min-height:clamp(26rem,36vw,36rem);display:grid}.website-overview-tray{min-width:0;height:100%}.website-overview-tray>.palette-board{height:100%;min-height:0}.website-overview-visualizer{min-width:0;height:100%;position:relative}.website-overview-visualizer>.website-story-instruction{top:var(--padding-screen);right:var(--padding-screen);z-index:2;max-width:calc(100% - var(--padding-screen) - var(--padding-screen));position:absolute}.website-overview-screen{height:100%;min-height:0;overflow:hidden}.website-overview-screen .visualizer-3d{gap:1rem}.website-overview-screen .visualizer-3d-viewport{background:0 0;border-radius:0;min-height:0}.website-overview-screen .visualizer-metadata-label{right:var(--padding-screen);bottom:var(--padding-screen)}@media (width<=1200px){.website-story-panel{grid-template-columns:1fr;align-items:stretch}.website-story-panel[data-story-id=overview] .website-story-copy{justify-content:start}.website-story-panel[data-story-id=overview] .website-story-copy p{max-width:42rem}}@media (width>=641px) and (width<=1200px){.website-story-panel:not([data-story-id=overview]) .website-story-copy{justify-content:center}.website-story-panel:not([data-story-id=overview]) .website-story-copy h2,.website-story-panel:not([data-story-id=overview]) .website-story-copy p{max-width:100%}.website-story-panel[data-story-id^=feature-]{grid-template-rows:auto minmax(0,1fr)}.website-story-panel[data-story-id^=feature-] .website-story-demo{min-height:0}.website-story-panel[data-story-id^=feature-] .website-story-demo>.plate,.website-story-panel[data-story-id^=feature-] .website-feature-demo{height:100%;min-height:0}.website-story-panel[data-story-id^=feature-] .website-feature-demo{overflow:hidden auto}.website-story-panel[data-story-id=feature-2] .website-color-picker-demo{width:min(100%,46rem);margin-inline:auto}.website-story-panel[data-story-id=feature-3] .website-story-demo{align-self:start}.website-story-panel[data-story-id=feature-3] .website-story-demo>.plate,.website-story-panel[data-story-id=feature-3] .website-feature-demo{height:auto}.website-story-panel[data-story-id=feature-3] .website-feature-demo{overflow:visible}}@media (width<=640px){.website-hero-stage canvas{top:clamp(-7rem,-11svh,-5rem)}.website-hero-content{top:clamp(29%,38svh,35%)}.website-hero-headline{font-size:clamp(2.125rem,9.5vw,2.5rem);line-height:1.15}.website-scroll-arrow{bottom:clamp(4rem,20dvh,7.25rem)}.website-story{min-height:0;padding:calc(var(--height-website-nav) + 2rem) 1rem clamp(4rem, 16vw, 7rem);display:block;overflow:visible}.website-story>.website-content{min-height:0;display:block}.website-story-list{flex-direction:column;gap:clamp(4rem,18vw,7rem);min-height:0;display:flex}.website-story-panel{pointer-events:auto;grid-template-rows:none;gap:1rem;min-height:0;position:relative;inset:auto}.website-story-copy{gap:.65rem}.website-story-panel[data-story-id=overview] .website-story-copy{display:flex}.website-story-copy h2{font-size:clamp(2rem,10vw,3rem);line-height:.98}.website-story-copy p,.website-story-panel[data-story-id=overview] [data-story-copy-stage=explanation]{max-width:100%;font-size:clamp(1.35rem,6.8vw,2.25rem);line-height:1.04}.website-story-panel[data-story-id=overview] [data-story-copy-stage=question]{max-width:100%;font-size:clamp(2rem,10vw,3rem);line-height:.98}.website-story-panel[data-story-id=overview] [data-story-copy-stage=explanation]{text-wrap:pretty}.website-story-demo>.plate{height:auto;min-height:0}.website-overview-tray{min-width:0}.website-overview-demo{gap:var(--gap-section);grid-template-rows:minmax(10rem,auto) minmax(18rem,auto);grid-template-columns:minmax(0,1fr);min-height:0}.website-overview-visualizer{flex-direction:column;height:auto;display:flex}.website-overview-visualizer>.website-story-instruction{align-self:flex-start;max-width:100%;position:relative;top:auto;right:auto}.website-overview-screen{flex:auto;height:auto;min-height:18rem;margin-top:.75rem}.website-overview-tray>.palette-board .palette-board-grid[data-columns=auto]{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px) and (height<=640px){.website-scroll-arrow{bottom:7rem}}.website-feature-demo{justify-content:stretch;align-items:stretch;width:100%;min-width:0;min-height:clamp(22rem,32vw,34rem);display:flex}.website-feature-demo[data-demo=image-palette-picker]{min-height:clamp(30rem,44vw,40rem)}.website-feature-demo[data-demo=color-kit-scale-list]{min-height:0}.website-feature-demo-placeholder{border-radius:var(--border-radius-screen);width:100%;min-height:100%;box-shadow:var(--shadow-down-1)}.website-image-palette-demo{flex:auto;grid-template-rows:minmax(18rem,1fr) minmax(6.5rem,auto);gap:1rem;width:100%;min-width:0;min-height:0;display:grid;position:relative}.website-image-palette-demo>.website-story-instruction{z-index:2;max-width:calc(100% - 1.5rem);position:absolute;top:.75rem;right:.75rem}.website-image-palette-demo-stage{background:var(--color-picker-surface);border-radius:var(--border-radius-screen);touch-action:none;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:visible}.website-image-palette-demo-stage:after{content:"";border-radius:inherit;box-shadow:var(--shadow-down-1);pointer-events:none;z-index:1;position:absolute;inset:0}.website-image-palette-demo-viewport{z-index:0;border-radius:inherit;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.website-image-palette-demo-image{z-index:0;object-fit:cover;border-radius:var(--border-radius-button);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:relative}.website-image-palette-demo-handle{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;background-color:var(--color-btn-primary);border-radius:var(--border-radius-pill);width:2.75rem;height:2.75rem;box-shadow:var(--shadow-up-button);cursor:grab;transition:box-shadow var(--transition-fast);justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute}.website-image-palette-demo-handle:active{cursor:grabbing;box-shadow:var(--shadow-up-button-active)}.website-image-palette-demo-fill{isolation:isolate;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex;position:relative}.website-image-palette-demo-fill:before{z-index:-2;border-radius:var(--border-radius-pill);background:var(--color-btn-cutout);content:"";pointer-events:none;position:absolute;inset:-2px}.website-image-palette-demo-fill:after{z-index:-1;border-radius:inherit;background:var(--website-image-palette-demo-handle-color);box-shadow:var(--shadow-up-screen);content:"";pointer-events:none;position:absolute;inset:0}.website-image-palette-demo-index{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;width:100%;height:100%;color:var(--color-on-screen);text-shadow:0 1px 2px #00000059;justify-content:center;align-items:center;margin:0;font-size:.875rem;font-weight:500;display:inline-flex}.website-image-palette-demo-canvas{display:none}.website-image-palette-demo-tray{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);flex-direction:column;display:flex}.website-image-palette-demo-row{align-items:stretch;gap:var(--gap-palette-tray);flex:1 1 0;width:100%;min-height:0;display:flex}.website-image-palette-demo-swatch{border-radius:var(--border-radius-tray-swatch);min-width:0;min-height:0;box-shadow:var(--shadow-down-tray);text-align:left;flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:flex-start;gap:.15rem;padding:.65rem .875rem;display:flex;overflow:hidden}.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);letter-spacing:.046875rem;text-transform:uppercase;max-width:100%;color:inherit;text-overflow:ellipsis;white-space:nowrap;align-items:baseline;margin:0;font-size:.875rem;font-weight:400;line-height:1.3;display:inline-flex;overflow:hidden}.website-image-palette-demo-hex-prefix{color:inherit;opacity:.8}.website-image-palette-demo-hex-text{color:inherit;text-overflow:ellipsis;overflow:hidden}.website-image-palette-demo-oklch{max-width:100%;color:inherit;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.05rem;display:flex;overflow:hidden}.website-image-palette-demo-oklch-label{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;color:inherit;opacity:.8;margin:0;font-size:.625rem;font-weight:300;line-height:1.3}.website-image-palette-demo-oklch-value{font-family:var(--font-family-mono);letter-spacing:0;color:inherit;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:400;line-height:1.3;overflow:hidden}.website-color-picker-demo{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;gap:3rem;width:100%;min-width:0;min-height:0;display:grid}.website-color-picker-demo-picker{gap:var(--gap-module);--color-input-supporting:var(--landing-surface-text);--color-on-module-primary:var(--landing-surface-text);flex-direction:column;min-width:0;min-height:0;display:flex}.website-color-picker-demo-picker>.website-story-instruction{align-self:flex-start;max-width:100%}.website-color-picker-demo-picker>.color-picker{flex:auto;min-height:0}.website-color-picker-demo-results{flex-direction:column;justify-content:center;min-width:0;min-height:0;display:flex}.website-color-picker-demo-preview{flex:none;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{border-radius:var(--border-radius-screen);min-height:7rem}.website-color-picker-demo-recommendations{flex:none;align-items:stretch;width:100%;min-height:0;display:flex}.website-color-picker-demo-recommendations>.palette-recommendations{background-color:var(--color-plate-primary);flex:none;width:100%;height:fit-content;max-height:100%}.website-color-picker-demo-recommendations>.palette-recommendations .card-palette-recommendation-overlay{display:none}.website-story-panel[data-story-id=feature-2] .card-palette-recommendation{animation:none}.website-color-kit-scale-demo{--border-module:1px solid var(--landing-surface-text);--color-on-module-primary:var(--landing-surface-text);flex:auto;align-items:stretch;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.website-color-kit-scale-demo>.color-kit-scale-list{flex-direction:column;flex:auto;justify-content:center;gap:.75rem;width:100%;height:100%;min-height:0;display:flex}.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);letter-spacing:0;margin:0;font-size:1.25rem;font-weight:500;line-height:1.3}.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.33333%}.website-pricing{box-sizing:border-box;min-height:100svh;padding:calc(var(--height-website-nav) + var(--padding-workspace)) var(--padding-workspace) var(--padding-workspace);background:var(--landing-page-bg);color:var(--landing-text);align-items:center;display:flex}.website-pricing>.website-content{flex-direction:column;gap:clamp(1rem,2vw,1.5rem);display:flex}.website-pricing-heading{justify-content:space-between;align-items:center;gap:var(--gap-module);display:flex}.website-pricing-heading-copy{flex-direction:column;display:flex}.website-pricing-heading-copy h2{font-family:var(--font-family-fancy);letter-spacing:0;max-width:44rem;color:var(--landing-text);text-wrap:balance;margin:0;font-size:clamp(2rem,3.2vw,2.5rem);font-weight:500;line-height:1.3}.website-pricing-billing-controls{border-radius:var(--border-radius-button);min-width:12rem;box-shadow:var(--shadow-down-1);padding:1rem}.website-pricing-billing-controls>.slide-switch-field{--color-on-module-primary:var(--landing-text);--color-panel-cutout:var(--landing-panel-cutout);--color-indicator-off:var(--landing-indicator-off);--color-indicator-on:var(--landing-indicator-on);width:fit-content;min-width:10rem}.website-pricing-plans{align-items:stretch;gap:var(--gap-module);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.website-pricing-plans>.plate{--plate-surface:var(--landing-surface);--plate-content:var(--landing-surface-text);background:var(--landing-panel-cutout);width:100%;min-width:0;height:100%}.website-pricing-plan{flex-direction:column;gap:clamp(1.5rem,2.25vw,2.5rem);width:100%;min-height:clamp(25rem,34vw,32rem);padding:clamp(.25rem,1vw,1rem);display:flex}.website-pricing-plan-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.website-pricing-plan-title{flex-direction:column;gap:.5rem;max-width:21rem;display:flex}.website-pricing-plan-title h3{font-family:var(--font-family-fancy);letter-spacing:0;margin:0;font-size:clamp(2rem,3.2vw,2.5rem);font-weight:500;line-height:1.3}.website-pricing-tag{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;border-radius:var(--border-radius-tag);background:var(--landing-tag-bg);width:fit-content;color:var(--landing-tag-text);white-space:nowrap;margin:0;padding:.3rem .5rem;font-size:.875rem;font-weight:400;line-height:1.3}.website-pricing-plan[data-plan=pro] .website-pricing-plan-title h3{color:var(--color-pro);align-items:center;gap:.35rem;display:flex}.website-pricing-plan[data-plan=pro] .website-pricing-plan-title h3 svg{width:.85em;height:.85em}.website-pricing-price{text-align:right;flex-direction:column;flex:none;align-items:flex-end;display:flex}.website-pricing-price-amount{justify-content:flex-end;align-items:baseline;gap:.5rem;display:flex}.website-pricing-price-window{text-align:inherit;display:block;position:relative;overflow:hidden}.website-pricing-price-window>span{will-change:opacity;display:block}.website-pricing-price-window>[data-price-fade=outgoing]{width:100%;position:absolute;inset:0}.website-pricing-price-window>[data-price-fade=incoming]{opacity:0}.website-pricing-price-window[data-price-part=amount]>span{font-family:var(--font-family-fancy);letter-spacing:0;margin:0;font-size:clamp(2.5rem,4vw,3.125rem);font-weight:500;line-height:1}.website-pricing-price-window[data-price-part=interval]>span{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);margin:.35rem 0 0;font-size:.875rem;font-weight:400;line-height:1.3}.website-pricing-price-standard{font-family:var(--font-family-fancy);letter-spacing:0;color:var(--color-input-supporting);opacity:.8;margin:0;font-size:clamp(2rem,3.2vw,2.5rem);font-weight:500;line-height:1.3;text-decoration:none;position:relative}.website-pricing-price-standard:after{content:"";background:currentColor;height:.055em;position:absolute;top:calc(50% - .125rem);left:0;right:0}.website-pricing-features{font-family:var(--font-family-mono);letter-spacing:0;flex-direction:column;gap:.8rem;margin:0;padding:0;font-size:clamp(1rem,1.1vw,1.125rem);font-weight:400;line-height:1.3;list-style:none;display:flex}.website-pricing-features li{align-items:flex-start;gap:.65rem;display:flex}.website-pricing-features svg{stroke-width:1.75px;flex:none;width:1.1rem;height:1.1rem;margin-top:.08em}.website-pricing-action{--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);flex-direction:column;margin-top:auto;display:flex}.website-pricing-note{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-input-supporting);text-wrap:balance;max-width:44rem;margin:0;font-size:clamp(.75rem,.85vw,.875rem);font-weight:400;line-height:1.3}@media (prefers-reduced-motion:reduce){.website-pricing-price-window>[data-price-fade=outgoing]{display:none}.website-pricing-price-window>[data-price-fade=incoming]{opacity:1}}.website-updates{min-height:100svh;padding:var(--padding-workspace);background:var(--landing-page-bg);color:var(--landing-text);align-items:center;display:flex}.website-updates-layout{grid-template-columns:minmax(0,.85fr) minmax(24rem,1.15fr);align-items:center;gap:clamp(2rem,3vw,7rem);width:100%;display:grid}.website-updates-copy{gap:var(--gap-section);flex-direction:column;min-width:0;display:flex}.website-updates-copy h2{font-family:var(--font-family-fancy);letter-spacing:0;max-width:42rem;color:var(--landing-text);text-wrap:balance;margin:0;font-size:clamp(2rem,3.2vw,2.5rem);font-weight:500;line-height:1.3}.website-updates-copy p{font-family:var(--font-family-fancy);letter-spacing:0;max-width:38rem;color:var(--landing-text);text-wrap:balance;margin:0;font-size:clamp(1.25rem,1.9vw,1.5rem);font-weight:600;line-height:1.3}.website-updates-layout>.plate{--plate-surface:var(--landing-surface);background:var(--landing-panel-cutout);width:100%;min-width:0}.website-updates-form{align-items:start;gap:var(--gap-section);--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);--color-on-module-primary:var(--landing-surface-text);grid-template-columns:minmax(0,1fr) auto;width:100%;min-width:0;padding:clamp(1rem,2.5vw,2rem);display:grid;position:relative}.website-updates-form .input-text-field{min-width:0}.website-updates-form .btn-primary{min-width:10rem;margin-top:1.75rem}.website-updates-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.website-updates-status{font-family:var(--font-family-mono);letter-spacing:0;min-height:1.4em;color:var(--landing-surface-text);grid-column:1/-1;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.website-footer{padding:0 var(--padding-workspace) var(--padding-workspace);background:var(--landing-page-bg)}.website-footer-layout{align-items:center;gap:var(--gap-module);width:100%;padding:var(--padding-module);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.website-footer-layout .brand-app-logo{width:2rem;height:2rem;display:block}.website-footer-theme-control{width:2.5rem;height:2.5rem;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);background:0 0;border:0;padding:0;display:block;position:relative}.website-footer-theme-card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .42s;display:block;position:relative}.website-footer-theme-control[data-state=button] .website-footer-theme-card{transform:rotateY(180deg)}.website-footer-theme-logo,.website-footer-theme-button{backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.website-footer-theme-logo .brand-app-logo{filter:var(--landing-logo-filter,none)}.website-footer-theme-button{isolation:isolate;padding:var(--padding-cutout);background:var(--landing-panel-cutout);border-radius:var(--border-radius-cutout);transform:rotateY(180deg)}.website-footer-theme-button:before{inset:var(--padding-cutout);z-index:-1;border-radius:var(--border-radius-button);background:var(--landing-button-bg);box-shadow:var(--shadow-up-button);content:"";pointer-events:none;transition:background-color var(--transition-fast), box-shadow var(--transition-fast);position:absolute}.website-footer-theme-button .btn-icon{color:var(--landing-button-text)}.website-footer-theme-control:hover .website-footer-theme-button:before,.website-footer-theme-control:focus-visible .website-footer-theme-button:before{background-color:var(--landing-button-hover-bg);box-shadow:var(--shadow-up-button-hover)}.website-footer-theme-control:active .website-footer-theme-button:before{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{justify-content:center;align-items:center;gap:var(--gap-section);min-width:0;display:flex}.website-footer-link{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--landing-text);margin:0;font-size:.875rem;font-weight:400;line-height:1.3;text-decoration:none}.website-footer-link:hover,.website-footer-link:focus-visible{text-decoration:underline}.website-footer-credit{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--landing-text);justify-content:flex-end;align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:400;line-height:1.3;display:flex}.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{background:var(--color-background-website);min-height:100svh;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{align-items:flex-start;gap:var(--gap-section);padding-block:clamp(1rem,4vw,3rem) clamp(2rem,6vw,5rem);display:flex}.privacy-page-heading{flex-direction:column;gap:.75rem;display:flex}.privacy-page-heading h1{font-family:var(--font-family-fancy);letter-spacing:0;margin:0;font-size:clamp(2.5rem,4vw,3.125rem);font-weight:500;line-height:1.2}.privacy-page-heading p,.privacy-page-section p{font-family:var(--font-family-sans);letter-spacing:.03125rem;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.privacy-page-section{border-top:var(--border-module);flex-direction:column;gap:.85rem;padding-block:1.5rem;display:flex}.privacy-page-section h2{font-family:var(--font-family-fancy);letter-spacing:0;margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.privacy-page-section a{color:inherit;text-decoration:underline}.login-dialog-terms,.billing-upgrade-terms{font-family:var(--font-family-mono);letter-spacing:0;margin:0;color:color-mix(in oklch, currentColor 70%, transparent);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.login-dialog-terms a,.billing-upgrade-terms a{color:inherit;text-decoration:underline}@media (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 (width>=641px) and (width<=1200px){.website-pricing-plan-header{gap:clamp(.375rem,3.6vw - 1.2rem,1.5rem)}.website-pricing-tag{padding-inline:clamp(.3rem,.8vw - .05rem,.5rem);font-size:clamp(.75rem,.5vw + .53rem,.875rem)}.website-pricing-price-amount{gap:clamp(.1875rem,1.25vw - .36rem,.5rem)}.website-pricing-price-window[data-price-part=amount]>span{font-size:clamp(1.875rem,2.5vw + .78rem,2.5rem)}.website-pricing-price-standard{font-size:clamp(1.375rem,2.5vw + .28rem,2rem)}}@media (width<=680px){.website-pricing-plans{grid-template-columns:minmax(0,1fr)}}@media (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{justify-self:start;max-width:100%;position:relative;top:auto;right:auto}.website-image-palette-demo-stage{justify-content:center;align-items:center}.website-image-palette-demo-viewport{flex: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{gap:var(--gap-palette-tray);grid-template-rows:repeat(2,minmax(4.25rem,auto));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.website-image-palette-demo-row{display:contents}.website-image-palette-demo-row[data-first-row][data-last-row] .website-image-palette-demo-swatch{border-radius:var(--border-radius-tray-swatch);flex:none;min-height:4.25rem;padding:.55rem .65rem}.website-image-palette-demo-row[data-first-row][data-last-row] .website-image-palette-demo-swatch:first-child{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{border:var(--border-module);border-radius:var(--border-radius-button) var(--border-radius-button) 0 0;border-bottom:0;margin-bottom:-.35rem;margin-right:0;padding:.625rem .75rem}.website-color-kit-scale-demo .color-scale-info{gap:var(--gap-content);flex-direction:row}.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:none;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-pricing{min-height:0;padding:calc(var(--height-website-nav) + 2rem) 1rem clamp(4rem, 16vw, 7rem)}.website-pricing-heading{grid-template-columns:minmax(0,1fr) auto;display:grid}.website-pricing-heading-copy{display:contents}.website-pricing-heading-copy h2{grid-area:1/1}.website-pricing-billing-controls{grid-area:1/2}.website-pricing-plans{grid-template-columns:minmax(0,1fr)}.website-pricing-plan{min-height:0;padding:0}.website-pricing-plan-header{gap:.75rem}.website-pricing-price{text-align:right;align-items:flex-end}.website-updates-form{grid-template-columns:minmax(0,1fr)}.website-updates-form .btn-primary{width:100%;margin-top:0}.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 (width>=641px) and (height<=880px){.website-story{min-height:0;display:block;overflow:visible}.website-story>.website-content{min-height:0;display:block}.website-story-list{flex-direction:column;gap:clamp(4rem,10vw,8rem);min-height:0;display:flex}.website-story-panel{pointer-events:auto;grid-template-rows:none;min-height:0;position:relative;inset:auto}.website-story-panel[data-story-id=overview] [data-story-copy-stage=question]{display:none}.website-story-panel[data-story-id^=feature-] .website-story-demo,.website-story-panel[data-story-id^=feature-] .website-story-demo>.plate,.website-story-panel[data-story-id^=feature-] .website-feature-demo{height:auto}.website-story-panel[data-story-id^=feature-] .website-feature-demo{overflow:visible}}@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;will-change:auto;transform:none}.website-hero-login{opacity:1}.website-scroll-arrow{visibility:visible;opacity:1}.website-scroll-arrow-square{opacity:1}.website-story-instruction{animation:none}.website-story{min-height:0;display:block;overflow:visible}.website-story>.website-content{min-height:0;display:block}.website-story-list{flex-direction:column;gap:clamp(4rem,10vw,8rem);min-height:0;display:flex}.website-story-panel{pointer-events:auto;min-height:0;position:relative;inset:auto}.website-story-panel[data-story-id=overview] [data-story-copy-stage=question]{display:none}.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,.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,.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;will-change:auto;transform:none}}@media (prefers-reduced-motion:reduce) and (width<=640px){.website-story-panel[data-story-id=overview] [data-story-copy-stage=question]{display:block}}.view-palette-explorer{padding:var(--padding-workspace);min-height:0;position:relative}.palette-explorer-scrim{background-color:var(--color-scrim);z-index:calc(var(--z-modal) + 1);position:fixed;inset:0}.palette-explorer-grid{--palette-explorer-column-min:22rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--palette-explorer-column-min)), 1fr));grid-auto-rows:minmax(var(--height-palette-explorer-tray-min), var(--height-palette-explorer-tray-max));gap:var(--gap-module);min-width:0;display:grid}.palette-explorer-grid[data-object-type=design-system]{grid-auto-rows:minmax(var(--height-design-system-explorer-tray-min), var(--height-design-system-explorer-tray-max))}.palette-explorer-cell{justify-content:stretch;align-items:stretch;min-width:0;min-height:0;display:flex;position:relative}.palette-explorer-cell[data-renaming=true]{z-index:calc(var(--z-modal) + 2)}.palette-explorer-prompt-tray{justify-content:flex-start}.palette-explorer-prompt-content{align-items:stretch;gap:var(--gap-section);flex-direction:column;width:100%;min-width:0;height:100%;display:flex}.palette-explorer-prompt-header{align-items:stretch;gap:var(--gap-section);flex-direction:column;min-width:0;display:flex}.palette-explorer-prompt-header h1{font-family:var(--font-family-fancy);letter-spacing:0;color:var(--color-on-module-primary);margin:0;font-size:1.25rem;font-weight:500;line-height:1.3}.palette-explorer-socket{--palette-explorer-socket-delay:0s;background-color:var(--color-panel);width:5rem;height:5rem;box-shadow:var(--shadow-down-2);z-index:var(--z-canvas);pointer-events:none;opacity:1;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.palette-explorer-socket[data-loading=true]{opacity:0;animation:1.1s ease-in-out infinite palette-explorer-socket-loading;animation-delay:var(--palette-explorer-socket-delay)}@media (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,.design-system-tray,.palette-explorer-prompt-tray{border-radius:var(--border-radius-module);box-shadow:var(--shadow-up-3-round);padding:var(--padding-module);background-color:var(--color-module-primary);z-index:var(--z-card);flex-direction:column;gap:1rem;width:100%;min-width:0;min-height:100%;display:flex;position:relative}.palette-tray-header{justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:0;display:flex}.palette-tray-rename{align-items:center;gap:.75rem;width:100%;min-width:0;display:flex}.palette-tray-rename-field{flex:auto;min-width:0}.palette-tray-rename-input{height:2rem}.palette-tray-rename-actions{flex-shrink:0;width:auto}.palette-tray-rename-actions .btn-group-item{flex:0 0 1.75rem}.palette-tray-rename-actions .btn-primary-mini,.palette-tray-rename-actions .btn-secondary-mini,.palette-tray-rename-actions .btn-danger-mini{width:1.75rem;height:1.75rem}.palette-tray-name{font-family:var(--font-family-fancy);letter-spacing:0;min-width:0;color:var(--color-on-module-primary);white-space:nowrap;flex:auto;margin:0;font-size:1.25rem;font-weight:500;line-height:1.3;overflow:hidden}.palette-tray-name-text{transition:transform var(--transition-fast);will-change:transform;display:inline-block}.palette-tray-name[data-overflow=true]:hover .palette-tray-name-text{animation:2.5s linear infinite alternate palette-tray-name-scroll}@keyframes palette-tray-name-scroll{0%{transform:translate(0)}to{transform:translateX(var(--palette-tray-name-scroll-distance))}}.palette-tray-actions{flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.palette-tray-insert{background-color:var(--color-tray-insert);border-radius:var(--border-radius-tray-insert);padding:var(--gap-palette-tray);align-items:stretch;gap:var(--gap-palette-tray);flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;position:relative}.palette-tray-insert[data-empty=true]{background:var(--color-module-primary);box-shadow:var(--shadow-down-2);justify-content:center;align-items:center}.palette-tray-empty-state{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);text-align:center;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.palette-tray-open-overlay{opacity: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);border:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.palette-tray-open-overlay:is(:hover,:focus-visible),.palette-tray[data-open-confirm-active=true] .palette-tray-open-overlay{opacity:1}.palette-tray-open-label{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;pointer-events:none;margin:0;font-size:.875rem;font-weight:500}.palette-tray-row{align-items:stretch;gap:var(--gap-palette-tray);flex:1 1 0;width:100%;min-height:0;display:flex}.palette-tray-swatch{border-radius:var(--border-radius-tray-swatch);min-width:0;min-height:0;box-shadow:var(--shadow-down-tray);flex:1 1 0}.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)}.ds-tray-header{justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:0;display:flex}.ds-tray-rename{align-items:center;gap:.75rem;width:100%;min-width:0;display:flex}.ds-tray-rename-field{flex:auto;min-width:0}.ds-tray-rename-input{height:2rem}.ds-tray-rename-actions{flex-shrink:0;width:auto}.ds-tray-rename-actions .btn-group-item{flex:0 0 var(--height-btn-mini)}.ds-tray-name{font-family:var(--font-family-fancy);letter-spacing:0;min-width:0;color:var(--color-on-module-primary);white-space:nowrap;text-overflow:ellipsis;flex:auto;margin:0;font-size:1.25rem;font-weight:500;line-height:1.3;overflow:hidden}.ds-tray-name-text{display:inline}.ds-tray-actions{flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.ds-tray-screen{scrollbar-gutter:auto;flex-direction:column;flex:auto;gap:.75rem;min-height:0;display:flex;position:relative;overflow:hidden}.ds-tray-color-preview{flex:0 0 var(--height-design-system-tray-color-preview);border-radius:var(--border-radius-tray-swatch);width:100%;min-width:0;box-shadow:var(--shadow-down-tray);display:flex;overflow:hidden}.ds-tray-color-swatch{flex:1 1 0;min-width:0}.ds-tray-preview-content{flex:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;min-height:0;display:grid}.ds-tray-fonts{flex-direction:column;justify-content:center;gap:.25rem;min-width:0;display:flex;overflow:hidden}.ds-tray-font{color:var(--color-on-screen);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ds-tray-button-preview{justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.ds-tray-preview-button{pointer-events:none;max-width:100%}.ds-tray-open-overlay{z-index:calc(var(--z-card) + 1);border-radius:var(--border-radius-screen);background-color:var(--color-screen-overlay);color:var(--color-on-screen);box-shadow:var(--shadow-up-button);cursor:pointer;opacity:0;transition:opacity var(--transition-fast);border:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ds-tray-open-overlay:is(:hover,:focus-visible){opacity:1}.ds-tray-open-label{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;pointer-events:none;margin:0;font-size:.875rem;font-weight:500}.view-admin-home{gap:var(--gap-module);height:100%;min-height:0;padding:var(--padding-workspace);flex-direction:column;display:flex;overflow:auto}.admin-home-grid{gap:var(--gap-module);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.admin-home-card{min-height:12rem;padding:var(--padding-module);border-radius:var(--border-radius-module);background-color:var(--color-module-primary);color:var(--color-on-module-primary);box-shadow:var(--shadow-up-3-round);transition:background-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:1rem;text-decoration:none;display:grid}.admin-home-card:hover{background-color:color-mix(in oklch, var(--color-module-primary) 88%, white);box-shadow:var(--shadow-up-4-round)}.admin-home-icon,.admin-home-arrow{border-radius:var(--border-radius-button);background-color:var(--color-panel);width:2.5rem;height:2.5rem;color:var(--color-on-module-primary);box-shadow:var(--shadow-down-1);place-items:center;display:grid}.admin-home-icon svg,.admin-home-arrow svg{width:1.125rem;height:1.125rem}.admin-home-arrow{width:2rem;height:2rem;color:var(--color-input-supporting)}.admin-home-copy{flex-direction:column;gap:.45rem;min-width:0;display:flex}.admin-home-meta{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);text-transform:uppercase;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.admin-home-title{font-family:var(--font-family-fancy);letter-spacing:0;color:var(--color-on-module-primary);margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.admin-home-description{font-family:var(--font-family-mono);letter-spacing:0;max-width:24rem;color:color-mix(in oklch, var(--color-on-module-primary) 72%, transparent);margin:0;font-size:1rem;font-weight:400;line-height:1.3}@media (width<=42rem){.admin-home-card{grid-template-columns:minmax(0,1fr) auto}.admin-home-icon{display:none}}.view-synthesizer{gap:var(--gap-module);height:auto;min-height:calc(100vh - var(--height-app-bar) - var(--gap-panel) * 3);padding:var(--padding-workspace);flex-direction:column;display:flex;overflow:visible}.synthesizer-empty{border-radius:var(--border-radius-module);background-color:var(--color-module-primary);min-height:16rem;color:var(--color-input-supporting);text-align:center;box-shadow:var(--shadow-up-3-round);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:.75rem;display:flex}.synthesizer-empty svg{width:2rem;height:2rem}.synthesizer-empty h2{font-family:var(--font-family-fancy);letter-spacing:0;color:var(--color-on-module-primary);margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.synthesizer-empty p{font-family:var(--font-family-mono);letter-spacing:0;max-width:28rem;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.synthesizer-layout{gap:var(--gap-module);grid-template-columns:minmax(16rem,20rem) minmax(0,1fr);min-height:0;display:grid}.synthesizer-controls,.synthesizer-palette{border-radius:var(--border-radius-module);background-color:var(--color-module-primary);color:var(--color-on-module-primary);box-shadow:var(--shadow-up-3-round)}.synthesizer-controls{padding:var(--padding-module);flex-direction:column;align-self:start;gap:1.5rem;display:flex}.synthesizer-control{flex-direction:column;gap:.5rem;display:flex}.synthesizer-label,.synthesizer-context p,.synthesizer-palette-header p{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);text-transform:uppercase;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.synthesizer-context{border-radius:var(--border-radius-module);background-color:var(--color-panel);box-shadow:var(--shadow-down-1);flex-direction:column;gap:.4rem;padding:1rem;display:flex}.synthesizer-context strong{font-family:var(--font-family-fancy);letter-spacing:0;color:var(--color-on-module-primary);margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.synthesizer-context span{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-input-supporting);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.synthesizer-status{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);margin:auto 0 0;font-size:.875rem;font-weight:400;line-height:1.3}.synthesizer-palette{gap:var(--gap-module);min-width:0;padding:var(--padding-module);flex-direction:column;display:flex}.synthesizer-palette-header{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.synthesizer-palette-header h2{font-family:var(--font-family-fancy);letter-spacing:0;margin:.35rem 0 0;font-size:1.75rem;font-weight:500;line-height:1.3}.synthesizer-palette-header>span{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);flex-shrink:0;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.synthesizer-voice-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;display:grid}.synthesizer-voice{border-radius:var(--border-radius-module);background-color:var(--color-panel);min-width:0;box-shadow:var(--shadow-down-1);grid-template-columns:4.5rem minmax(0,1fr);gap:1rem;padding:.75rem;display:grid}.synthesizer-voice[data-neutral=true]{background-color:color-mix(in oklch, var(--color-panel) 84%, var(--color-module-primary))}.synthesizer-swatch{aspect-ratio:1;border-radius:var(--border-radius-tray-swatch);width:100%;box-shadow:var(--shadow-down-tray)}.synthesizer-voice-copy{flex-direction:column;min-width:0;display:flex}.synthesizer-voice-copy>p{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);margin:.2rem 0 0;font-size:.875rem;font-weight:400;line-height:1.3}.synthesizer-voice-copy dl{flex-wrap:wrap;gap:.55rem;margin:auto 0 0;padding-top:.75rem;display:flex}.synthesizer-voice-copy dl>div{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);gap:.2rem;margin:0;font-size:.875rem;font-weight:400;line-height:1.3;display:flex}.synthesizer-voice-copy dt{color:var(--color-on-module-primary)}.synthesizer-voice-copy dd{margin:0}.synthesizer-note{align-items:baseline;gap:.15rem;display:flex}.synthesizer-note strong{font-family:var(--font-family-fancy);letter-spacing:0;margin:0;font-size:1.75rem;font-weight:500;line-height:1.3}.synthesizer-note span{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.synthesizer-voice-empty{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;border-radius:var(--border-radius-module);background-color:var(--color-panel);min-height:14rem;color:var(--color-input-supporting);box-shadow:var(--shadow-down-1);place-items:center;margin:0;font-size:.875rem;font-weight:400;line-height:1.3;display:grid}.synthesizer-score{min-width:0;padding:var(--padding-module);border-radius:var(--border-radius-module);background-color:var(--color-module-primary);color:var(--color-on-module-primary);box-shadow:var(--shadow-up-3-round)}.synthesizer-score-layout{gap:var(--gap-module);grid-template-columns:minmax(0,1.75fr) minmax(20rem,1fr);min-width:0;display:grid}.synthesizer-score-notation,.synthesizer-score-visualizer{gap:var(--gap-module);flex-direction:column;min-width:0;display:flex}.synthesizer-score-header{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.synthesizer-score-header p{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);text-transform:uppercase;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.synthesizer-score-header h2{font-family:var(--font-family-fancy);letter-spacing:0;margin:.35rem 0 0;font-size:1.75rem;font-weight:500;line-height:1.3}.synthesizer-score-header>span{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);flex-shrink:0;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.synthesizer-score-scroll{border-radius:var(--border-radius-module);background-color:var(--color-panel);width:100%;box-shadow:var(--shadow-down-1);overflow-x:auto}.synthesizer-visualizer-screen{border-radius:var(--border-radius-module);background-color:var(--color-screen);min-height:22rem;box-shadow:var(--shadow-down-1);flex:auto}.synthesizer-score-sheet{width:100%;min-width:52rem;height:auto;color:var(--color-on-module-primary);display:block}.synthesizer-score-paper{fill:var(--color-panel)}.synthesizer-score-staff-line,.synthesizer-score-ledger-line,.synthesizer-score-stem,.synthesizer-score-bar-line{stroke:currentColor;vector-effect:non-scaling-stroke}.synthesizer-score-staff-line,.synthesizer-score-ledger-line,.synthesizer-score-stem{stroke-width:1.25px}.synthesizer-score-bar-line{stroke-width:2px}.synthesizer-score-clef{fill:currentColor;font-family:Apple Symbols,Noto Music,Segoe UI Symbol,serif;font-size:4rem}.synthesizer-score-accidental{fill:currentColor;font-family:Apple Symbols,Noto Music,Segoe UI Symbol,serif;font-size:1.2rem}.synthesizer-score-note-head{stroke:currentColor;stroke-width:1.5px;vector-effect:non-scaling-stroke}.synthesizer-score-caption{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-input-supporting);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.synthesizer-score-empty{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;border-radius:var(--border-radius-module);background-color:var(--color-panel);min-height:14rem;color:var(--color-input-supporting);box-shadow:var(--shadow-down-1);place-items:center;margin:0;font-size:.875rem;font-weight:400;line-height:1.3;display:grid}@media (width<=60rem){.synthesizer-layout,.synthesizer-score-layout{grid-template-columns:minmax(0,1fr)}.synthesizer-controls{align-self:stretch}.synthesizer-visualizer-screen{min-height:28rem}}.view-admin-corpus{gap:var(--gap-module);height:100%;min-height:0;padding:var(--padding-workspace);flex-direction:column;display:flex;overflow:auto}.admin-corpus-header{justify-content:space-between;align-items:flex-end;gap:var(--gap-module);flex-shrink:0;display:flex}.admin-corpus-kicker{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);text-transform:uppercase;margin:0 0 .35rem;font-size:.875rem;font-weight:400;line-height:1.3}.admin-corpus-title{font-family:var(--font-family-fancy);letter-spacing:0;color:var(--color-on-module-primary);margin:0;font-size:2rem;font-weight:500;line-height:1.3}.admin-corpus-count{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);flex-shrink:0;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.admin-link{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:500;text-decoration:none}.admin-corpus-grid{gap:var(--gap-module);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));grid-auto-rows:minmax(16rem,auto);min-height:0;display:grid}.admin-corpus-card{flex-direction:column;gap:.75rem;min-width:0;display:flex}.admin-corpus-meta{flex-wrap:wrap;gap:.4rem;display:flex}.admin-corpus-meta span{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;background-color:var(--color-panel);color:var(--color-input-supporting);box-shadow:var(--shadow-down-1);border-radius:999rem;margin:0;padding:.25rem .55rem;font-size:.875rem;font-weight:400;line-height:1.3}.admin-corpus-empty{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;border-radius:var(--border-radius-module);background-color:var(--color-module-primary);min-height:16rem;color:var(--color-input-supporting);box-shadow:var(--shadow-up-3-round);justify-content:center;align-items:center;margin:0;font-size:.875rem;font-weight:400;line-height:1.3;display:flex}.view-color-names{gap:var(--gap-module);height:100%;min-height:0;padding:var(--padding-workspace);flex-direction:column;display:flex;overflow:auto}.color-names-header{justify-content:space-between;align-items:flex-end;gap:var(--gap-module);flex-shrink:0;display:flex}.color-names-kicker{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);text-transform:uppercase;margin:0 0 .35rem;font-size:.875rem;font-weight:400;line-height:1.3}.color-names-title{font-family:var(--font-family-fancy);letter-spacing:0;color:var(--color-on-module-primary);margin:0;font-size:2rem;font-weight:500;line-height:1.3}.color-names-count{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);flex-shrink:0;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.color-names-groups{gap:calc(var(--gap-module) * 1.15);flex-direction:column;min-height:0;display:flex}.color-name-group{flex-direction:column;gap:.75rem;min-width:0;display:flex}.color-name-group-header{border-bottom:1px solid color-mix(in srgb, var(--color-input-supporting) 18%, transparent);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.35rem;display:flex}.color-name-group-header h2{font-family:var(--font-family-sans);letter-spacing:.03125rem;color:var(--color-on-module-primary);text-transform:capitalize;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.color-name-group-header span{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.color-names-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:1rem;min-height:0;display:grid}.color-name-card{border-radius:var(--border-radius-button);background-color:var(--color-module-primary);min-width:0;min-height:6rem;box-shadow:var(--shadow-up-1-round);grid-template-columns:4.5rem minmax(0,1fr);align-items:stretch;gap:1rem;padding:.75rem;display:grid;position:relative}.color-name-family{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;max-width:calc(100% - 6rem);color:var(--color-input-supporting);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:0;font-size:.875rem;font-weight:400;line-height:1.3;position:absolute;top:.55rem;right:.75rem;overflow:hidden}.color-name-swatch{border-radius:var(--border-radius-tray-swatch);min-width:0;min-height:4rem;box-shadow:var(--shadow-down-tray)}.color-name-details{flex-direction:column;justify-content:space-between;gap:.8rem;min-width:0;display:flex}.color-name-primary{flex-direction:column;gap:.2rem;min-width:0;padding-right:4.5rem;display:flex}.color-name-label{font-family:var(--font-family-sans);letter-spacing:.03125rem;color:var(--color-on-module-primary);overflow-wrap:anywhere;text-transform:capitalize;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.color-name-hex{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.color-name-meta{flex-wrap:wrap;gap:.25rem .7rem;min-width:0;display:flex}.color-name-meta span{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}@media (width<=46rem){.color-names-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.view-color-name-map{gap:var(--gap-module);height:100%;min-height:0;padding:var(--padding-workspace);flex-direction:column;display:flex;overflow:auto}.color-name-map-layout{gap:var(--gap-module);grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);min-height:0;display:grid}.rgb-gamut-sidebar{flex-direction:column;gap:1rem;min-width:0;display:flex}.rgb-gamut-panel{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);flex-direction:column;gap:.85rem;display:flex}.rgb-gamut-panel-primary{min-height:min(42rem,100vh - 12rem)}.rgb-gamut-panel-header{justify-content:space-between;align-items:baseline;gap:1rem;min-width:0;display:flex}.rgb-gamut-panel-header h2{font-family:var(--font-family-sans);letter-spacing:.03125rem;color:var(--color-on-module-primary);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.rgb-gamut-panel-header span{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);white-space:nowrap;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.rgb-gamut-cube{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 #0000;flex:auto;width:100%;min-height:24rem}.rgb-gamut-cube-edges line{stroke:color-mix(in srgb, var(--color-input-supporting) 46%, transparent);stroke-width:1.2px;vector-effect:non-scaling-stroke}.rgb-gamut-cube-dots circle{stroke:#00000080;stroke-width:.75px;vector-effect:non-scaling-stroke}.rgb-gamut-axis-labels,.rgb-gamut-projection-labels{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;fill:var(--color-input-supporting);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.rgb-gamut-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.rgb-gamut-stat{border-radius:var(--border-radius-button);background-color:color-mix(in srgb, var(--color-module-primary) 82%, var(--color-on-module-primary));min-width:0;box-shadow:var(--shadow-up-1-round);flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.rgb-gamut-stat span{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.rgb-gamut-stat strong{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:500;line-height:1.3}.rgb-gamut-projection{aspect-ratio:1;border-radius:var(--border-radius-button);background-color:color-mix(in srgb, var(--color-module-primary) 92%, black);width:100%;min-height:14rem}.rgb-gamut-projection-frame{fill:#0000;stroke:color-mix(in srgb, var(--color-input-supporting) 40%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.rgb-gamut-projection circle{stroke:#00000073;stroke-width:.55px;vector-effect:non-scaling-stroke}@media (width<=68rem){.color-name-map-layout{grid-template-columns:1fr}.rgb-gamut-sidebar{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.rgb-gamut-stats{grid-column:1/-1}}.view-admin-users{gap:var(--gap-module);height:100%;min-height:0;padding:var(--padding-workspace);flex-direction:column;display:flex;overflow:auto}.admin-users-grant{padding:var(--padding-module);border-radius:var(--border-radius-module);background-color:var(--color-module-primary);box-shadow:var(--shadow-up-3-round);align-items:flex-end;gap:1rem;display:flex}.admin-users-email-field{flex:auto;min-width:16rem}.admin-users-role-field{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);flex-direction:column;gap:.45rem;margin:0;font-size:.875rem;font-weight:400;line-height:1.3;display:flex}.admin-users-role-field select{border-radius:var(--border-radius-button);background-color:var(--color-input);min-height:2.5rem;color:var(--color-on-input);box-shadow:var(--shadow-down-1);border:0;padding:0 .75rem}.admin-users-list{flex-direction:column;gap:.75rem;display:flex}.admin-users-row{padding:var(--padding-module);border-radius:var(--border-radius-module);background-color:var(--color-module-primary);box-shadow:var(--shadow-up-3-round);grid-template-columns:minmax(0,1fr) 10rem auto;align-items:center;gap:1rem;display:grid}.admin-users-row select{border-radius:var(--border-radius-button);background-color:var(--color-input);min-height:2.5rem;color:var(--color-on-input);box-shadow:var(--shadow-down-1);border:0;padding:0 .75rem}.admin-users-identity{flex-direction:column;gap:.25rem;min-width:0;display:flex}.admin-users-identity strong{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.admin-users-identity span{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}@media (width<=54rem){.admin-users-grant,.admin-users-row{flex-direction:column;align-items:stretch;display:flex}}.view-admin-rechroma-users{gap:var(--gap-module);height:100%;min-height:0;padding:var(--padding-workspace);flex-direction:column;display:flex;overflow:auto}.admin-rechroma-users-summary{gap:var(--gap-section) var(--gap-module);flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.admin-rechroma-users-stat{grid-row:span 2;grid-template-rows:subgrid;text-align:center;row-gap:.25rem;min-width:0;display:grid}.admin-rechroma-users-stat span{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;color:var(--color-on-screen-accent);overflow-wrap:anywhere;text-wrap:pretty;align-self:end;margin:0;font-size:.625rem;font-weight:300;line-height:1.3}.admin-rechroma-users-stat strong{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-on-screen);align-self:start;margin:0;font-size:1rem;font-weight:500;line-height:1.3}.admin-users-toolbar{justify-content:space-between;align-items:center;gap:var(--gap-section);flex-wrap:wrap;display:flex}.admin-users-search{flex:20rem;min-width:0}.admin-users-range{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.admin-users-col-user{width:15%}.admin-users-col-workspace{width:11%}.admin-users-col-plan,.admin-users-col-count{width:8%}.admin-users-col-figma{width:9%}.admin-users-col-activity{width:10%}.admin-users-col-created{width:9%}.admin-users-col-features{width:7%}.admin-users-col-access{width:9%}.admin-users-col-actions{width:6%}.admin-users-pagination{justify-content:flex-end;align-items:center;gap:var(--gap-section);display:flex}.admin-users-pagination span{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.admin-users-copy{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-on-module-primary);text-align:left;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:1rem;font-weight:500;line-height:1.3;display:block}.admin-users-copy:hover,.admin-users-copy:focus-visible{text-decoration:underline}.admin-users-tags{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.admin-users-tags span{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;border:var(--border-module);border-radius:var(--border-radius-tag);background:var(--color-screen);width:fit-content;max-width:100%;color:var(--color-on-screen);margin:0;padding:.25rem .4rem;font-size:.875rem;font-weight:400;line-height:1.3}.admin-users-blocked{color:var(--color-danger)}.view-admin-mailing-list{gap:var(--gap-module);height:100%;min-height:0;padding:var(--padding-workspace);flex-direction:column;display:flex;overflow:auto}.admin-mailing-list-links{flex-shrink:0;align-items:center;gap:1rem;display:flex}.admin-mailing-list-summary{gap:var(--gap-module);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.admin-mailing-list-stat{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);flex-direction:column;gap:.35rem;display:flex}.admin-mailing-list-stat span{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.admin-mailing-list-stat strong{font-family:var(--font-family-fancy);letter-spacing:0;color:var(--color-on-module-primary);margin:0;font-size:1.75rem;font-weight:500;line-height:1.3}.admin-mailing-list-table{border-radius:var(--border-radius-module);background-color:var(--color-module-primary);min-width:0;box-shadow:var(--shadow-up-3-round);flex-direction:column;display:flex;overflow:hidden}.admin-mailing-list-row{min-width:0;padding:1rem var(--padding-module);border-bottom:1px solid var(--color-border-module);grid-template-columns:minmax(14rem,1.4fr) minmax(9rem,.8fr) minmax(9rem,.8fr) minmax(10rem,.9fr) minmax(12rem,1fr) minmax(12rem,1fr);align-items:center;gap:1rem;display:grid}.admin-mailing-list-row:last-child{border-bottom:0}.admin-mailing-list-row>div{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;min-width:0;color:var(--color-on-module-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.875rem;font-weight:400;line-height:1.3;overflow:hidden}.admin-mailing-list-row>[role=columnheader]{color:var(--color-input-supporting);text-transform:uppercase}@media (width<=64rem){.admin-mailing-list-table{overflow-x:auto}.admin-mailing-list-row{min-width:76rem}}@media (width<=42rem){.admin-mailing-list-summary{grid-template-columns:minmax(0,1fr)}}.billing-upgrade{justify-content:center;align-items:flex-start;gap:var(--gap-section);border:var(--border-module);border-radius:var(--border-radius-module);background:var(--color-module-primary);width:min(100%,36rem);color:var(--color-on-module-primary);box-shadow:var(--shadow-down-2);flex-direction:column;padding:clamp(1.25rem,4vw,2.5rem);display:flex}.billing-upgrade-copy{flex-direction:column;gap:.75rem;min-width:0;display:flex}.billing-upgrade-copy h1{font-family:var(--font-family-fancy);letter-spacing:0;margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.billing-upgrade-copy p{font-family:var(--font-family-sans);letter-spacing:.03125rem;max-width:32rem;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.billing-upgrade-actions{gap:var(--gap-section);flex-direction:column;width:100%;display:flex}.billing-trial-lead{font-family:var(--font-family-sans);letter-spacing:.03125rem;max-width:32rem;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.billing-upgrade-or{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;width:100%;margin:0;margin:calc(var(--gap-section) * -.5) 0;text-align:center;font-size:.875rem;font-weight:400;line-height:1.3}.billing-upgrade-actions .btn-toggle-group{width:min(100%,24rem)}.billing-upgrade-actions .btn-toggle-group-frame{height:4.75rem}.billing-upgrade-actions .btn-toggle{align-items:stretch;padding-block:.75rem}.billing-upgrade-actions .btn-toggle-indicator{align-self:flex-start}.billing-upgrade-actions .btn-toggle .btn-text{align-items:flex-end;min-width:0;height:100%;display:flex}.billing-price-option{flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0;display:flex}.billing-price-current{font-family:var(--font-family-mono);letter-spacing:.078125rem;text-transform:uppercase;color:inherit;white-space:nowrap;margin:0;font-size:.875rem;font-weight:500}.billing-price-standard{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:color-mix(in oklch, currentColor 62%, transparent);white-space:nowrap;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.billing-checkout-loading{white-space:nowrap;align-items:baseline;display:inline-flex}.billing-checkout-loading-dots{min-width:1.125em;animation:1s ease-in-out infinite billing-checkout-loading-dots;display:inline-block}.billing-upgrade-description{font-family:var(--font-family-sans);letter-spacing:.03125rem;max-width:32rem;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.billing-upgrade-note{font-family:var(--font-family-mono);letter-spacing:0;max-width:32rem;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.billing-upgrade-benefits{flex-direction:column;gap:.5rem;max-width:32rem;margin:0;padding-inline-start:1.25rem;display:flex}.billing-upgrade-benefits-title{font-family:var(--font-family-sans);letter-spacing:.03125rem;margin:0;font-size:1rem;font-weight:700;line-height:1.3}.billing-upgrade-benefits li{font-family:var(--font-family-sans);letter-spacing:.03125rem;margin:0;padding-inline-start:.25rem;font-size:1rem;font-weight:400;line-height:1.3}.dialog[data-dialog=billing-upgrade] .dialog-modal{width:min(100vw - 2rem,42rem)}.dialog[data-dialog=billing-upgrade] .billing-upgrade-description,.dialog[data-dialog=billing-upgrade] .billing-upgrade-note,.dialog[data-dialog=billing-upgrade] .billing-upgrade-benefits{width:100%;max-width:none}.dialog[data-dialog=billing-upgrade] .billing-upgrade{width:100%;box-shadow:none;background:0 0;border:0;padding:0}@keyframes billing-checkout-loading-dots{0%,to{opacity:.35}50%{opacity:1}}.view-sequencer-create{min-height:100%;padding:var(--padding-workspace);display:flex}.sequencer-create-module{width:100%;min-width:0;min-height:calc(100vh - var(--height-app-bar) - var(--gap-panel) * 3 - var(--padding-workspace) * 2);gap:var(--gap-section);flex:auto;grid-template-columns:minmax(0,35fr) auto minmax(0,65fr);display:grid}.sequencer-create-source,.sequencer-create-templates{align-items:stretch;gap:var(--gap-section);flex-direction:column;min-width:0;display:flex}.sequencer-create-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.layout-control-panel[data-empty=true]{gap:0}.view-sequencer-editor{grid-template-columns:var(--width-section-nav) minmax(0, 1fr);align-items:start;gap:var(--gap-module);min-height:100%;padding:var(--padding-workspace);display:grid}.view-sequencer-editor>.section-nav{top:var(--gap-section);z-index:var(--z-nav);max-height:calc(100vh - var(--gap-section) * 2);margin-bottom:var(--gap-section);position:sticky}.sequencer-editor-canvas{gap:var(--gap-module);flex-direction:column;min-width:0;display:flex}.sequencer-editor-canvas>.module{min-height:var(--min-height-sequencer-editor-section);scroll-margin-top:var(--gap-panel)}.sequencer-editor-section-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-color-token-groups{gap:var(--gap-module);width:100%;min-width:0;margin-top:var(--gap-section);flex-direction:column;display:flex}.sequencer-color-token-group{flex-direction:column;width:100%;min-width:0;display:flex}.sequencer-color-token-group-label{font-family:var(--font-family-fancy);letter-spacing:0;color:var(--color-on-module-primary);margin:0;font-size:1.25rem;font-weight:500;line-height:1.3}.sequencer-color-token-subgroups{gap:var(--gap-module);width:100%;min-width:0;margin-top:var(--gap-section);flex-direction:column;display:flex}.sequencer-color-token-subgroup{flex-direction:column;width:100%;min-width:0;display:flex}.sequencer-color-token-subgroup-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-color-token-subgroup>button{margin-top:var(--gap-section)}.sequencer-color-scale-list{gap:var(--gap-content);width:100%;min-width:0;margin-top:var(--gap-section);flex-direction:column;display:flex}.sequencer-color-scale-list>button{margin-top:var(--gap-content)}.sequencer-editor-empty-state{font-family:var(--font-family-mono);letter-spacing:0;margin:0;margin:var(--gap-section) 0 0;color:var(--color-on-module-primary);font-size:1rem;font-weight:400;line-height:1.3}@media (width<=800px){.view-sequencer-create{padding:var(--padding-workspace-mobile);padding-bottom:calc(var(--padding-workspace-mobile) + var(--height-mobile-tool-nav))}.sequencer-create-module{grid-template-rows:auto auto minmax(16rem,1fr);grid-template-columns:minmax(0,1fr);min-height:0}.sequencer-create-module>.module-divider-vertical{width:100%;height:.25rem}.view-sequencer-editor{padding:var(--padding-workspace-mobile);padding-bottom:calc(var(--padding-workspace-mobile) + var(--height-mobile-tool-nav));grid-template-columns:minmax(0,1fr)}.view-sequencer-editor>.section-nav{display:none}}.view-palette-create,.view-color-kit{padding:var(--padding-workspace);gap:var(--gap-module);height:100%;display:flex;position:relative}.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:100%;width:100%}.view-palette-create .palette-create-module-content,.view-color-kit .palette-create-module-content{gap:var(--gap-section);flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.view-palette-create .palette-create-module-label,.view-color-kit .palette-create-module-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-on-module-primary);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.view-palette-create .palette-create-module-header,.view-color-kit .palette-create-module-header{flex-direction:column;gap:.5rem;width:100%;display:flex}.view-palette-create .palette-create-module-header-row,.view-color-kit .palette-create-module-header-row{min-height:var(--height-btn-secondary);justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.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-frame,.view-color-kit .btn-toggle-group-frame{width:100%}.view-palette-create .palette-create-module-header-row-actions,.view-color-kit .palette-create-module-header-row-actions{flex-shrink:0;align-items:center;gap:1rem;display:flex}.view-palette-create .palette-create-module-header-row-control,.view-color-kit .palette-create-module-header-row-control{justify-content:flex-end;min-width:12rem;display:flex}.view-palette-create .palette-create-source-select,.view-color-kit .palette-create-source-select{flex-direction:column;flex:auto;gap:1.25rem;width:100%;display:flex}.view-palette-create .palette-create-status,.view-color-kit .palette-create-status{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-on-module-primary);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.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{gap:var(--gap-content);flex-direction:column;width:100%;min-width:0;display:flex}.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{flex-direction:column;width:100%;display:flex}.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{grid-template-columns:minmax(0,1fr) 2.75rem;align-items:center;gap:1.5rem;min-height:19rem;display:grid}.view-palette-create .palette-create-loading-preview,.view-color-kit .palette-create-loading-preview{min-height:var(--height-btn-tall);flex-direction:row;align-items:center;gap:1rem}.view-palette-create .palette-create-loading-preview-copy,.view-color-kit .palette-create-loading-preview-copy{flex:auto;gap:.6rem;min-width:0}.view-palette-create .palette-create-loading-board-grid,.view-color-kit .palette-create-loading-board-grid{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:.5rem;min-height:18rem;display:grid}.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:loading-skeleton-fade var(--duration-loading-pulse) 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{border-radius:999px;height:.8rem}.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;border-radius:50%;justify-self:center;width:min(100%,17.5rem)}.view-palette-create .palette-create-loading-slider,.view-color-kit .palette-create-loading-slider{border-radius:999px;width:100%;height:18rem}.view-palette-create .palette-create-loading-preview-swatch,.view-color-kit .palette-create-loading-preview-swatch{min-width:0;min-height:var(--height-btn-tall);border-radius:var(--border-radius-button);flex:1 0 auto}.view-palette-create .palette-create-loading-preview-title,.view-color-kit .palette-create-loading-preview-title{border-radius:999px;width:6rem;height:.95rem}.view-palette-create .palette-create-loading-preview-meta,.view-color-kit .palette-create-loading-preview-meta{border-radius:999px;width:3.5rem;height:.85rem}.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{border-radius:var(--border-radius-button);min-height:0}.palette-create-edit-scrim{background-color:var(--color-scrim);z-index:calc(var(--z-modal) + 1);position:fixed;inset:0}.palette-create-picker-module[data-edit-focus=true]{z-index:calc(var(--z-modal) + 2);position:relative}.view-color-kit{height:auto;min-height:100%}.view-color-kit .module{overflow:visible}.color-kit-scale-scrim{background-color:var(--color-scrim);z-index:calc(var(--z-modal) + 1);position:fixed;inset:0}@media (width>=801px){.view-palette-create{--height-palette-create-workspace:calc(100vh - var(--height-app-bar) - var(--gap-panel) - var(--gap-panel) - var(--gap-panel) - var(--padding-workspace) - var(--padding-workspace));height:auto;min-height:100%;overflow:visible}.view-palette-create .module{overflow:visible}.view-palette-create .palette-create-board-module{min-height:var(--height-palette-create-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 (width>=1501px){.view-palette-create .palette-create-picker-module[data-picker-mode=recommendations]{height:var(--height-palette-create-workspace);max-height:var(--height-palette-create-workspace);overflow:hidden}.view-palette-create .palette-create-picker-module[data-picker-mode=recommendations] .palette-create-module-content{overflow:hidden}.view-palette-create .palette-create-picker-module[data-picker-mode=recommendations] .palette-recommendations{height:auto}}@media (width>=801px) and (width<=1500px){.view-palette-create{flex-direction:column}.view-palette-create .module{flex:none;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)}.view-palette-create .palette-recommendations{max-height:var(--height-mobile-palette-recommendations);flex:0 auto}}.color-kit-module-content{gap:var(--gap-content);flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.control-panel-header{column-gap:var(--gap-section);row-gap:var(--gap-section);flex:none;grid-template-columns:max-content minmax(0,1fr);grid-template-areas:"name name""actions mode";min-width:0;display:grid}.control-panel-header .control-panel-info{display:contents}.control-panel-header .control-panel-actions{gap:var(--gap-content);grid-area:actions;min-width:0;display:flex}.control-panel-header .control-panel-mode-controls{--height-slide-switch-row:28px;box-sizing:border-box;height:var(--height-btn-square);border-radius:var(--border-radius-button);width:min(100%,12rem);min-width:0;box-shadow:var(--shadow-down-1);grid-area:mode;justify-self:end;padding:.5rem 1rem;display:flex}.control-panel-header .control-panel-mode-controls .slide-switch-field{justify-content:center;gap:.25rem}.control-panel-header[data-surface=design-system]{grid-template-columns:minmax(0,1fr);grid-template-areas:"name"}.control-panel-palette-name,.control-panel-design-system-name{grid-area:name}.control-panel-content{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;overflow:hidden}.control-panel-palette-name .tooltip-trigger-proxy{width:100%}.control-panel-actions .btn-icon:has(.pro-badge){width:fit-content;height:auto}.control-panel-actions .btn-icon:has(.pro-badge) .pro-badge svg{width:.875rem;height:.875rem}.control-panel-expand,.control-panel-expand-overlay,.control-panel-scrim{display:none}.palette-create-screen-stack{gap:var(--gap-content);flex-direction:column;flex:4 1 0;min-width:0;min-height:0;display:flex}.palette-create-screen{height:100%;color:var(--color-on-screen);flex-direction:column;gap:1rem;display:flex}.palette-create-screen-content{flex:auto;width:100%;min-height:0;display:flex}.palette-create-screen-split{flex:auto;gap:1rem;width:100%;min-height:0;display:flex}.palette-create-info,.palette-create-screen-visualizer{flex:1 1 0;min-width:0;min-height:0;display:flex}.palette-create-info{flex-direction:column;gap:1rem}.palette-create-screen-label{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.palette-create-info-field{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;color:var(--color-on-screen-accent);margin:0;font-size:.625rem;font-weight:300;line-height:1.3}.palette-create-screen-label{color:var(--color-on-screen)}.palette-create-info-list{flex-direction:column;gap:1rem;height:100%;display:flex}.palette-create-info-row{flex-direction:column;gap:.25rem;display:flex}.palette-create-info-value{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-on-screen);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.palette-create-info-harmony{align-items:center;gap:.5rem;display:flex}.palette-create-info-harmony-icon{background-color:var(--color-harmony-icon-bg);outline:.05rem solid var(--color-harmony-icon-bg);border-radius:.25rem;flex:none;width:1rem;height:1rem}.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);letter-spacing:0;width:100%;min-height:0;color:var(--color-on-screen);flex:auto;margin:0;font-size:1rem;font-weight:400;line-height:1.3;display:flex}.palette-create-screen-empty-state-cursor{margin-left:.125rem;animation:1s step-end infinite palette-create-screen-cursor-blink;display:inline-block}.palette-create-overview-panel,.palette-create-screen-panel{min-height:var(--height-control-panel-screen-min);flex:1 1 0;display:flex}@media (width>=801px){.control-panel-content{flex:1 0 auto;overflow:visible}.palette-create-screen-stack{flex:1 0 auto}}@media (width<=800px){.control-panel-scrim{z-index:calc(var(--z-modal) - 1);background-color:var(--color-scrim-dark);opacity:0;pointer-events:none;transition:opacity var(--transition-medium);display:block;position:fixed;inset:0}.control-panel-scrim[data-mobile-expanded=true]{opacity:1;pointer-events:auto}.view-palette-create,.view-color-kit{height:auto;min-height:0;padding-bottom:calc(var(--padding-workspace) + var(--height-mobile-tool-nav));flex-direction:column}.view-palette-create .module,.view-color-kit .module{flex:none;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 .palette-create-picker-module,.view-palette-create .palette-create-board-module{max-height:none;overflow:visible}.view-palette-create .palette-create-picker-module[data-edit-focus=true]{inset:var(--padding-workspace);z-index:calc(var(--z-modal) + 2);width:min(100vw - var(--padding-workspace) * 2, 30rem);height:fit-content;max-height:none;margin:auto;position:fixed;overflow:visible}.view-palette-create[data-empty-new-palette=true] .palette-create-board-module{display:none}.view-palette-create .palette-recommendations{max-height:var(--height-mobile-palette-recommendations);flex:0 auto}.view-color-kit .palette-create-module-header-row{align-items:stretch;gap:var(--gap-content);flex-direction:column}.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{padding-bottom:calc(var(--height-btn) + var(--gap-section));grid-template-columns:minmax(0,1fr);grid-template-areas:"name""mode""actions"}.control-panel-actions,.control-panel-header .control-panel-mode-controls{width:100%}.control-panel-header .control-panel-mode-controls{justify-self:stretch}.control-panel-info{min-height:0}.control-panel-expand{z-index:2;width:100%;padding:var(--padding-control-panel);border-radius:var(--border-radius-panel);background-color:var(--color-panel-primary);display:flex;position:absolute;bottom:0;left:0;right:0}.control-panel-expand-overlay{display:none}.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{box-shadow:var(--shadow-up-nav);display:none}.layout-control-panel[data-mobile-expanded=true]{gap:var(--gap-content);min-height:0;padding-bottom:calc(var(--height-mobile-control-panel-expand-tray) + var(--padding-control-panel));flex-direction:column;display:flex}.layout-control-panel[data-mobile-expanded=true] .control-panel-content{flex:none;overflow:visible}.control-panel-expand-overlay{z-index:calc(var(--z-modal) + 1);width:100%;height:var(--height-mobile-control-panel-expand-tray);padding:var(--padding-control-panel);border-radius:var(--border-radius-panel);background-color:var(--color-panel-primary);box-shadow:var(--shadow-up-nav);display:flex;position:fixed;bottom:0;left:0;right:0}.layout-control-panel[data-mobile-expanded=false] .control-panel-content,.palette-create-screen-stack{flex:none;overflow:visible}.palette-create-overview-panel,.palette-create-screen-panel{min-height:var(--height-control-panel-screen-min);flex:none}.palette-create-overview-panel{min-height:var(--height-mobile-palette-overview-screen)}.palette-create-screen-split{flex-direction:column}.palette-create-info{flex:none}.palette-create-info-list{height:auto}.palette-create-screen-visualizer{flex:auto;min-height:0}}@keyframes loading-skeleton-fade{0%,to{opacity:.06}50%{opacity:.18}}.view-playground{padding:var(--padding-workspace);gap:var(--gap-module);flex-direction:column;height:100%;display:flex;position:relative;overflow:auto}.view-playground .playground-row{gap:var(--gap-module);flex:0 0 100%;min-height:100%;display:flex}.view-playground .playground-row[data-height=auto]{flex:none;min-height:0}.view-playground .playground-module{border-radius:var(--border-radius-module);min-width:0;box-shadow:var(--shadow-up-3-round);padding:var(--padding-module);flex-direction:column;flex:1 1 0;gap:1.5rem;display:flex;overflow:auto}.view-playground .playground-module-triplet{flex:1 1 0;grid-template-rows:repeat(3,minmax(0,1fr));gap:1.5rem;min-width:0;display:grid}.view-playground .playground-screen-stack{flex-direction:column;flex:1 1 0;gap:1.5rem;min-width:0;min-height:0;display:flex}.view-playground .playground-cluster{flex-wrap:wrap;gap:2rem;display:flex}.view-playground .button-wide-container{flex-direction:column;gap:1rem;width:100%;display:flex}.view-playground .playground-stack{flex-direction:column;gap:1.5rem;width:100%;display:flex}.view-playground .playground-section-nav-preview{align-items:flex-start;width:100%;min-height:0;padding:1rem;display:flex}.view-playground .playground-section-nav-preview .section-nav{max-height:var(--max-height-section-nav-preview)}.view-playground .playground-sequencer-items{gap:var(--gap-section);flex-direction:column;width:100%;display:flex}.view-playground .playground-sequencer-token-name{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-on-sequencer-item);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.view-playground .playground-screen-panel{flex:1 1 0;min-height:0;display:flex}.view-playground .playground-screen{justify-content:center;align-items:center;height:100%;display:flex}.view-playground .playground-tooltip-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.view-playground .toggle-readout{font-family:var(--font-family-mono);letter-spacing:0;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.view-playground .playground-slider-vertical{justify-content:center;height:100%;display:flex}.view-playground .playground-slider-vertical-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:1rem;height:100%;display:grid}.figma-device-approval{justify-content:center;align-items:center;gap:var(--gap-section);background:var(--color-background);min-height:100dvh;color:var(--color-on-background);flex-direction:column;padding:1.5rem;display:flex}.figma-device-card{gap:var(--gap-section);background:var(--color-module-primary);width:min(100%,30rem);color:var(--color-on-module-primary);border-radius:var(--border-radius-module);box-shadow:var(--shadow-up-modal);flex-direction:column;padding:1.5rem;display:flex}.figma-device-card p{font-family:var(--font-family-mono);letter-spacing:0;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.figma-device-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.figma-device-header h1{font-family:var(--font-family-fancy);letter-spacing:0;margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.figma-device-approval .billing-upgrade{width:min(100%,30rem);box-shadow:var(--shadow-up-3-round)}.sequencer-mcp-authorization{justify-content:center;align-items:center;gap:var(--gap-section);background:var(--color-background);min-height:100dvh;color:var(--color-on-background);flex-direction:column;padding:1.5rem;display:flex}.sequencer-mcp-authorization-card{gap:var(--gap-section);background:var(--color-module-primary);width:min(100%,36rem);color:var(--color-on-module-primary);border-radius:var(--border-radius-module);box-shadow:var(--shadow-up-modal);flex-direction:column;padding:1.5rem;display:flex}.sequencer-mcp-authorization-card>p{font-family:var(--font-family-sans);letter-spacing:.03125rem;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.sequencer-mcp-authorization-header{flex-direction:column;gap:.25rem;display:flex}.sequencer-mcp-authorization-header p{font-family:var(--font-family-sans);letter-spacing:.09375rem;text-transform:uppercase;margin:0;font-size:.625rem;font-weight:300;line-height:1.3}.sequencer-mcp-authorization-header h1{font-family:var(--font-family-fancy);letter-spacing:0;margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.sequencer-mcp-authorization-client{border-block:var(--border-menu-divider);flex-direction:column;gap:.25rem;padding-block:1rem;display:flex}.sequencer-mcp-authorization-client p{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-mcp-authorization-client h2{font-family:var(--font-family-fancy);letter-spacing:0;margin:0;font-size:1.25rem;font-weight:500;line-height:1.3}.sequencer-mcp-authorization-permission{flex-direction:column;gap:.75rem;display:flex}.sequencer-mcp-authorization-permission h3{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.sequencer-mcp-authorization-permission ul{flex-direction:column;gap:.5rem;padding-left:1.25rem;display:flex}.sequencer-mcp-authorization-permission li,.sequencer-mcp-authorization-permission p{font-family:var(--font-family-mono);letter-spacing:0;margin:0;font-size:1rem;font-weight:400;line-height:1.3}.sequencer-mcp-authorization-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.sequencer-mcp-authorization-actions button{width:100%}.sequencer-mcp-authorization-error{font-family:var(--font-family-mono);letter-spacing:0;color:var(--color-danger);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.sequencer-mcp-authorization .billing-upgrade{width:min(100%,36rem);box-shadow:var(--shadow-up-3-round)}@keyframes palette-create-screen-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.view-not-found{color:var(--color-on-module-primary);text-align:center;place-items:center;padding:2rem;display:grid}.view-not-found-public{background:var(--color-background-website);min-height:100svh;color:var(--color-on-panel-primary);flex-direction:column;display:flex}.view-not-found-app{min-height:100%}.view-not-found-content{gap:.75rem;max-width:28rem;display:grid}.not-found-page-main{min-height:0;padding:calc(var(--height-website-nav) + var(--padding-workspace)) var(--padding-workspace) var(--padding-workspace);flex:auto;justify-content:center;align-items:center;display:flex}.not-found-page-content{width:min(100%,42rem)}.not-found-page-content .plate{justify-content:center;align-items:center;min-height:clamp(20rem,42vw,28rem)}.not-found-page-message{justify-content:center;align-items:center;gap:var(--gap-section);min-height:inherit;text-align:center;flex-direction:column;padding:clamp(2rem,8vw,5rem);display:flex}.view-not-found-kicker{font-family:var(--font-family-mono);letter-spacing:.046875rem;text-transform:uppercase;color:var(--color-input-supporting);margin:0;font-size:.875rem;font-weight:400;line-height:1.3}.view-not-found h1,.not-found-page-message h1{font-family:var(--font-family-fancy);letter-spacing:0;margin:0;font-size:2rem;font-weight:500;line-height:1.3}.view-not-found p,.not-found-page-message p{font-family:var(--font-family-sans);letter-spacing:.03125rem;color:var(--color-input-supporting);margin:0;font-size:1rem;font-weight:400;line-height:1.3}.view-not-found-link{margin-top:.25rem;text-decoration:none}