:root{--ag-body-background-primary: oklch(.145 .002 286);--ag-body-text-primary: oklch(1 0 0);--ag-scrollbar-border-default: oklch(.287 .007 286);--ag-scrollbar-thumb-background-hover-muted: oklch(.649 .012 286);--ag-header-background-secondary: oklch(.192 .004 286);--ag-header-border-default: oklch(.287 .007 286);--ag-cvd-banner-background-warning: oklch(.837 .164 84 / .2);--ag-cvd-banner-text-warning: oklch(.837 .164 84);--ag-cvd-banner-border-warning: oklch(.837 .164 84);--ag-cvd-banner-close-text-warning: oklch(.837 .164 84);--ag-cvd-banner-close-background-hover-warning: oklch(.837 .164 84);--ag-cvd-banner-close-text-hover-primary: oklch(.145 .002 286);--ag-color-nav-border-default: oklch(.287 .007 286);--ag-color-nav-background-secondary: oklch(.192 .004 286);--ag-color-nav-background-primary: oklch(.145 .002 286);--ag-color-nav-item-background-hover-tertiary: oklch(.228 .006 286);--ag-color-nav-item-border-selected-accent: oklch(.551 .023 264);--ag-color-nav-item-background-selected-tertiary: oklch(.228 .006 286);--ag-color-nav-swatch-border-default: oklch(1 0 0 / .25);--ag-sidebar-border-default: oklch(.287 .007 286);--ag-sidebar-background-secondary: oklch(.192 .004 286);--ag-sidebar-footer-text-muted: oklch(.649 .012 286);--ag-sidebar-footer-link-text-accent: oklch(.551 .023 264);--ag-section-title-text-muted: oklch(.649 .012 286);--ag-section-note-text-secondary: oklch(.712 .013 286);--ag-section-hint-text-muted: oklch(.649 .012 286);--ag-section-hint-background-tertiary: oklch(.228 .006 286);--ag-subsection-title-text-muted: oklch(.649 .012 286);--ag-contrast-source-border-default: oklch(.287 .007 286);--ag-color-picker-preview-border-default: oklch(.287 .007 286);--ag-color-picker-preview-border-hover-accent: oklch(.551 .023 264);--ag-color-picker-preview-border-focus-accent: oklch(.551 .023 264);--ag-color-picker-preview-focus-ring-background-secondary: oklch(.192 .004 286);--ag-color-picker-preview-focus-ring-border-accent: oklch(.551 .023 264);--ag-color-input-field-background-tertiary: oklch(.228 .006 286);--ag-color-input-field-border-default: oklch(.287 .007 286);--ag-color-input-field-border-focus-accent: oklch(.551 .023 264);--ag-color-input-field-input-text-primary: oklch(1 0 0);--ag-color-input-field-input-placeholder-text-muted: oklch(.649 .012 286);--ag-buttons-toggle-background-tertiary: oklch(.228 .006 286);--ag-buttons-toggle-border-default: oklch(.287 .007 286);--ag-buttons-toggle-btn-text-muted: oklch(.649 .012 286);--ag-buttons-toggle-btn-text-hover-primary: oklch(1 0 0);--ag-buttons-toggle-btn-background-active-accent: oklch(.551 .023 264);--ag-buttons-toggle-btn-text-active-accent: oklch(1 0 0);--ag-buttons-toggle-btn-border-focus-accent: oklch(.551 .023 264);--ag-control-label-text-secondary: oklch(.712 .013 286);--ag-control-value-text-muted: oklch(.649 .012 286);--ag-control-hint-text-muted: oklch(.649 .012 286);--ag-slider-track-background-tertiary: oklch(.228 .006 286);--ag-slider-thumb-background-primary: oklch(1 0 0);--ag-select-background-tertiary: oklch(.228 .006 286);--ag-select-border-default: oklch(.287 .007 286);--ag-select-text-primary: oklch(1 0 0);--ag-select-border-hover-accent: oklch(.551 .023 264);--ag-select-border-focus-accent: oklch(.551 .023 264);--ag-select-focus-ring-background-secondary: oklch(.192 .004 286);--ag-select-focus-ring-border-accent: oklch(.551 .023 264);--ag-btn-background-tertiary: oklch(.228 .006 286);--ag-btn-border-default: oklch(.287 .007 286);--ag-btn-text-primary: oklch(1 0 0);--ag-btn-background-hover: oklch(.287 .007 286);--ag-btn-border-hover-muted: oklch(.649 .012 286);--ag-btn-focus-ring-background-secondary: oklch(.192 .004 286);--ag-btn-focus-ring-border-accent: oklch(.551 .023 264);--ag-btn-mod-primary-background-accent: oklch(.551 .023 264);--ag-btn-mod-primary-border-accent: oklch(.551 .023 264);--ag-btn-mod-primary-background-hover-accent: oklch(.714 .019 261);--ag-btn-mod-primary-border-hover-accent: oklch(.714 .019 261);--ag-btn-mod-active-background-accent: oklch(.551 .023 264);--ag-btn-mod-active-border-accent: oklch(.551 .023 264);--ag-btn-mod-active-text-accent: oklch(1 0 0);--ag-btn-mod-active-background-hover-accent: oklch(.714 .019 261);--ag-btn-mod-active-border-hover-accent: oklch(.714 .019 261);--ag-btn-mod-danger-border-danger: oklch(.626 .193 23);--ag-btn-mod-danger-text-danger: oklch(.626 .193 23);--ag-btn-mod-danger-background-hover: oklch(.626 .193 23 / .15);--ag-btn-mod-link-text-accent: oklch(.551 .023 264);--ag-btn-mod-preview-border-muted: oklch(.649 .012 286);--ag-btn-mod-preview-border-hover-accent: oklch(.551 .023 264);--ag-btn-mod-preview-text-hover-accent: oklch(.551 .023 264);--ag-btn-mod-preview-active-background-accent: oklch(.551 .023 264);--ag-btn-mod-preview-active-border-accent: oklch(.551 .023 264);--ag-btn-mod-preview-active-text-accent: oklch(1 0 0);--ag-gradient-overlay-background-default: oklch(0 0 0 / .5);--ag-gradient-overlay-border-default: oklch(.287 .007 286);--ag-palette-border-hover: oklch(.287 .007 286);--ag-palette-border-selected-muted: oklch(.59 .002 286 / .5);--ag-palette-color-picker-border-default: oklch(.287 .007 286);--ag-palette-color-picker-border-hover-accent: oklch(.551 .023 264);--ag-palette-color-picker-border-focus-accent: oklch(.551 .023 264);--ag-palette-color-picker-focus-ring-background-secondary: oklch(.192 .004 286);--ag-palette-color-picker-focus-ring-border-accent: oklch(.551 .023 264);--ag-palette-name-text-secondary: oklch(.712 .013 286);--ag-palette-name-border-hover: oklch(.287 .007 286);--ag-palette-name-background-hover-tertiary: oklch(.228 .006 286);--ag-palette-name-input-background-primary: oklch(.145 .002 286);--ag-palette-name-input-border-accent: oklch(.551 .023 264);--ag-palette-name-input-text-primary: oklch(1 0 0);--ag-palette-delete-text-muted: oklch(.649 .012 286);--ag-palette-delete-background-hover-danger: oklch(.626 .193 23);--ag-palette-delete-text-hover-accent: oklch(1 0 0);--ag-palette-delete-focus-ring-background-secondary: oklch(.192 .004 286);--ag-palette-delete-focus-ring-border-danger: oklch(.626 .193 23);--ag-palette-gamut-btn-background-tertiary: oklch(.228 .006 286);--ag-palette-gamut-btn-border-default: oklch(.287 .007 286);--ag-palette-gamut-btn-text-muted: oklch(.649 .012 286);--ag-palette-gamut-btn-background-hover-accent: oklch(.551 .023 264);--ag-palette-gamut-btn-border-hover-accent: oklch(.551 .023 264);--ag-palette-gamut-btn-text-hover-accent: oklch(1 0 0);--ag-palette-color-shadow-hover: oklch(0 0 0 / .3);--ag-palette-color-focus-ring-background-primary: oklch(.145 .002 286);--ag-palette-color-focus-ring-border-accent: oklch(.551 .023 264);--ag-palette-color-border-selected-overlay: oklch(0 0 0 / .5);--ag-palette-color-border-selected-ring: oklch(1 0 0 / .9);--ag-palette-color-step-base-background-primary: oklch(1 0 0);--ag-palette-color-step-base-text-primary: oklch(.145 .002 286);--ag-palette-color-info-text-light: oklch(.145 .002 286);--ag-palette-color-info-text-dark: oklch(1 0 0);--ag-palette-color-p3-indicator-background-dark: oklch(1 0 0 / .9);--ag-palette-color-p3-indicator-background-light: oklch(0 0 0 / .5);--ag-palette-color-p3-indicator-shadow: oklch(0 0 0 / .3);--ag-panel-close-text-muted: oklch(.649 .012 286);--ag-panel-close-background-hover-tertiary: oklch(.228 .006 286);--ag-panel-close-text-hover-primary: oklch(1 0 0);--ag-panel-close-focus-ring-background-secondary: oklch(.192 .004 286);--ag-panel-close-focus-ring-border-accent: oklch(.551 .023 264);--ag-oklch-panel-background-secondary: oklch(.192 .004 286);--ag-oklch-panel-border-default: oklch(.287 .007 286);--ag-oklch-panel-shadow-overlay: oklch(0 0 0 / .5);--ag-oklch-description-text-secondary: oklch(.712 .013 286);--ag-oklch-presets-label-text-muted: oklch(.649 .012 286);--ag-oklch-presets-desc-text-secondary: oklch(.712 .013 286);--ag-oklch-header-cell-text-muted: oklch(.649 .012 286);--ag-oklch-step-text-secondary: oklch(.712 .013 286);--ag-oklch-input-background-tertiary: oklch(.228 .006 286);--ag-oklch-input-border-default: oklch(.287 .007 286);--ag-oklch-input-text-primary: oklch(1 0 0);--ag-oklch-input-border-focus-accent: oklch(.551 .023 264);--ag-export-modal-overlay-background-heavy: oklch(0 0 0 / .8);--ag-export-modal-content-background-secondary: oklch(.192 .004 286);--ag-export-modal-content-border-default: oklch(.287 .007 286);--ag-export-modal-options-background-tertiary: oklch(.228 .006 286);--ag-export-modal-code-background-primary: oklch(.145 .002 286);--ag-toast-background-accent: oklch(.551 .023 264);--ag-toast-text-accent: oklch(1 0 0);--ag-toast-positioned-background-primary: oklch(.145 .002 286);--ag-toast-positioned-border-default: oklch(.287 .007 286);--ag-toast-positioned-text-primary: oklch(1 0 0);--ag-toast-positioned-shadow-heavy: oklch(0 0 0 / .6);--ag-toast-action-background-default: oklch(1 0 0 / .2);--ag-toast-action-background-hover: oklch(1 0 0 / .35);--ag-boundary-label-text-secondary: oklch(.712 .013 286);--ag-toggle-slider-background-tertiary: oklch(.228 .006 286);--ag-toggle-slider-border-default: oklch(.287 .007 286);--ag-toggle-slider-knob-background-muted: oklch(.649 .012 286);--ag-toggle-slider-background-active-accent: oklch(.551 .023 264);--ag-toggle-slider-border-active-accent: oklch(.551 .023 264);--ag-toggle-slider-knob-background-active-accent: oklch(1 0 0);--ag-toggle-label-text-secondary: oklch(.712 .013 286);--ag-toggle-focus-ring-background-secondary: oklch(.192 .004 286);--ag-toggle-focus-ring-border-accent: oklch(.551 .023 264);--ag-contrast-options-background-tertiary: oklch(.228 .006 286);--ag-radio-indicator-border-default: oklch(.287 .007 286);--ag-radio-indicator-border-checked-accent: oklch(.551 .023 264);--ag-radio-indicator-dot-background-checked-accent: oklch(.551 .023 264);--ag-radio-label-text-secondary: oklch(.712 .013 286);--ag-tooltip-icon-background-default: oklch(.287 .007 286);--ag-tooltip-icon-text-muted: oklch(.649 .012 286);--ag-tooltip-icon-background-hover-accent: oklch(.551 .023 264);--ag-tooltip-icon-text-hover-accent: oklch(1 0 0);--ag-tooltip-icon-focus-ring-background-secondary: oklch(.192 .004 286);--ag-tooltip-icon-focus-ring-border-accent: oklch(.551 .023 264);--ag-tooltip-content-background-primary: oklch(.145 .002 286);--ag-tooltip-content-border-default: oklch(.287 .007 286);--ag-tooltip-content-shadow-heavy: oklch(0 0 0 / .6);--ag-tooltip-title-text-primary: oklch(1 0 0);--ag-tooltip-ratios-text-accent: oklch(.551 .023 264);--ag-tooltip-desc-text-muted: oklch(.649 .012 286);--ag-tooltip-link-border-default: oklch(.287 .007 286);--ag-tooltip-link-text-accent: oklch(.551 .023 264);--ag-tooltip-link-text-hover-accent: oklch(.714 .019 261);--ag-gamut-panel-background-secondary: oklch(.192 .004 286);--ag-gamut-panel-border-default: oklch(.287 .007 286);--ag-gamut-panel-close-text-muted: oklch(.649 .012 286);--ag-gamut-panel-close-background-hover-tertiary: oklch(.228 .006 286);--ag-gamut-panel-close-text-hover-primary: oklch(1 0 0);--ag-gamut-panel-close-focus-ring-background-secondary: oklch(.192 .004 286);--ag-gamut-panel-close-focus-ring-border-accent: oklch(.551 .023 264);--ag-gamut-hue-label-text-secondary: oklch(.712 .013 286);--ag-gamut-hue-input-border-default: oklch(.287 .007 286);--ag-gamut-hue-input-background-secondary: oklch(.192 .004 286);--ag-gamut-hue-input-text-primary: oklch(1 0 0);--ag-gamut-hue-input-border-focus-accent: oklch(.551 .023 264);--ag-gamut-hue-unit-text-secondary: oklch(.712 .013 286);--ag-gamut-visualization-background-primary: oklch(.145 .002 286);--ag-gamut-preset-badge-background-default: oklch(1 0 0 / .1);--ag-gamut-preset-badge-text-default: oklch(1 0 0 / .6);--ag-gamut-preset-badge-background-hover: oklch(1 0 0 / .18);--ag-gamut-preset-badge-text-hover: oklch(1 0 0 / .85);--ag-gamut-selected-info-background-tertiary: oklch(.228 .006 286);--ag-gamut-selected-step-text-primary: oklch(1 0 0);--ag-gamut-badge-srgb-background: oklch(.8 .182 152 / .2);--ag-gamut-badge-srgb-text: oklch(.723 .192 150);--ag-gamut-badge-p3-background: oklch(.837 .164 84 / .2);--ag-gamut-badge-p3-text: oklch(.837 .164 84);--ag-gamut-badge-out-background: oklch(.711 .166 22 / .2);--ag-gamut-badge-out-text: oklch(.711 .166 22);--ag-gamut-format-section-text-primary: oklch(1 0 0);--ag-gamut-format-label-text-muted: oklch(.649 .012 286);--ag-gamut-format-label-strong-text-secondary: oklch(.712 .013 286);--ag-gamut-format-value-text-secondary: oklch(.712 .013 286);--ag-gamut-format-code-background-primary: oklch(.145 .002 286);--ag-gamut-format-code-border-default: oklch(.287 .007 286);--ag-gamut-format-code-border-hover-muted: oklch(.649 .012 286);--ag-gamut-format-code-border-focus-accent: oklch(.551 .023 264);--ag-gamut-format-code-text-focus-primary: oklch(1 0 0);--ag-gamut-format-p3-label-strong-text-warning: oklch(.837 .164 84);--ag-gamut-format-divider-text-muted: oklch(.649 .012 286);--ag-gamut-format-divider-border-default: oklch(.287 .007 286);--ag-contrast-preview-sample-border-default: oklch(.287 .007 286);--ag-contrast-preview-sample-empty-background-tertiary: oklch(.228 .006 286);--ag-contrast-preview-sample-empty-text-muted: oklch(.649 .012 286);--ag-contrast-preview-hex-text-muted: oklch(.649 .012 286);--ag-contrast-preview-label-pass-text-success: oklch(.723 .192 150);--ag-contrast-preview-label-fail-text-danger: oklch(.626 .193 23);--ag-contrast-swatch-empty-background-tertiary: oklch(.228 .006 286);--ag-contrast-swatch-no-match-text-muted: oklch(.649 .012 286);--ag-contrast-status-background-tertiary: oklch(.228 .006 286);--ag-contrast-status-badge-text-secondary: oklch(.712 .013 286);--ag-contrast-status-result-pass-text-success: oklch(.723 .192 150);--ag-contrast-status-result-fail-text-danger: oklch(.626 .193 23);--ag-shortcut-row-border-default: oklch(.287 .007 286);--ag-shortcut-row-text-secondary: oklch(.712 .013 286);--ag-shortcut-row-kbd-background-tertiary: oklch(.228 .006 286);--ag-shortcut-row-kbd-border-default: oklch(.287 .007 286);--ag-shortcut-row-kbd-text-primary: oklch(1 0 0);--ag-error-boundary-background-primary: oklch(.145 .002 286);--ag-error-boundary-text-primary: oklch(1 0 0);--ag-error-boundary-message-text-secondary: oklch(.712 .013 286);--ag-border-subtle: rgba(255, 255, 255, .06);--ag-border-subtle-strong: rgba(255, 255, 255, .08);--ag-overlay-hover: rgba(255, 255, 255, .05);--ag-overlay-active: rgba(255, 255, 255, .08);--ag-z-local: 1;--ag-z-local-above: 2;--ag-z-local-top: 3;--ag-z-table-header: 2;--ag-z-table-corner: 3;--ag-z-gamut-overlay: 5;--ag-z-fab: 40;--ag-z-panel: 50;--ag-z-panel-mobile: 60;--ag-z-modal: 100;--ag-z-toast: 200;--ag-z-tooltip: 300;--ag-radius-sm: 4px;--ag-radius-md: 8px;--ag-radius-lg: 12px;--ag-radius-xl: 16px;--ag-radius-pill: 16px;--ag-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ag-font-mono: "Roboto Mono", "SF Mono", SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, monospace;--ag-transition: .15s ease;--ag-transition-panel-slide: .25s ease;--ag-transition-panel-resize: .3s cubic-bezier(.4, 0, .2, 1);--ag-transition-toast: .2s ease;--ag-transition-toast-positioned: .25s cubic-bezier(.34, 1.56, .64, 1)}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--ag-font-sans);background-color:var(--ag-body-background-primary);color:var(--ag-body-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:var(--ag-scrollbar-border-default) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background-color:transparent}*::-webkit-scrollbar-thumb{background-color:var(--ag-scrollbar-border-default);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background-color:var(--ag-scrollbar-thumb-background-hover-muted)}.ag-skip-link{position:absolute;top:-100%;left:16px;padding:8px 16px;background-color:var(--ag-btn-mod-primary-background-accent);color:var(--ag-toast-text-accent);font-size:14px;font-weight:600;border-radius:var(--ag-radius-md);z-index:9999;text-decoration:none}.ag-skip-link:focus{top:16px}.ag-app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.ag-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--ag-header-border-default);background-color:var(--ag-header-background-secondary)}.ag-header-left{display:flex;align-items:center;gap:24px;flex:1}.ag-header-logo{display:flex;align-items:center;gap:12px;width:232px}.ag-header-logo svg:first-child{width:28px;height:28px}.ag-header-logo svg:last-child{height:16px;width:auto}.ag-header-actions{display:flex;align-items:center;gap:8px}.ag-cvd-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.ag-cvd-select{padding:6px 28px 6px 8px;font-size:12px;background-size:10px;background-position:right 8px center}.ag-cvd-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 16px;background-color:var(--ag-cvd-banner-background-warning);color:var(--ag-cvd-banner-text-warning);font-size:12px;font-weight:500;text-align:center;border-bottom:1px solid var(--ag-cvd-banner-border-warning)}.ag-cvd-banner strong{font-weight:700}.ag-cvd-banner-close{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:4px;background-color:transparent;background-image:none;border:none;border-radius:var(--ag-radius-sm);color:var(--ag-cvd-banner-close-text-warning);font-size:16px;line-height:1;cursor:pointer;transition:background-color var(--ag-transition)}.ag-cvd-banner-close:hover{background-color:var(--ag-cvd-banner-close-background-hover-warning);color:var(--ag-cvd-banner-close-text-hover-primary)}.ag-cvd-banner-close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ag-btn-focus-ring-border-accent)}.ag-main{display:grid;grid-template-columns:280px 64px 1fr;flex:1;min-height:0}.ag-color-nav{position:relative;display:flex;flex-direction:column;gap:12px;padding:12px;border-right:1px solid var(--ag-color-nav-border-default);background-color:var(--ag-color-nav-background-secondary);min-height:0;overflow:hidden}.ag-color-nav:before,.ag-color-nav:after{content:"";position:absolute;left:0;right:0;height:48px;pointer-events:none;opacity:0;transition:opacity var(--ag-transition);z-index:var(--ag-z-local)}.ag-color-nav:before{top:56px;background-image:linear-gradient(to bottom,var(--ag-color-nav-background-primary) 0%,transparent 100%)}.ag-color-nav:after{bottom:0;background-image:linear-gradient(to top,var(--ag-color-nav-background-primary) 0%,transparent 100%)}.ag-color-nav.has-overflow-top:before{opacity:1}.ag-color-nav.has-overflow-bottom:after{opacity:1}.ag-color-nav-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.ag-color-nav-list::-webkit-scrollbar{display:none}.ag-color-nav-item{display:flex;align-items:center;justify-content:center;padding:6px;background-color:transparent;background-image:none;border:2px solid transparent;border-radius:var(--ag-radius-md);cursor:pointer;transition:all var(--ag-transition)}.ag-color-nav-item:hover{background-color:var(--ag-color-nav-item-background-hover-tertiary)}.ag-color-nav-item.is-selected{border-color:var(--ag-color-nav-item-border-selected-accent);background-color:var(--ag-color-nav-item-background-selected-tertiary)}.ag-color-nav-swatch{width:32px;height:32px;border-radius:50%;border:1px solid var(--ag-color-nav-swatch-border-default);flex-shrink:0;transition:all var(--ag-transition)}.ag-color-nav.mod-sm .ag-color-nav-item{padding:4px}.ag-color-nav.mod-sm .ag-color-nav-swatch{width:24px;height:24px}.ag-color-nav.mod-xs .ag-color-nav-item{padding:3px}.ag-color-nav.mod-xs .ag-color-nav-swatch{width:18px;height:18px;border-width:1px}.ag-sidebar{display:flex;flex-direction:column;gap:24px;padding:24px;border-right:1px solid var(--ag-sidebar-border-default);background-color:var(--ag-sidebar-background-secondary);overflow-y:auto}.ag-sidebar-footer{margin-top:auto;padding-top:24px;font-size:12px;color:var(--ag-sidebar-footer-text-muted);text-align:center}.ag-sidebar-footer a{color:var(--ag-sidebar-footer-link-text-accent);text-decoration:none}.ag-sidebar-footer a:hover{text-decoration:underline}.ag-sidebar-footer-learn{display:block;margin-top:8px;font-weight:500}.ag-content-wrapper{position:relative;display:flex;flex:1;min-width:0;overflow:hidden}.ag-content{position:relative;display:flex;flex-direction:column;gap:16px;padding:16px 8px;overflow-y:auto;scroll-behavior:smooth;flex:1;min-width:0}.ag-palettes-stacked{display:flex;flex-direction:row;flex:1;scroll-behavior:smooth;overflow-x:auto;padding:0 16px}.ag-palettes-stacked .ag-palette.is-compact{flex:1 0 320px;min-width:320px}.ag-palette-grid{overflow-y:auto}.ag-content.mod-palette{padding:0;gap:0;overflow:hidden}.ag-content.mod-white-bg{background-color:#fff}.ag-palettes-palette{display:flex;flex-direction:row;flex:1;overflow:hidden}.ag-palettes-palette .ag-palette{padding:0;gap:0;border:none;border-radius:0;cursor:default;flex:1;min-width:0}.ag-palettes-palette .ag-palette:hover{border-color:transparent}.ag-palettes-palette .ag-palette-grid{border-radius:0}.ag-palettes-palette .ag-palette-color-wrapper .ag-palette-color,.ag-palettes-palette .ag-palette-color-wrapper:first-child .ag-palette-color,.ag-palettes-palette .ag-palette-color-wrapper:last-child .ag-palette-color,.ag-palettes-palette .ag-palette-color-wrapper:only-child .ag-palette-color{border-radius:0}.ag-section{display:flex;flex-direction:column;gap:12px}.ag-section.is-disabled{opacity:.5;pointer-events:none}.ag-section-header{display:flex;align-items:center;gap:8px;line-height:1.4}.ag-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ag-section-title-text-muted);display:flex;align-items:center;gap:8px}.ag-section-note{font-weight:400;text-transform:none;letter-spacing:0;font-size:11px;color:var(--ag-section-note-text-secondary)}.ag-section-hint{font-size:11px;color:var(--ag-section-hint-text-muted);line-height:1.5;padding:8px;background-color:var(--ag-section-hint-background-tertiary);border-radius:var(--ag-radius-sm)}.ag-subsection-header{display:flex;align-items:center;gap:8px;line-height:1.4;margin-bottom:8px}.ag-subsection-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ag-subsection-title-text-muted)}.ag-contrast-source{margin-top:12px;padding-top:12px;border-top:1px solid var(--ag-contrast-source-border-default)}.ag-color-picker{display:flex;flex-direction:column;gap:12px}.ag-color-picker-preview{position:relative;width:100%;height:80px;border-radius:var(--ag-radius-lg);overflow:hidden;cursor:pointer;border:2px solid var(--ag-color-picker-preview-border-default);transition:border-color var(--ag-transition)}.ag-color-picker-preview:hover{border-color:var(--ag-color-picker-preview-border-hover-accent)}.ag-color-picker-preview:focus-visible{outline:none;border-color:var(--ag-color-picker-preview-border-focus-accent);box-shadow:0 0 0 2px var(--ag-color-picker-preview-focus-ring-background-secondary),0 0 0 4px var(--ag-color-picker-preview-focus-ring-border-accent)}.ag-color-picker-preview input[type=color]{position:absolute;inset:0;width:100%;height:100%;border:none;cursor:pointer;background-color:transparent;background-image:none;padding:0}.ag-color-picker-preview input[type=color]::-webkit-color-swatch-wrapper{padding:0}.ag-color-picker-preview input[type=color]::-webkit-color-swatch{border:none}.ag-color-input{display:flex;flex-direction:column;gap:8px}.ag-color-input-field{display:flex;align-items:center;height:40px;padding:0 12px;background-color:var(--ag-color-input-field-background-tertiary);border:1px solid var(--ag-color-input-field-border-default);border-radius:var(--ag-radius-md);transition:border-color var(--ag-transition)}.ag-color-input-field:focus-within{border-color:var(--ag-color-input-field-border-focus-accent)}.ag-color-input-field input{flex:1;height:38px;background-color:transparent;background-image:none;border:none;color:var(--ag-color-input-field-input-text-primary);font-family:var(--ag-font-mono);font-size:13px;line-height:40px;outline:none;text-align:center}.ag-color-input-field input::placeholder{color:var(--ag-color-input-field-input-placeholder-text-muted)}.ag-color-tilt-notice{display:flex;align-items:center;gap:6px;padding:4px 0;color:var(--ag-text-muted, #9ca3af);font-size:11px;line-height:1.3}.ag-color-tilt-notice svg{flex-shrink:0;color:var(--ag-color-warning, #f59e0b)}.ag-color-tilt-notice strong{font-family:var(--ag-font-mono);font-weight:600;color:var(--ag-text-primary, #e5e7eb)}.ag-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ag-fieldset{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ag-buttons-toggle{display:flex;background-color:var(--ag-buttons-toggle-background-tertiary);padding:2px;border:1px solid var(--ag-buttons-toggle-border-default);border-radius:var(--ag-radius-xl);overflow:hidden}.ag-buttons-toggle-btn{flex:1;height:24px;padding:0 16px;border-radius:var(--ag-radius-xl);background-color:transparent;background-image:none;border:none;color:var(--ag-buttons-toggle-btn-text-muted);font-size:11px;font-family:var(--ag-font-mono);font-weight:600;line-height:24px;white-space:nowrap;cursor:pointer;transition:all var(--ag-transition)}.ag-buttons-toggle-btn:hover{color:var(--ag-buttons-toggle-btn-text-hover-primary)}.ag-buttons-toggle-btn:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ag-buttons-toggle-btn-border-focus-accent)}.ag-buttons-toggle-btn.is-active{background-color:var(--ag-buttons-toggle-btn-background-active-accent);color:var(--ag-buttons-toggle-btn-text-active-accent)}.ag-control{display:flex;flex-direction:column;gap:8px}.ag-control-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--ag-control-label-text-secondary)}.ag-control-value{font-family:var(--ag-font-mono);font-size:12px;color:var(--ag-control-value-text-muted)}.ag-control-hint{display:block;margin-top:8px;font-size:11px;color:var(--ag-control-hint-text-muted)}.ag-slider{width:100%;height:6px;background-color:var(--ag-slider-track-background-tertiary);border-radius:3px;-webkit-appearance:none;appearance:none;cursor:pointer}.ag-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background-color:var(--ag-slider-thumb-background-primary);border-radius:50%;cursor:pointer;transition:transform var(--ag-transition)}.ag-slider:hover{background-color:var(--ag-overlay-active)}.ag-slider:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ag-btn-focus-ring-background-secondary),0 0 0 4px var(--ag-btn-focus-ring-border-accent)}.ag-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.ag-select{padding:6px 32px 6px 12px;background-color:var(--ag-select-background-tertiary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;border:1px solid var(--ag-select-border-default);border-radius:var(--ag-radius-md);color:var(--ag-select-text-primary);font-size:13px;line-height:16px;cursor:pointer;transition:border-color var(--ag-transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.ag-select:hover{border-color:var(--ag-select-border-hover-accent)}.ag-select:focus{outline:none;border-color:var(--ag-select-border-focus-accent)}.ag-select:focus-visible{box-shadow:0 0 0 2px var(--ag-select-focus-ring-background-secondary),0 0 0 4px var(--ag-select-focus-ring-border-accent)}.ag-select.mod-full-width{width:100%}.ag-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;background-color:var(--ag-btn-background-tertiary);border:1px solid var(--ag-btn-border-default);border-radius:var(--ag-radius-md);color:var(--ag-btn-text-primary);font-size:13px;line-height:1.2;font-weight:500;cursor:pointer;transition:all var(--ag-transition)}.ag-btn:hover{background-color:var(--ag-btn-background-hover);border-color:var(--ag-btn-border-hover-muted)}.ag-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ag-btn-focus-ring-background-secondary),0 0 0 4px var(--ag-btn-focus-ring-border-accent)}.ag-btn.mod-primary{background-color:var(--ag-btn-mod-primary-background-accent);border-color:var(--ag-btn-mod-primary-border-accent)}.ag-btn.mod-primary:hover{background-color:var(--ag-btn-mod-primary-background-hover-accent);border-color:var(--ag-btn-mod-primary-border-hover-accent)}.ag-btn.mod-small{padding:6px 12px;font-size:13px}.ag-btn.mod-icon{padding:6px}.ag-btn.mod-full-width,.ag-btn.mod-full{width:100%}.ag-btn.mod-active{background-color:var(--ag-btn-mod-active-background-accent);border-color:var(--ag-btn-mod-active-border-accent);color:var(--ag-btn-mod-active-text-accent)}.ag-btn.mod-active:hover{background-color:var(--ag-btn-mod-active-background-hover-accent);border-color:var(--ag-btn-mod-active-border-hover-accent)}.ag-btn.mod-danger{background-color:transparent;border-color:var(--ag-btn-mod-danger-border-danger);color:var(--ag-btn-mod-danger-text-danger)}.ag-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.ag-btn.mod-link{background-color:transparent;background-image:none;border:none;color:var(--ag-btn-mod-link-text-accent);padding:4px 0;font-size:12px;text-decoration:none;cursor:pointer}.ag-btn.mod-link:hover{text-decoration:underline}.ag-btn.mod-danger:hover{background-color:var(--ag-btn-mod-danger-background-hover)}.ag-btn.mod-preview{background-color:transparent;border-color:var(--ag-btn-mod-preview-border-muted)}.ag-btn.mod-preview:hover{border-color:var(--ag-btn-mod-preview-border-hover-accent);color:var(--ag-btn-mod-preview-text-hover-accent)}.ag-btn.mod-preview.is-active{background-color:var(--ag-btn-mod-preview-active-background-accent);border-color:var(--ag-btn-mod-preview-active-border-accent);color:var(--ag-btn-mod-preview-active-text-accent)}.ag-gradient-preview{display:flex;flex-direction:column;gap:8px}.ag-gradient-preview-bar{position:relative;height:24px;border-radius:var(--ag-radius-md);border:1px solid var(--ag-gradient-overlay-border-default);overflow:hidden}.ag-gradient-overlay{position:absolute;top:0;bottom:0;background-color:var(--ag-gradient-overlay-background-default)}.ag-gradient-overlay-left{left:0;border-right:1px solid var(--ag-gradient-overlay-border-default)}.ag-gradient-overlay-right{right:0;border-left:1px solid var(--ag-gradient-overlay-border-default)}.ag-palette{display:flex;flex-direction:column;gap:12px;flex:1;padding:12px;border:1px solid transparent;border-radius:var(--ag-radius-lg);cursor:pointer;transition:border-color var(--ag-transition)}.ag-palettes-stacked .ag-palette{scroll-margin-top:16px}.ag-palettes-stacked .ag-palette:first-child{scroll-margin-top:24px}.ag-palette:hover{border-color:var(--ag-palette-border-hover)}.ag-palette.is-selected{border-color:var(--ag-palette-border-selected-muted)}.ag-palette.is-compact{padding:8px;gap:6px}.ag-palette.is-compact .ag-palette-color{padding:0 12px}.ag-palette.is-compact .ag-contrast-section{flex-basis:120px}.ag-palette.is-compact .ag-contrast-swatch{min-width:60px;padding:6px 8px}.ag-palette-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.ag-palette-label{display:flex;align-items:center;gap:11px;flex:1;min-width:0}.ag-palette-color-picker{position:relative;width:22px;height:22px;border-radius:50%;overflow:hidden;border:1px solid var(--ag-palette-color-picker-border-default);flex-shrink:0;cursor:pointer}.ag-palette-color-picker:hover{border-color:var(--ag-palette-color-picker-border-hover-accent)}.ag-palette-color-picker:focus-within{border-color:var(--ag-palette-color-picker-border-focus-accent);box-shadow:0 0 0 2px var(--ag-palette-color-picker-focus-ring-background-secondary),0 0 0 4px var(--ag-palette-color-picker-focus-ring-border-accent)}.ag-palette-color-picker input[type=color]{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:none;cursor:pointer;background-color:transparent;background-image:none;padding:0}.ag-palette-color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.ag-palette-color-picker input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.ag-palette-name{font-size:13px;font-weight:600;color:var(--ag-palette-name-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text;padding:4px 8px;margin:-4px 0;border-radius:var(--ag-radius-sm);border:1px solid transparent;transition:all var(--ag-transition)}.ag-palette-name:hover{border-color:var(--ag-palette-name-border-hover);background-color:var(--ag-palette-name-background-hover-tertiary)}.ag-palette-name-input{width:120px;height:28px;padding:0 8px;background-color:var(--ag-palette-name-input-background-primary);border:1px solid var(--ag-palette-name-input-border-accent);border-radius:var(--ag-radius-sm);color:var(--ag-palette-name-input-text-primary);font-size:13px;font-weight:600;outline:none}.ag-palette-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:transparent;background-image:none;border:none;border-radius:var(--ag-radius-sm);color:var(--ag-palette-delete-text-muted);cursor:pointer;transition:all var(--ag-transition);opacity:0}.ag-palette:hover .ag-palette-delete{opacity:1}.ag-palette-delete:hover{background-color:var(--ag-palette-delete-background-hover-danger);color:var(--ag-palette-delete-text-hover-accent)}.ag-palette-delete:focus-visible{outline:none;opacity:1;box-shadow:0 0 0 2px var(--ag-palette-delete-focus-ring-background-secondary),0 0 0 4px var(--ag-palette-delete-focus-ring-border-danger)}.ag-palette-drag-handle{display:flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;color:var(--ag-palette-delete-text-muted);cursor:grab;opacity:0;transition:opacity var(--ag-transition)}.ag-palette:hover .ag-palette-drag-handle,.ag-palette.is-selected .ag-palette-drag-handle{opacity:1}.ag-palette-header[draggable=true]{cursor:grab}.ag-palette-header[draggable=true]:active{cursor:grabbing}.ag-palette.is-dragging{opacity:.4}.ag-palette.is-drag-over{box-shadow:inset 0 -2px 0 0 var(--ag-color-nav-item-border-selected-accent)}.ag-color-nav-item.is-drag-over{box-shadow:0 2px 0 0 var(--ag-color-nav-item-border-selected-accent)}.ag-color-nav-item[draggable=true]{cursor:grab}.ag-color-nav-item[draggable=true]:active{cursor:grabbing}.ag-palette-gamut-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:var(--ag-palette-gamut-btn-background-tertiary);border:1px solid var(--ag-palette-gamut-btn-border-default);border-radius:var(--ag-radius-sm);color:var(--ag-palette-gamut-btn-text-muted);cursor:pointer;transition:all var(--ag-transition);flex-shrink:0}.ag-palette-gamut-btn:hover{background-color:var(--ag-palette-gamut-btn-background-hover-accent);border-color:var(--ag-palette-gamut-btn-border-hover-accent);color:var(--ag-palette-gamut-btn-text-hover-accent)}.ag-palette-gamut-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ag-palette-delete-focus-ring-background-secondary),0 0 0 4px var(--ag-palette-delete-focus-ring-border-danger)}.ag-palette-gamut-btn.is-active{background-color:var(--ag-palette-gamut-btn-background-hover-accent);border-color:var(--ag-palette-gamut-btn-border-hover-accent);color:var(--ag-palette-gamut-btn-text-hover-accent)}.ag-palette-grid{display:flex;flex-direction:column;flex:1;overflow-y:auto}.ag-palette-color{position:relative;display:flex;align-items:center;justify-content:space-between;flex:1;min-width:200px;min-height:64px;padding:0 16px;border:none;border-radius:0;cursor:pointer;transition:transform var(--ag-transition),box-shadow var(--ag-transition);flex-shrink:0;font:inherit;text-align:left}.ag-palette-color-wrapper:first-child .ag-palette-color{border-radius:var(--ag-radius-md) var(--ag-radius-md) 0 0}.ag-palette-color-wrapper:last-child .ag-palette-color{border-radius:0 0 var(--ag-radius-md) var(--ag-radius-md)}.ag-palette-color-wrapper:only-child .ag-palette-color{border-radius:var(--ag-radius-md)}.ag-palette-color:hover,.ag-palette-color:focus{box-shadow:0 4px 16px var(--ag-palette-color-shadow-hover);z-index:var(--ag-z-local);outline:none}.ag-palette-color:focus-visible{box-shadow:0 4px 16px var(--ag-palette-color-shadow-hover),0 0 0 2px var(--ag-palette-color-focus-ring-background-primary),0 0 0 4px var(--ag-palette-color-focus-ring-border-accent)}.ag-palette-color.is-selected{box-shadow:0 0 0 2px var(--ag-palette-color-border-selected-overlay),0 4px 16px var(--ag-palette-color-shadow-hover);z-index:var(--ag-z-local-above)}.ag-palette-color.is-selected:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 3px var(--ag-palette-color-border-selected-ring);pointer-events:none;z-index:var(--ag-z-local-top)}.ag-palette-color-info{display:flex;align-items:flex-start;flex-direction:column;gap:8px;opacity:0;transition:opacity var(--ag-transition);flex:1;min-width:0}.ag-palette-color:hover .ag-palette-color-info,.ag-palette-color.is-values-visible .ag-palette-color-info{opacity:1}.ag-palette-color-step-row{display:flex;align-items:center;justify-content:space-between;width:100%}.ag-palette-color-step{font-size:13px;font-weight:600}.ag-palette-color-step.is-base{background-color:var(--ag-palette-color-step-base-background-primary);color:var(--ag-palette-color-step-base-text-primary);border-radius:16px;padding:0 6px}.ag-palette-color-hex{font-size:11px;font-family:var(--ag-font-mono);display:inline-flex;align-items:center;gap:4px}.ag-p3-badge{font-size:8px;font-weight:600;font-family:var(--ag-font-sans);padding:1px 5px;border-radius:var(--ag-radius-sm);background-color:transparent;color:inherit;text-transform:uppercase;letter-spacing:.3px;border:1px solid currentColor;opacity:.7}.ag-palette-color.is-light .ag-palette-color-info{color:var(--ag-palette-color-info-text-light)}.ag-palette-color.is-dark .ag-palette-color-info{color:var(--ag-palette-color-info-text-dark)}.ag-palette-color-original{position:absolute;left:0;top:0;bottom:0;width:50%;z-index:0}.ag-palette-color.is-comparing .ag-palette-color-info{z-index:var(--ag-z-local)}.ag-oklch-panel{position:fixed;top:0;left:0;bottom:0;width:320px;display:flex;flex-direction:column;background-color:var(--ag-oklch-panel-background-secondary);border-right:1px solid var(--ag-oklch-panel-border-default);box-shadow:8px 0 32px var(--ag-oklch-panel-shadow-overlay);z-index:var(--ag-z-panel);transform:translate(-100%);transition:transform var(--ag-transition-panel-slide)}.ag-oklch-panel.is-open{transform:translate(0)}.ag-oklch-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--ag-oklch-panel-border-default)}.ag-oklch-panel-title{font-size:14px;font-weight:600;margin:0}.ag-panel-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:transparent;background-image:none;border:none;border-radius:var(--ag-radius-sm);color:var(--ag-panel-close-text-muted);cursor:pointer;transition:all var(--ag-transition)}.ag-panel-close:hover{background-color:var(--ag-panel-close-background-hover-tertiary);color:var(--ag-panel-close-text-hover-primary)}.ag-panel-close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ag-panel-close-focus-ring-background-secondary),0 0 0 4px var(--ag-panel-close-focus-ring-border-accent)}.ag-oklch-panel-body{flex:1;display:flex;flex-direction:column;padding:16px 20px;overflow-y:auto}.ag-oklch-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 20px;border-top:1px solid var(--ag-oklch-panel-border-default)}.ag-oklch-panel-actions{display:flex;gap:8px}.ag-oklch-description{font-size:13px;color:var(--ag-oklch-description-text-secondary);margin:0 0 12px;line-height:1.5}.ag-oklch-presets{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--ag-oklch-panel-border-default)}.ag-oklch-presets-label{font-size:11px;font-weight:600;color:var(--ag-oklch-presets-label-text-muted);text-transform:uppercase}.ag-oklch-presets-desc{font-size:11px;color:var(--ag-oklch-presets-desc-text-secondary);font-style:italic}.ag-oklch-preset-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;border:1px solid var(--ag-oklch-panel-border-default);border-radius:var(--ag-radius-md);overflow:hidden}.ag-oklch-preset-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;text-align:left;font-size:14px;line-height:1.35;background:transparent;border:none;border-bottom:1px solid var(--ag-oklch-panel-border-default);border-radius:0;color:var(--ag-oklch-presets-desc-text-secondary);cursor:pointer;transition:background-color var(--ag-transition),color var(--ag-transition)}.ag-oklch-preset-item:last-child{border-bottom:none}.ag-oklch-preset-item:hover{background-color:var(--ag-oklch-panel-background-secondary);color:var(--ag-oklch-input-text-primary)}.ag-oklch-preset-item.is-selected{background-color:var(--ag-toggle-slider-background-active-accent);color:var(--ag-oklch-input-text-primary);font-weight:500}.ag-oklch-preset-item:focus{outline:none}.ag-oklch-preset-item:focus-visible{box-shadow:0 0 0 2px var(--ag-select-focus-ring-border-accent)}.ag-oklch-preset-item-title{font-weight:500;color:var(--ag-oklch-input-text-primary)}.ag-oklch-preset-item-desc{font-size:13px;line-height:1.4;opacity:.9;font-weight:400}.ag-oklch-preset-item.is-selected .ag-oklch-preset-item-desc{opacity:1}.ag-oklch-apply-all{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--ag-oklch-presets-desc-text-secondary);cursor:pointer}.ag-oklch-apply-all:hover{color:var(--ag-body-text-primary)}.ag-oklch-apply-all input{width:14px;height:14px;accent-color:var(--ag-toggle-slider-background-active-accent)}.ag-export-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--ag-export-modal-overlay-background-heavy);z-index:var(--ag-z-modal)}.ag-export-modal-content{width:100%;max-width:640px;max-height:80vh;display:flex;flex-direction:column;background-color:var(--ag-export-modal-content-background-secondary);border:1px solid var(--ag-export-modal-content-border-default);border-radius:var(--ag-radius-lg);overflow:hidden}.ag-export-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px}.ag-export-modal-title{font-size:16px;font-weight:600;margin:0}.ag-export-modal-options{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background-color:var(--ag-export-modal-options-background-tertiary)}.ag-export-modal-body{flex:1;display:flex;flex-direction:column;padding:24px;min-height:0}.ag-export-modal-code{flex:1;padding:16px;background-color:var(--ag-export-modal-code-background-primary);border-radius:var(--ag-radius-md);margin:0;font-family:var(--ag-font-mono);font-size:13px;line-height:1.6;white-space:pre-wrap;overflow:auto}.ag-export-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px 20px}.ag-toast{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:11px;padding:12px 20px;background-color:var(--ag-toast-background-accent);border-radius:var(--ag-radius-md);color:var(--ag-toast-text-accent);font-size:14px;font-weight:500;animation:ag-toast-in var(--ag-transition-toast);z-index:var(--ag-z-toast)}.ag-toast.is-positioned{padding:11px 14px;background-color:var(--ag-toast-positioned-background-primary);border:1px solid var(--ag-toast-positioned-border-default);color:var(--ag-toast-positioned-text-primary);font-size:12px;box-shadow:0 12px 32px var(--ag-toast-positioned-shadow-heavy);animation:ag-toast-slide var(--ag-transition-toast-positioned)}.ag-toast.is-color{font-family:var(--ag-font-mono);font-size:13px;border:1px solid transparent;box-shadow:0 8px 32px var(--ag-palette-color-shadow-hover)}.ag-toast-action{padding:4px 12px;margin-left:4px;background-color:var(--ag-toast-action-background-default);border:none;border-radius:var(--ag-radius-sm);color:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background-color var(--ag-transition)}.ag-toast-action:hover{background-color:var(--ag-toast-action-background-hover)}.ag-toast-action:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ag-btn-focus-ring-border-accent)}.ag-toast.has-action{overflow:hidden}.ag-toast.has-action:after{content:"";position:absolute;bottom:0;left:0;height:2px;background-color:currentColor;opacity:.3;animation:ag-toast-countdown 4s linear forwards}.ag-toast-swatch{width:16px;height:16px;border-radius:4px;flex-shrink:0}@keyframes ag-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes ag-toast-slide{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes ag-toast-countdown{0%{width:100%}to{width:0%}}.ag-boundary-control{display:flex;gap:16px}.ag-boundary-slider-group{display:flex;flex-direction:column;gap:6px;flex:1}.ag-boundary-slider-group .ag-slider{direction:rtl}.ag-boundary-slider-group:last-child{align-items:flex-end}.ag-boundary-label{font-size:12px;color:var(--ag-boundary-label-text-secondary);font-family:var(--ag-font-mono)}.ag-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.ag-toggle input{display:none}.ag-toggle-slider{position:relative;width:40px;height:22px;background-color:var(--ag-toggle-slider-background-tertiary);border:1px solid var(--ag-toggle-slider-border-default);border-radius:11px;transition:all var(--ag-transition);flex-shrink:0}.ag-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:var(--ag-toggle-slider-knob-background-muted);border-radius:50%;transition:all var(--ag-transition)}.ag-toggle input:checked+.ag-toggle-slider{background-color:var(--ag-toggle-slider-background-active-accent);border-color:var(--ag-toggle-slider-border-active-accent)}.ag-toggle input:checked+.ag-toggle-slider:after{left:20px;background-color:var(--ag-toggle-slider-knob-background-active-accent)}.ag-toggle-label{font-size:13px;color:var(--ag-toggle-label-text-secondary)}.ag-toggle.mod-small{gap:8px}.ag-toggle.mod-small .ag-toggle-slider{width:32px;height:18px;border-radius:9px}.ag-toggle.mod-small .ag-toggle-slider:after{top:2px;left:2px;width:12px;height:12px}.ag-toggle.mod-small input:checked+.ag-toggle-slider:after{left:16px}.ag-toggle.mod-small .ag-toggle-label{font-size:12px}.ag-toggle:hover .ag-toggle-slider{border-color:var(--ag-toggle-slider-knob-background-muted)}.ag-toggle:hover .ag-toggle-label{color:var(--ag-body-text-primary)}.ag-toggle:active .ag-toggle-slider{transform:scale(.95)}.ag-toggle:focus-within .ag-toggle-slider{box-shadow:0 0 0 2px var(--ag-toggle-focus-ring-background-secondary),0 0 0 4px var(--ag-toggle-focus-ring-border-accent)}.ag-toggle.is-disabled{opacity:.5;cursor:not-allowed}.ag-toggle.is-disabled:hover .ag-toggle-slider{border-color:var(--ag-toggle-slider-border-default)}.ag-toggle.is-disabled:hover .ag-toggle-label{color:var(--ag-toggle-label-text-secondary)}.ag-toggle.is-disabled:active .ag-toggle-slider{transform:none}.ag-contrast-options{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:12px;background-color:var(--ag-contrast-options-background-tertiary);border-radius:var(--ag-radius-md)}.ag-radio{display:flex;align-items:center;gap:11px;cursor:pointer}.ag-radio input{display:none}.ag-radio-indicator{position:relative;width:18px;height:18px;border:2px solid var(--ag-radio-indicator-border-default);border-radius:50%;transition:all var(--ag-transition)}.ag-radio-indicator:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background-color:transparent;border-radius:50%;transform:translate(-50%,-50%);transition:all var(--ag-transition)}.ag-radio input:checked+.ag-radio-indicator{border-color:var(--ag-radio-indicator-border-checked-accent)}.ag-radio input:checked+.ag-radio-indicator:after{background-color:var(--ag-radio-indicator-dot-background-checked-accent)}.ag-radio:hover .ag-radio-indicator{border-color:var(--ag-radio-indicator-border-checked-accent)}.ag-radio:hover .ag-radio-label{color:var(--ag-body-text-primary)}.ag-radio:active .ag-radio-indicator{transform:scale(.9)}.ag-radio:focus-within .ag-radio-indicator{box-shadow:0 0 0 2px var(--ag-toggle-focus-ring-background-secondary),0 0 0 4px var(--ag-toggle-focus-ring-border-accent)}.ag-radio-label{font-size:13px;color:var(--ag-radio-label-text-secondary)}.ag-tooltip-wrapper{position:relative;display:flex;align-items:center;gap:8px}.ag-tooltip-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;border-radius:50%;background-color:var(--ag-tooltip-icon-background-default);color:var(--ag-tooltip-icon-text-muted);font-size:11px;font-weight:700;cursor:help;flex-shrink:0;outline:none;font-family:inherit;line-height:1}.ag-tooltip-icon:hover,.ag-tooltip-icon:focus{background-color:var(--ag-tooltip-icon-background-hover-accent);color:var(--ag-tooltip-icon-text-hover-accent)}.ag-tooltip-icon:focus-visible{box-shadow:0 0 0 2px var(--ag-tooltip-icon-focus-ring-background-secondary),0 0 0 4px var(--ag-tooltip-icon-focus-ring-border-accent)}.ag-tooltip-content{position:fixed;padding:12px 20px;background-color:var(--ag-tooltip-content-background-primary);border:1px solid var(--ag-tooltip-content-border-default);border-radius:var(--ag-radius-md);font-size:13px;line-height:1.5;width:420px;box-shadow:0 12px 32px var(--ag-tooltip-content-shadow-heavy);z-index:var(--ag-z-tooltip)}.ag-tooltip-title{font-weight:600;color:var(--ag-tooltip-title-text-primary);margin-bottom:6px}.ag-tooltip-ratios{font-family:var(--ag-font-mono);font-size:12px;color:var(--ag-tooltip-ratios-text-accent);margin-bottom:11px;line-height:1.6}.ag-tooltip-desc{color:var(--ag-tooltip-desc-text-muted);font-size:12px;white-space:pre-line;line-height:1.6}.ag-tooltip-link{display:inline-block;margin-top:12px;padding-top:11px;border-top:1px solid var(--ag-tooltip-link-border-default);font-size:12px;font-weight:500;color:var(--ag-tooltip-link-text-accent);text-decoration:none;width:100%}.ag-tooltip-link:hover{color:var(--ag-tooltip-link-text-hover-accent)}.ag-tooltip-link:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ag-btn-focus-ring-border-accent);border-radius:var(--ag-radius-sm)}.ag-palette-color-wrapper{display:flex;align-items:stretch;gap:4px;flex:1}.ag-palette-color-wrapper .ag-palette-color{flex:1}.ag-palette-color-p3-indicator{position:absolute;top:6px;right:6px;width:6px;height:6px;background-color:var(--ag-palette-color-p3-indicator-background-dark);border-radius:50%;box-shadow:0 1px 3px var(--ag-palette-color-p3-indicator-shadow)}.ag-palette-color.is-light .ag-palette-color-p3-indicator{background-color:var(--ag-palette-color-p3-indicator-background-light)}.ag-gamut-panel{position:relative;width:0;min-width:0;background-color:var(--ag-gamut-panel-background-secondary);border-left:1px solid var(--ag-gamut-panel-border-default);display:flex;flex-direction:column;overflow:hidden;transition:width var(--ag-transition-panel-resize),min-width var(--ag-transition-panel-resize);flex-shrink:0}.ag-gamut-panel.is-open{width:45vw;min-width:25vw;max-width:70vw}.ag-gamut-panel.is-resizing{transition:none}.ag-gamut-panel-resize-handle{position:absolute;left:0;top:0;bottom:0;width:8px;cursor:col-resize;z-index:var(--ag-z-local-top);flex-shrink:0}.ag-gamut-panel-resize-handle:hover{background-color:var(--ag-overlay-hover)}.ag-gamut-panel-resize-handle:active{background-color:var(--ag-overlay-active)}.ag-gamut-panel-resize-handle:focus-visible{outline:none;background-color:var(--ag-overlay-active);box-shadow:inset 2px 0 0 0 var(--ag-btn-focus-ring-border-accent)}.ag-gamut-panel-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:transparent;border:none;border-radius:var(--ag-radius-sm);color:var(--ag-gamut-panel-close-text-muted);cursor:pointer;transition:all var(--ag-transition);flex-shrink:0}.ag-gamut-panel-close:hover{background-color:var(--ag-gamut-panel-close-background-hover-tertiary);color:var(--ag-gamut-panel-close-text-hover-primary)}.ag-gamut-panel-close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ag-gamut-panel-close-focus-ring-background-secondary),0 0 0 4px var(--ag-gamut-panel-close-focus-ring-border-accent)}.ag-gamut-panel-body{flex:1;display:flex;flex-direction:column;padding:16px;overflow-y:auto;min-height:0}.ag-gamut-hue-row{display:flex;align-items:center;gap:8px;margin-top:16px;margin-bottom:0;flex-shrink:0}.ag-gamut-hue-label{width:76px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ag-gamut-hue-label-text-secondary);flex-shrink:0}.ag-gamut-hue-slider{position:relative;flex:1;height:24px;border-radius:6px;overflow:hidden}.ag-gamut-hue-canvas{display:block;border-radius:6px}.ag-gamut-hue-input-wrap{position:relative;display:flex;align-items:center;flex-shrink:0}.ag-gamut-hue-input{width:76px;height:24px;margin:0;padding:0 18px 0 6px;border:1px solid var(--ag-gamut-hue-input-border-default);border-radius:var(--ag-radius-sm);background-color:var(--ag-gamut-hue-input-background-secondary);color:var(--ag-gamut-hue-input-text-primary);font-family:var(--ag-font-mono);font-size:12px;text-align:right;line-height:22px}.ag-gamut-hue-input:focus{outline:none;border-color:var(--ag-gamut-hue-input-border-focus-accent)}.ag-gamut-hue-input::-webkit-inner-spin-button,.ag-gamut-hue-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ag-gamut-hue-input{-moz-appearance:textfield;appearance:textfield}.ag-gamut-hue-unit{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--ag-gamut-hue-unit-text-secondary);pointer-events:none}.ag-gamut-tilt-row{display:flex;align-items:center;gap:8px;margin-top:16px;margin-bottom:16px;flex-shrink:0}.ag-gamut-tilt-label{width:76px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ag-gamut-hue-label-text-secondary);flex-shrink:0;white-space:nowrap}.ag-gamut-tilt-label:last-child{text-align:right}.ag-gamut-tilt-label--has-tooltip{text-decoration:underline dashed;text-underline-offset:3px;text-decoration-color:var(--ag-gamut-hue-label-text-secondary);cursor:help}.ag-gamut-tilt-slider-wrap{position:relative;flex:1;height:24px;border-radius:6px;overflow:hidden}.ag-gamut-tilt-strip{display:block;width:100%;height:100%;border-radius:6px}.ag-gamut-tilt-input-wrap{position:relative;display:flex;align-items:center;flex-shrink:0}.ag-gamut-tilt-input{width:52px;height:24px;margin:0;padding:0 16px 0 6px;border:1px solid var(--ag-gamut-hue-input-border-default);border-radius:var(--ag-radius-sm);background-color:var(--ag-gamut-hue-input-background-secondary);color:var(--ag-gamut-hue-input-text-primary);font-family:var(--ag-font-mono);font-size:12px;text-align:right;line-height:22px}.ag-gamut-tilt-input:focus{outline:none;border-color:var(--ag-gamut-hue-input-border-focus-accent)}.ag-gamut-tilt-input::-webkit-inner-spin-button,.ag-gamut-tilt-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ag-gamut-tilt-input{-moz-appearance:textfield;appearance:textfield}.ag-gamut-tilt-unit{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--ag-gamut-hue-unit-text-secondary);pointer-events:none}.ag-gamut-visualization{position:relative;width:100%;height:0;padding-bottom:40%;flex-shrink:0;flex-grow:0;background-color:var(--ag-gamut-visualization-background-primary);border-radius:var(--ag-radius-md);overflow:hidden}.ag-gamut-visualization .ag-gamut-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.ag-gamut-fab{position:fixed;bottom:24px;right:24px;z-index:var(--ag-z-fab);display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--ag-radius-md);border:1px solid var(--ag-btn-border-default);background-color:var(--ag-btn-background-tertiary);color:var(--ag-btn-text-primary);font-family:var(--ag-font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:background-color var(--ag-transition),border-color var(--ag-transition),color var(--ag-transition);box-shadow:0 4px 20px #0006}.ag-gamut-fab-icon{flex-shrink:0}.ag-gamut-fab:hover{background-color:var(--ag-btn-background-hover);border-color:var(--ag-btn-border-hover-muted)}.ag-gamut-fab:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ag-btn-focus-ring-background-secondary),0 0 0 4px var(--ag-btn-focus-ring-border-accent)}.ag-gamut-loading{position:absolute;top:8px;right:8px;z-index:var(--ag-z-gamut-overlay);display:flex;align-items:center;justify-content:center;pointer-events:none}.ag-gamut-loading-spinner{animation:ag-spin .8s linear infinite}@keyframes ag-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ag-gamut-canvas{display:block}.ag-gamut-panel-header-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-shrink:0}.ag-gamut-preset-wrap{flex:1;min-width:0;display:flex}.ag-gamut-preset-toggle{flex-shrink:0}.ag-gamut-selected-info{padding:12px;background-color:var(--ag-gamut-selected-info-background-tertiary);border-radius:var(--ag-radius-sm);margin-top:12px}.ag-gamut-selected-header{display:flex;align-items:center;gap:8px;margin-bottom:11px}.ag-gamut-selected-step{font-size:12px;font-weight:600;color:var(--ag-gamut-selected-step-text-primary)}.ag-gamut-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase}.ag-gamut-badge.is-srgb{background-color:var(--ag-gamut-badge-srgb-background);color:var(--ag-gamut-badge-srgb-text)}.ag-gamut-badge.is-p3{background-color:var(--ag-gamut-badge-p3-background);color:var(--ag-gamut-badge-p3-text)}.ag-gamut-badge.is-out{background-color:var(--ag-gamut-badge-out-background);color:var(--ag-gamut-badge-out-text)}.ag-gamut-selected-formats{display:flex;flex-direction:column;gap:6px}.ag-gamut-format-section{font-size:11px;font-weight:600;color:var(--ag-gamut-format-section-text-primary);text-transform:uppercase;letter-spacing:.5px;padding:4px 0 2px;margin-top:4px}.ag-gamut-format-section:first-child{margin-top:0}.ag-gamut-format-row{display:flex;align-items:center;gap:8px}.ag-gamut-format-label{width:160px;font-size:12px;color:var(--ag-gamut-format-label-text-muted);flex-shrink:0}.ag-gamut-format-label strong{font-weight:600;color:var(--ag-gamut-format-label-strong-text-secondary);text-transform:uppercase;margin-right:4px}.ag-gamut-format-value{font-size:11px;font-family:var(--ag-font-mono);color:var(--ag-gamut-format-value-text-secondary);flex:1;min-width:0;word-break:break-all}.ag-gamut-format-code{padding:0;background-color:transparent;background-image:none;border:none;border-radius:var(--ag-radius-sm);font-size:12px;line-height:24px}input.ag-gamut-format-code.is-editable{width:100%;height:24px;margin:0;padding:0 8px;background-color:var(--ag-gamut-format-code-background-primary);border:1px solid var(--ag-gamut-format-code-border-default);outline:none;cursor:text;line-height:22px;transition:border-color var(--ag-transition)}input.ag-gamut-format-code.is-editable:hover{border-color:var(--ag-gamut-format-code-border-hover-muted)}input.ag-gamut-format-code.is-editable:focus{border-color:var(--ag-gamut-format-code-border-focus-accent);color:var(--ag-gamut-format-code-text-focus-primary)}.ag-gamut-format-label.ag-p3-label strong{color:var(--ag-gamut-format-p3-label-strong-text-warning)}.ag-gamut-format-divider{font-size:10px;font-weight:600;color:var(--ag-gamut-format-divider-text-muted);text-transform:uppercase;padding:11px 0 4px;margin-top:6px;border-top:1px solid var(--ag-gamut-format-divider-border-default)}.ag-contrast-section{display:flex;flex-direction:column;justify-content:center;gap:4px;flex:0 1 140px;min-width:0;opacity:.45;transition:opacity var(--ag-transition)}.ag-palette-color-wrapper:hover .ag-contrast-section{opacity:1}.ag-contrast-apca-pair{display:flex;flex-direction:column;gap:2px}.ag-contrast-apca-swatch{display:flex;align-items:center;justify-content:center;gap:4px;padding:3px 8px;border-radius:var(--ag-radius-sm);font-size:10px;font-weight:500;font-family:var(--ag-font-mono);border:none;cursor:default;white-space:nowrap}.ag-contrast-apca-swatch.is-empty{background-color:var(--ag-contrast-preview-sample-empty-background-tertiary);color:var(--ag-contrast-preview-label-fail-text-danger);border:1px dashed var(--ag-contrast-preview-sample-border-default)}.ag-contrast-preview{display:flex;align-items:center;gap:4px}.ag-contrast-preview-sample{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--ag-radius-sm);font-size:12px;font-weight:600;border:none;flex-shrink:0}.ag-contrast-preview-sample.is-empty{background-color:var(--ag-contrast-preview-sample-empty-background-tertiary);color:var(--ag-contrast-preview-sample-empty-text-muted);font-size:11px}.ag-contrast-preview-hex{font-size:10px;font-family:var(--ag-font-mono);color:var(--ag-contrast-preview-hex-text-muted);min-width:52px}.ag-contrast-preview-label{font-size:10px;font-family:var(--ag-font-mono);font-weight:500;white-space:nowrap}.ag-contrast-preview-label.is-pass{color:var(--ag-contrast-preview-label-pass-text-success)}.ag-contrast-preview-label.is-fail{color:var(--ag-contrast-preview-label-fail-text-danger)}.ag-contrast-swatch{display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:var(--ag-radius-sm);min-width:80px}.ag-contrast-swatch.is-empty{background-color:var(--ag-contrast-swatch-empty-background-tertiary)}.ag-contrast-swatch-no-match{font-size:11px;color:var(--ag-contrast-swatch-no-match-text-muted)}.ag-contrast-status{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px 8px;border-radius:var(--ag-radius-sm);flex:1;background-color:var(--ag-contrast-status-background-tertiary)}.ag-contrast-status.is-empty{background-color:transparent}.ag-contrast-status-badge{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;font-family:var(--ag-font-mono);padding:1px 0;color:var(--ag-contrast-status-badge-text-secondary)}.ag-contrast-status-result{font-size:10px;font-weight:600;font-family:var(--ag-font-mono)}.ag-contrast-status-badge.is-pass .ag-contrast-status-result{color:var(--ag-contrast-status-result-pass-text-success)}.ag-contrast-status-badge.is-fail .ag-contrast-status-result{color:var(--ag-contrast-status-result-fail-text-danger)}.ag-contrast-grid-panel{position:relative;width:0;min-width:0;background-color:var(--ag-gamut-panel-background-secondary);border-left:1px solid var(--ag-gamut-panel-border-default);display:flex;flex-direction:column;overflow:hidden;transition:width var(--ag-transition-panel-resize),min-width var(--ag-transition-panel-resize);flex-shrink:0}.ag-contrast-grid-panel.is-open{width:50vw;min-width:30vw;max-width:75vw}.ag-contrast-grid-panel.is-resizing{transition:none}.ag-contrast-grid-panel-resize-handle{position:absolute;left:0;top:0;bottom:0;width:8px;cursor:col-resize;z-index:var(--ag-z-local-top);flex-shrink:0}.ag-contrast-grid-panel-resize-handle:hover{background-color:var(--ag-overlay-hover)}.ag-contrast-grid-panel-resize-handle:active{background-color:var(--ag-overlay-active)}.ag-contrast-grid-panel-resize-handle:focus-visible{outline:none;background-color:var(--ag-overlay-active);box-shadow:inset 2px 0 0 0 var(--ag-btn-focus-ring-border-accent)}.ag-contrast-grid-panel-body{flex:1;display:flex;flex-direction:column;padding:16px;overflow:hidden;min-height:0}.ag-contrast-grid-panel-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-shrink:0;flex-wrap:wrap}.ag-contrast-grid-panel-header-left{display:flex;align-items:center;gap:8px}.ag-contrast-grid-panel-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ag-gamut-hue-label-text-secondary)}.ag-contrast-grid-panel-summary{font-size:11px;font-family:var(--ag-font-mono);color:var(--ag-contrast-preview-hex-text-muted);margin-left:auto}.ag-contrast-grid-panel-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:transparent;border:none;border-radius:var(--ag-radius-sm);color:var(--ag-gamut-panel-close-text-muted);cursor:pointer;transition:all var(--ag-transition);flex-shrink:0}.ag-contrast-grid-panel-close:hover{background-color:var(--ag-gamut-panel-close-background-hover-tertiary);color:var(--ag-gamut-panel-close-text-hover-primary)}.ag-contrast-grid-panel-close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ag-gamut-panel-close-focus-ring-background-secondary),0 0 0 4px var(--ag-gamut-panel-close-focus-ring-border-accent)}.ag-contrast-grid-flip-btn{display:flex;align-items:center;justify-content:center;width:28px;height:24px;background-color:transparent;border:1px solid var(--ag-palette-gamut-btn-border-default);border-radius:var(--ag-radius-sm);color:var(--ag-palette-gamut-btn-text-muted);cursor:pointer;transition:all var(--ag-transition);flex-shrink:0}.ag-contrast-grid-flip-btn:hover{background-color:var(--ag-palette-gamut-btn-background-hover-accent);border-color:var(--ag-palette-gamut-btn-border-hover-accent);color:var(--ag-palette-gamut-btn-text-hover-accent)}.ag-contrast-grid-flip-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ag-gamut-panel-close-focus-ring-background-secondary),0 0 0 4px var(--ag-gamut-panel-close-focus-ring-border-accent)}.ag-contrast-grid-flip-btn.is-flipped{background-color:var(--ag-palette-gamut-btn-background-hover-accent);border-color:var(--ag-palette-gamut-btn-border-hover-accent);color:var(--ag-palette-gamut-btn-text-hover-accent)}.ag-contrast-grid-table-wrap{flex:1;overflow:auto;min-height:0}.ag-contrast-grid-table{border-collapse:collapse;min-width:100%;min-height:100%;table-layout:fixed}.ag-contrast-grid-table th,.ag-contrast-grid-table td{border:1px solid var(--ag-border-subtle)}.ag-contrast-grid-corner{position:sticky;top:0;left:0;z-index:var(--ag-z-table-corner);background-color:var(--ag-gamut-panel-background-secondary);padding:8px;width:88px;vertical-align:bottom}.ag-contrast-grid-corner-label{display:block;font-size:10px;font-weight:600;color:var(--ag-gamut-hue-label-text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.6;line-height:1.5}.ag-contrast-grid-corner .ag-contrast-grid-flip-btn{margin-top:4px;width:100%;height:20px}.ag-contrast-grid-col-header{position:sticky;top:0;z-index:var(--ag-z-table-header);background-color:var(--ag-gamut-panel-background-secondary);padding:8px 6px;vertical-align:bottom;text-align:center}.ag-contrast-grid-col-header .ag-contrast-grid-header-swatch{display:block;width:20px;height:20px;border-radius:50%;border:1px solid var(--ag-border-subtle-strong);margin:0 auto 4px}.ag-contrast-grid-col-header .ag-contrast-grid-header-step{display:block;font-size:11px;font-weight:600;color:var(--ag-gamut-selected-step-text-primary);line-height:1.3}.ag-contrast-grid-col-header .ag-contrast-grid-header-hex{display:block;font-size:10px;font-family:var(--ag-font-mono);color:var(--ag-contrast-preview-hex-text-muted);line-height:1.3}.ag-contrast-grid-row-header{position:sticky;left:0;z-index:var(--ag-z-table-header);background-color:var(--ag-gamut-panel-background-secondary);padding:6px 10px;text-align:left;white-space:nowrap}.ag-contrast-grid-row-header .ag-contrast-grid-header-swatch{display:inline-block;width:20px;height:20px;border-radius:50%;border:1px solid var(--ag-border-subtle-strong);vertical-align:middle;flex-shrink:0}.ag-contrast-grid-row-header-text{display:inline-block;vertical-align:middle;margin-left:8px}.ag-contrast-grid-row-header-text .ag-contrast-grid-header-step{font-size:11px;font-weight:600;color:var(--ag-gamut-selected-step-text-primary)}.ag-contrast-grid-row-header-text .ag-contrast-grid-header-hex{font-size:10px;font-family:var(--ag-font-mono);color:var(--ag-contrast-preview-hex-text-muted);margin-left:4px}.ag-contrast-grid-cell{min-height:40px;padding:0;position:relative}.ag-contrast-grid-cell:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ag-btn-focus-ring-border-accent)}.ag-contrast-grid-cell:focus{outline:none}.ag-contrast-grid-cell.is-same{background-color:var(--ag-gamut-panel-background-secondary)}.ag-contrast-grid-cell.is-fail{opacity:.1}.ag-contrast-grid-cell.is-fail:hover{filter:none;opacity:1}.ag-contrast-grid-cell-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;padding:6px 4px}.ag-contrast-grid-cell-dash{font-size:16px;color:var(--ag-gamut-hue-label-text-secondary);opacity:.2;line-height:2.5}.ag-contrast-grid-cell-sample{font-size:18px;font-weight:700;line-height:1}.ag-contrast-grid-cell-ratio{font-size:10px;font-family:var(--ag-font-mono);line-height:1;opacity:.9}.ag-palette-contrast-grid-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:var(--ag-palette-gamut-btn-background-tertiary);border:1px solid var(--ag-palette-gamut-btn-border-default);border-radius:var(--ag-radius-sm);color:var(--ag-palette-gamut-btn-text-muted);cursor:pointer;transition:all var(--ag-transition);flex-shrink:0}.ag-palette-contrast-grid-btn:hover{background-color:var(--ag-palette-gamut-btn-background-hover-accent);border-color:var(--ag-palette-gamut-btn-border-hover-accent);color:var(--ag-palette-gamut-btn-text-hover-accent)}.ag-palette-contrast-grid-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ag-palette-delete-focus-ring-background-secondary),0 0 0 4px var(--ag-palette-delete-focus-ring-border-danger)}.ag-palette-contrast-grid-btn.is-active{background-color:var(--ag-palette-gamut-btn-background-hover-accent);border-color:var(--ag-palette-gamut-btn-border-hover-accent);color:var(--ag-palette-gamut-btn-text-hover-accent)}@media(max-width:1024px){.ag-main{grid-template-columns:240px 56px 1fr}.ag-sidebar,.ag-content{padding:16px}.ag-contrast-section{flex-basis:120px}.ag-contrast-swatch{min-width:60px}}@media(max-width:768px){.ag-header{flex-wrap:wrap;gap:12px;padding:12px 16px}.ag-header-left{flex-direction:column;align-items:stretch;gap:12px}.ag-header-logo{gap:8px;width:auto}.ag-header-logo svg:first-child{width:24px;height:24px}.ag-header-logo svg:last-child{height:16px}.ag-header-actions{gap:4px;flex-wrap:wrap}.ag-btn.mod-small{padding:6px 11px;font-size:12px}.ag-cvd-select{font-size:11px;padding:4px 24px 4px 6px}.ag-main{grid-template-columns:1fr;min-height:calc(100vh - 50px)}.ag-color-nav{display:none}.ag-sidebar{border-right:none;border-bottom:1px solid var(--ag-sidebar-border-default);max-height:50vh;padding:16px;overflow-y:auto}.ag-content{padding:16px;min-height:50vh}.ag-content-wrapper{flex-direction:column}.ag-palette{padding:8px}.ag-palette-color{height:44px;padding:0 12px}.ag-palette-color:hover,.ag-palette-color:focus{transform:none;box-shadow:none}.ag-contrast-section{flex-basis:110px}.ag-contrast-swatch{min-width:50px;padding:6px 8px}.ag-export-modal-content{max-width:100%;max-height:100%;height:100%;border-radius:0}.ag-export-modal-options{flex-wrap:wrap}.ag-export-modal-header{padding:16px}.ag-export-modal-footer{flex-wrap:wrap;padding:16px}.ag-color-picker-preview{height:80px}.ag-palette-delete{opacity:1}.ag-gamut-panel.is-open{width:100%;min-width:100%;max-width:100%;position:fixed;inset:0;z-index:var(--ag-z-panel-mobile)}.ag-gamut-panel-resize-handle{display:none}.ag-contrast-grid-panel.is-open{width:100%;min-width:100%;max-width:100%;position:fixed;inset:0;z-index:var(--ag-z-panel-mobile)}.ag-contrast-grid-panel-resize-handle{display:none}.ag-oklch-panel{width:100%;max-width:100%}.ag-tooltip-content{width:calc(100vw - 32px);max-width:320px}}@media(max-width:480px){.ag-header{padding:11px 12px}.ag-header-logo svg:last-child{height:14px}.ag-sidebar{padding:12px;gap:16px}.ag-content{padding:12px;gap:12px}.ag-section{gap:11px}.ag-buttons-toggle{flex-wrap:wrap}.ag-buttons-toggle-btn{height:24px;padding:0 6px;font-size:11px;line-height:24px}.ag-palette-color{height:40px}.ag-palette-color-step{font-size:12px}.ag-palette-color-hex{font-size:11px}.ag-contrast-section{flex-basis:100px}.ag-contrast-swatch{min-width:40px}.ag-export-modal-options{flex-wrap:wrap;justify-content:center}.ag-export-modal-body{padding:16px}.ag-export-modal-code{font-size:11px;padding:12px}.ag-gamut-panel-body{padding:12px}.ag-gamut-hue-row{flex-wrap:wrap;gap:8px}.ag-gamut-hue-input{width:60px}}.ag-shortcuts-list{display:flex;flex-direction:column;gap:4px}.ag-shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--ag-shortcut-row-border-default);font-size:13px;color:var(--ag-shortcut-row-text-secondary)}.ag-shortcut-row:last-child{border-bottom:none}.ag-shortcut-row kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;background-color:var(--ag-shortcut-row-kbd-background-tertiary);border:1px solid var(--ag-shortcut-row-kbd-border-default);border-radius:var(--ag-radius-sm);font-family:var(--ag-font-sans);font-size:12px;font-weight:600;color:var(--ag-shortcut-row-kbd-text-primary)}.ag-error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--ag-error-boundary-background-primary);color:var(--ag-error-boundary-text-primary);padding:2rem}.ag-error-boundary-content{text-align:center;max-width:480px}.ag-error-boundary-title{margin:0 0 .75rem;font-size:1.5rem;font-weight:600}.ag-error-boundary-message{margin:0 0 1.5rem;color:var(--ag-error-boundary-message-text-secondary);line-height:1.5}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}