/*! Generated by tools/build-site-css.mjs. Do not edit directly. */
@font-face{font-family:Hue Codex IBM Plex Sans;font-style:normal;font-weight:400;font-display:optional;src:url(/assets/fonts/ibm-plex/IBMPlexSans-Regular-Latin1.woff2)format("woff2");unicode-range:U+0,U+D,U+20-7E,U+A0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2039-203A,U+2044,U+20AC,U+2122,U+2212,U+FB01-FB02}@font-face{font-family:Hue Codex IBM Plex Sans;font-style:normal;font-weight:500;font-display:optional;src:url(/assets/fonts/ibm-plex/IBMPlexSans-Medium-Latin1.woff2)format("woff2");unicode-range:U+0,U+D,U+20-7E,U+A0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2039-203A,U+2044,U+20AC,U+2122,U+2212,U+FB01-FB02}@font-face{font-family:Hue Codex IBM Plex Sans;font-style:normal;font-weight:600;font-display:optional;src:url(/assets/fonts/ibm-plex/IBMPlexSans-SemiBold-Latin1.woff2)format("woff2");unicode-range:U+0,U+D,U+20-7E,U+A0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2039-203A,U+2044,U+20AC,U+2122,U+2212,U+FB01-FB02}@font-face{font-family:Hue Codex IBM Plex Sans;font-style:normal;font-weight:700;font-display:optional;src:url(/assets/fonts/ibm-plex/IBMPlexSans-Bold-Latin1.woff2)format("woff2");unicode-range:U+0,U+D,U+20-7E,U+A0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2039-203A,U+2044,U+20AC,U+2122,U+2212,U+FB01-FB02}@font-face{font-family:Hue Codex IBM Plex Mono;font-style:normal;font-weight:400;font-display:optional;src:url(/assets/fonts/ibm-plex/IBMPlexMono-Regular-Latin1.woff2)format("woff2");unicode-range:U+20-7E,U+A0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2039-203A,U+2044,U+20AC,U+2122,U+2212,U+FB01-FB02}@font-face{font-family:Hue Codex IBM Plex Mono;font-style:normal;font-weight:500;font-display:optional;src:url(/assets/fonts/ibm-plex/IBMPlexMono-Medium-Latin1.woff2)format("woff2");unicode-range:U+20-7E,U+A0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2039-203A,U+2044,U+20AC,U+2122,U+2212,U+FB01-FB02}@font-face{font-family:IBM Plex Sans Metric Fallback;font-style:normal;font-weight:400;src:local(Arial),local(Liberation Sans),local(Arimo);size-adjust:100.439%;ascent-override:102.052%;descent-override:27.3798%;line-gap-override:0%}@font-face{font-family:IBM Plex Sans Metric Fallback;font-style:normal;font-weight:500;src:local(Arial),local(Liberation Sans),local(Arimo);size-adjust:102.062%;ascent-override:100.429%;descent-override:26.9444%;line-gap-override:0%}@font-face{font-family:IBM Plex Sans Metric Fallback;font-style:normal;font-weight:600;src:local(Arial Bold),local(Liberation Sans Bold),local(Arimo Bold);size-adjust:96.435%;ascent-override:106.289%;descent-override:28.5166%;line-gap-override:0%}@font-face{font-family:IBM Plex Sans Metric Fallback;font-style:normal;font-weight:700;src:local(Arial Bold),local(Liberation Sans Bold),local(Arimo Bold);size-adjust:97.889%;ascent-override:104.71%;descent-override:28.093%;line-gap-override:0%}@font-face{font-family:IBM Plex Mono Metric Fallback;font-style:normal;font-weight:400;src:local(Courier New),local(Liberation Mono),local(Nimbus Mono PS);size-adjust:99.984%;ascent-override:102.516%;descent-override:27.5044%;line-gap-override:0%}@font-face{font-family:IBM Plex Mono Metric Fallback;font-style:normal;font-weight:500;src:local(Courier New),local(Liberation Mono),local(Nimbus Mono PS);size-adjust:99.984%;ascent-override:102.516%;descent-override:27.5044%;line-gap-override:0%}:root{--font-ui:"Hue Codex IBM Plex Sans", "IBM Plex Sans Metric Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-code:"Hue Codex IBM Plex Mono", "IBM Plex Mono Metric Fallback", ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-weight-body:400;--font-weight-navigation:500;--font-weight-action:500;--font-weight-label:500;--font-weight-card-title:600;--font-weight-heading:600;--font-weight-site-title:700;--font-weight-technical-inline:500;--font-weight-code:400;--font-size-body:1rem;--font-size-label:.875rem;--font-size-helper:.875rem;--font-size-caption:.875rem;--font-size-table:.9375rem;--font-size-code:.875rem;--font-size-heading-display:clamp(2.75rem, 2.1rem + 3.25vw, 5.8rem);--font-size-heading-page:clamp(2rem, 1.7rem + 2.25vw, 4.1rem);--font-size-heading-section:clamp(1.55rem, 1.45rem + 1.3vw, 2.75rem);--font-size-heading-3:clamp(1.25rem, 1.16rem + .45vw, 1.625rem);--font-size-heading-4:clamp(1.0625rem, 1.02rem + .2vw, 1.25rem);--font-size-heading-5:1rem;--font-size-heading-6:.875rem;--line-height-body:1.55;--line-height-label:1.4;--line-height-helper:1.5;--line-height-caption:1.5;--line-height-table:1.5;--line-height-code:1.55;--line-height-heading:1.15;--line-height-heading-display:1.02;--line-height-heading-page:1.05;--line-height-heading-section:1.1;--letter-spacing-heading:-.025em;--font-size-prose:clamp(1rem, .96rem + .25vw, 1.125rem);--line-height-prose:1.7;--measure-prose:67ch;--space-flow-text:1em;--space-flow-heading:.65em;--space-guide-section-heading:clamp(3.5rem, 3.375rem + .4vw, 3.9375rem)}html,body{font-family:var(--font-ui);font-synthesis:none}body{font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body)}:where(p,ul,ol,dl,blockquote,figure,pre,table){margin-block:0 var(--space-flow-text)}:where(p,li,dt,dd,blockquote){line-height:var(--line-height-body);overflow-wrap:anywhere;white-space:normal;word-break:normal}:where(ul,ol){padding-inline-start:1.5em}:where(dd){margin-inline-start:0}strong,b{font-weight:var(--font-weight-site-title)}.brand-lockup{color:inherit;column-gap:.5rem;text-decoration:none}.brand-mark-picture{flex:none;block-size:44px;inline-size:44px}.brand-lockup .brand-mark-picture img{object-fit:contain;block-size:44px;inline-size:44px}.brand-wordmark{color:inherit;white-space:nowrap;align-items:baseline;gap:.2em;font-size:1.25rem;line-height:1;display:inline-flex}.brand-wordmark-hue,.brand-wordmark-codex{letter-spacing:-.035em}.brand-wordmark-hue{font-family:var(--font-ui);font-weight:var(--font-weight-site-title)}.brand-wordmark-codex{font-family:var(--font-code);font-weight:var(--font-weight-technical-inline)}button,input,optgroup,select,textarea{font-family:inherit}nav a,[role=navigation] a{font-weight:var(--font-weight-navigation)!important}button,summary,input:is([type=button],[type=reset],[type=submit]),input[type=file]::file-selector-button,.button,.small-button,.icon-button,[role=button]{font-weight:var(--font-weight-action)!important}:is(button,.button,.small-button,.icon-button,[role=button]) :is(span,strong){font-weight:var(--font-weight-action)!important}label,legend,optgroup,.stacked-label,.picker-task-label{font-size:var(--font-size-label);line-height:var(--line-height-label);overflow-wrap:anywhere;white-space:normal;word-break:normal;font-weight:var(--font-weight-label)!important}input:not([type=button]):not([type=reset]):not([type=submit]):not(.font-technical):not(.color-text-input),option,select,textarea{font-weight:var(--font-weight-body)!important}h1,h2,h3,h4,h5,h6{max-inline-size:100%;margin-block:0 var(--space-flow-heading);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);overflow-wrap:anywhere;white-space:normal;word-break:normal;font-weight:var(--font-weight-heading)!important}h1{font-size:var(--font-size-heading-page)}h2{font-size:var(--font-size-heading-section)}h3{font-size:var(--font-size-heading-3)}h4{font-size:var(--font-size-heading-4)}h5{font-size:var(--font-size-heading-5)}h6{font-size:var(--font-size-heading-6)}.tool-index-card>strong,.tool-link-panel a>span,.next-action-card>span,.copy-card>span,.copy-card>strong,.related-methodology-card-title{font-weight:var(--font-weight-card-title)!important}.hero-copy,.launch-note,.local-workspace-note,.section-heading p:not(.eyebrow),.tool-hero p:not(.eyebrow),.guide-hero p:not(.eyebrow),.guide-section p,.guide-section li,.tool-group-intro p,.tool-index-card>span:last-child,.tool-instructions-body li,.contact-form-lead{font-weight:var(--font-weight-body)!important}small,.field-note,.field-help,.field-error,.contact-field-error,.color-decision-workbench #pickerInputHelp,.converter-support-note,.contrast-support-note,.picker-support-note,.palette-style-note,.contact-recaptcha-note,.field-optional,.inline-note,.section-footnote,.contrast-alpha-note,.export-card-note,.local-workspace-import-note,.local-workspace-note,.palette-export-option-note,.palette-role-inspector-help,.picker-gamut-note,.privacy-dialog-note,.tool-share-note{font-size:var(--font-size-helper);line-height:var(--line-height-helper);overflow-wrap:anywhere;white-space:normal;word-break:normal;font-weight:var(--font-weight-body)!important}figcaption,caption{max-inline-size:100%;font-family:var(--font-ui);font-size:var(--font-size-caption);font-weight:var(--font-weight-body);line-height:var(--line-height-caption);overflow-wrap:anywhere;white-space:normal;word-break:normal}caption{caption-side:top;text-align:start}table{max-inline-size:100%;font-size:var(--font-size-table);font-variant-numeric:tabular-nums;line-height:var(--line-height-table)}.guide-page .guide-body{font-family:var(--font-ui);font-weight:var(--font-weight-body)}.guide-page .guide-body>.guide-section>:where(p,ul,ol,dl,blockquote,.guide-definition){max-inline-size:var(--measure-prose);font-family:var(--font-ui);font-size:var(--font-size-prose);line-height:var(--line-height-prose);overflow-wrap:anywhere;word-break:normal;font-weight:var(--font-weight-body)!important}.guide-page .guide-body>.guide-section>:where(blockquote,.guide-definition) p{font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit!important}.guide-page .guide-body :where(h2,h3,h4){font-family:var(--font-ui);font-weight:var(--font-weight-heading)!important}.guide-page .guide-body>.guide-section:has(>h2:first-child):not(:first-child){padding-block-start:var(--space-guide-section-heading)}.guide-page .guide-body figcaption{font-family:var(--font-ui);font-size:var(--font-size-caption);line-height:var(--line-height-caption);overflow-wrap:anywhere;font-weight:var(--font-weight-body)!important}.guide-page .guide-body :not(pre)>code{overflow-wrap:anywhere;word-break:normal;font-size:.875em;line-height:1}.font-technical,code,kbd,samp,.color-text-input,output[for],.error-code-display,.ratio-badge,#seedHex,#foregroundInput,#backgroundInput,#pickerHexLarge,#converterHexLarge,#namedColorBackgroundHex,#imageEyeFloatingLoupeHex,.image-palette-strip strong,.image-palette-strip em,.image-palette-card-swatch>strong,.image-palette-card-body>small,.picker-state-grid input{font-variant-ligatures:none;font-variant-numeric:tabular-nums slashed-zero;font-feature-settings:"liga" 0, "clig" 0, "tnum" 1, "zero" 1;font-family:var(--font-code)!important;font-weight:var(--font-weight-technical-inline)!important}.font-code,pre,pre code,.code-panel textarea[readonly],.blog-preview-editor textarea,.tool-share-embed-section textarea{font-variant-ligatures:none;font-variant-numeric:tabular-nums slashed-zero;font-feature-settings:"liga" 0, "clig" 0, "tnum" 1, "zero" 1;line-height:var(--line-height-code);font-family:var(--font-code)!important;font-weight:var(--font-weight-code)!important}.font-technical,code:not(pre code),samp,.error-code-display,.ratio-badge,#imageEyeFloatingLoupeHex,.image-palette-strip strong,.image-palette-strip em,.image-palette-card-swatch>strong,.image-palette-card-body>small,.picker-state-grid input{overflow-wrap:anywhere;word-break:normal;min-inline-size:0;max-inline-size:100%}.hex-token{white-space:nowrap}pre{inline-size:100%;max-inline-size:100%;font-size:var(--font-size-code);overscroll-behavior-inline:contain;white-space:pre;word-break:normal;overflow-x:auto}pre code{min-inline-size:max-content;max-inline-size:none;font-size:inherit;line-height:inherit;overflow-wrap:normal;white-space:inherit;word-break:normal;display:block}@supports (text-wrap:pretty){h1,h2:not(.footer-link-heading),h3{text-wrap:pretty}}@media (width<=680px){.brand-mark-picture,.brand-lockup .brand-mark-picture img{block-size:38px;inline-size:38px}.tool-hero:not(.tool-hero-color-picker) .tool-promise{max-inline-size:min(100%,21.25rem)}.guide-hero:not(.blog-hero) p:not(.eyebrow){max-inline-size:min(100%,21.75rem)}.legal-page>.shell>p,.legal-page>.page-breadcrumb-content>.shell>p{max-inline-size:min(100%,21.9375rem)}}@font-face{font-family:Hue Codex IBM Plex Sans;font-style:normal;font-weight:700;font-display:optional;src:url(/assets/fonts/ibm-plex/IBMPlexSans-Bold-Pi.woff2)format("woff2");unicode-range:U+E3F,U+2000-200D,U+2015,U+2028-2029,U+202F,U+2032-2033,U+2070,U+2074-2079,U+2080-2089,U+2113,U+2116,U+2126,U+212E,U+2150-2151,U+2153-215E,U+2190-2199,U+21A9-21AA,U+21B0-21B3,U+21B6-21B7,U+21BA-21BB,U+21C4,U+21C6,U+2202,U+2206,U+220F,U+2211,U+2215,U+221A,U+221E,U+222B,U+2248,U+2260,U+2264-2265,U+25CA,U+2713,U+274C,U+2B0E-2B11,U+ECE0,U+EFCC,U+FEFF,U+FFFD}.privacy-banner{z-index:260;border-radius:var(--radius,16px);width:min(760px,100% - 40px);color:var(--ink,#10212b);background:#fffffffa;border:1px solid #10212b24;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;padding:18px;display:none;position:fixed;inset-block-end:20px;inset-inline:20px;overflow:hidden;box-shadow:0 24px 64px #10212b2e}html.js-enabled.privacy-controls-ready:not([data-hc-privacy-preferences=saved]) .privacy-banner{display:grid}.privacy-dialog-head p:last-child,.privacy-dialog-note{color:var(--muted,#52616b);margin:8px 0 0;font-weight:700;line-height:1.45}@media (width<=680px){.privacy-banner{grid-template-columns:1fr;align-items:stretch;width:calc(100% - 28px);max-height:calc(100svh - 28px);inset-block-end:14px;inset-inline:14px;overflow-y:auto}.privacy-banner-actions{min-width:0}.privacy-banner-actions .small-button,.privacy-dialog-actions .small-button{width:100%}.privacy-dialog-head{flex-direction:column;align-items:flex-start}.privacy-dialog-head .tool-share-close{align-self:flex-start}.privacy-choice-card{grid-template-columns:1fr;align-items:start}}@media (forced-colors:active){.privacy-banner,.privacy-dialog,.privacy-dialog-note,.privacy-choice-card,.privacy-banner-actions .small-button,.privacy-dialog :is(button,input){color:canvastext;background:canvas;border:1px solid canvastext}.privacy-scrim{background:canvas}}:root{color-scheme:light;--paper:#fbfaf5;--paper-2:#f2efe6;--ink:#10212b;--muted:#5b6470;--line:#d8d3c5;--panel:#fff;--panel-strong:#fff8df;--coral:#ef476f;--mint:#06d6a0;--cyan:#118ab2;--sun:#ffd166;--violet:#6f4bd8;--green:#2f855a;--shadow:0 22px 60px #10212b24;--radius:8px;--shell:1180px;--site-header-height:calc(76px + env(safe-area-inset-top));--anchor-gap:12px;--shell-gutter-start:max(var(--gutter-page,20px), env(safe-area-inset-left));--shell-gutter-end:max(var(--gutter-page,20px), env(safe-area-inset-right));--home-hero-image:url(/assets/img/home-hero.jpg);--machine-library-image:url(/assets/img/index-color-knowledge-bg.jpg);--demo-primary:#4169e1;--demo-secondary:#7528e1;--demo-accent:#06d6a0;--demo-surface:#fbfaf5;--demo-text:#10212b;--demo-border:#d8d3c5;--demo-success:#2f855a;--demo-warning:#ffd166;--demo-danger:#ef476f;--demo-highlight:var(--demo-warning);--scrollbar-track:#ece7dc;--scrollbar-thumb:#263844;--scrollbar-thumb-hover:#118ab2;--scrollbar-thumb-active:#ef476f;--hc-primary:var(--demo-primary);--hc-accent:var(--mint);--hc-surface:var(--paper);--hc-ink:var(--ink);--hc-warning:var(--sun);--hc-danger:var(--coral);--hc-primary-soft:#eef1ff;--hc-accent-soft:#effaf4;--hc-warning-soft:#fff8df;--hc-danger-soft:#fff1f4;--hc-info-soft:#edf7fa;--hc-neutral-soft:#f8f7f1;--hc-border-primary:#4169e133;--hc-border-accent:#06d6a047;--hc-border-warning:#ffd16680;--hc-border-danger:#ef476f3d;--hc-border-info:#118ab247;--hc-border-neutral:#10212b1a;--hc-control-target:44px;--hc-control-target-coarse:48px;--hc-control-padding-block:10px;--hc-control-padding-inline:12px;--hc-spectrum:linear-gradient(90deg, var(--hc-primary), var(--hc-accent), var(--hc-warning), var(--hc-danger), #8b5cf6, var(--hc-primary));--hc-footer-spectrum:linear-gradient(90deg, var(--coral), var(--sun), var(--mint), var(--cyan), var(--violet))}@supports (color:color-mix(in oklab, white, black)){:root{--hc-primary-soft:color-mix(in oklab, var(--hc-primary) 12%, white);--hc-accent-soft:color-mix(in oklab, var(--hc-accent) 14%, white);--hc-warning-soft:color-mix(in oklab, var(--hc-warning) 18%, white);--hc-danger-soft:color-mix(in oklab, var(--hc-danger) 10%, white);--hc-info-soft:color-mix(in oklab, var(--cyan) 12%, white);--hc-neutral-soft:color-mix(in oklab, var(--hc-surface) 72%, white);--hc-border-primary:color-mix(in oklab, var(--hc-primary) 20%, transparent);--hc-border-accent:color-mix(in oklab, var(--hc-accent) 28%, white);--hc-border-warning:color-mix(in oklab, var(--hc-warning) 38%, white);--hc-border-danger:color-mix(in oklab, var(--hc-danger) 28%, white);--hc-border-info:color-mix(in oklab, var(--cyan) 28%, white);--hc-border-neutral:color-mix(in oklab, var(--hc-ink) 10%, transparent)}}@supports (background-image:image-set(url('/assets/img/home-hero.avif') type('image/avif'))){:root{--home-hero-image:image-set(url(/assets/img/home-hero.avif) type("image/avif"), url(/assets/img/home-hero.webp) type("image/webp"), url(/assets/img/home-hero.jpg) type("image/jpeg"));--machine-library-image:image-set(url(/assets/img/index-color-knowledge-bg.avif) type("image/avif"), url(/assets/img/index-color-knowledge-bg.webp) type("image/webp"), url(/assets/img/index-color-knowledge-bg.jpg) type("image/jpeg"))}}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}html{scroll-behavior:smooth;scroll-padding-block-start:var(--site-header-height)}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{border:3px solid var(--scrollbar-track);background:linear-gradient(180deg, var(--scrollbar-thumb), var(--cyan));border-radius:999px;min-height:44px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--scrollbar-thumb-hover), var(--mint))}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg, var(--scrollbar-thumb-active), var(--violet))}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}body{background:var(--paper);color:var(--ink);font-size:var(--font-size-body);line-height:var(--line-height-body);letter-spacing:0;margin:0}body.nav-open,body.next-actions-open,body.privacy-controls-open,body.image-zoom-open{overflow:hidden}img,svg,canvas{max-width:100%}picture{display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:.08em}button,input,textarea,select{font:inherit}input,textarea,select{min-width:0;max-width:100%}details:not([open])>:not(summary){display:none!important}input[type=file]{border-radius:var(--radius);width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #10212b2e;padding:10px;font-size:.86rem;font-weight:700;display:block}button,select{cursor:pointer}button:disabled{cursor:wait;opacity:.72}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.sr-only,.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;max-inline-size:calc(100vw - max(12px, env(safe-area-inset-left)) - max(12px, env(safe-area-inset-right)));background:var(--ink);color:#fff;overflow-wrap:anywhere;white-space:normal;border-radius:var(--radius);min-height:48px;padding:10px 14px;position:fixed;inset-block-start:max(12px, env(safe-area-inset-top));inset-inline-start:max(12px, env(safe-area-inset-left));transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}#main-content:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}.chromatic-rule{background:var(--hc-spectrum);opacity:.72;border:0;border-radius:999px;width:100%;height:2px;margin:0;display:block}.chromatic-rule-section{margin-block-end:24px}.color-aurora{isolation:isolate;position:relative}.color-aurora:before{content:"";z-index:-1;inset:var(--aurora-inset,-18% -8% auto -8%);height:var(--aurora-height,22rem);filter:blur(var(--aurora-blur,28px));opacity:var(--aurora-opacity,.78);pointer-events:none;background:radial-gradient(circle at 18% 30%,#4169e12e,#0000 34%),radial-gradient(circle at 68% 22%,#06d6a029,#0000 32%),radial-gradient(circle at 46% 78%,#ffd16621,#0000 34%),radial-gradient(circle at 82% 70%,#ef476f1c,#0000 30%);position:absolute}@media (prefers-reduced-motion:no-preference){.color-aurora:before{animation:24s ease-in-out infinite alternate aurora-drift}}@keyframes aurora-drift{to{transform:translate(1.25rem,-.75rem)scale(1.03)}}.code-panel,.guide-definition,.guide-note,.tool-instructions,.next-action-card{position:relative;overflow:visible}.code-panel{border:1px solid #10212b1a}.export-panel.code-panel,.hero-system-card pre.code-panel,.demo-copy-row code.code-panel{border-color:#ffffff2e}.code-panel:before,.guide-definition:before,.guide-note:before,.tool-instructions:before,.next-action-card:before,.guide-body>.guide-section+.guide-section:before{content:"";background:var(--hc-spectrum);opacity:.64;pointer-events:none;border-radius:999px;height:2px;position:absolute;inset:0 0 auto}.code-panel:before{height:3px}@supports ((-webkit-mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent)) or (mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent))){.chromatic-rule,.code-panel:before,.guide-definition:before,.guide-note:before,.tool-instructions:before,.next-action-card:before,.guide-body>.guide-section+.guide-section:before{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}}.site-header{z-index:100;backdrop-filter:blur(14px);background:#fbfaf5eb;border-block-end:1px solid #10212b1f;padding-block-start:env(safe-area-inset-top);position:sticky;inset-block-start:0}.nav{align-items:center;gap:var(--space-5);grid-template-columns:auto minmax(0,1fr);min-height:76px;display:grid}.brand-lockup{flex:none;align-items:center;min-height:48px;display:inline-flex}.brand-lockup img{width:176px;height:auto;display:block}.nav-menu{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.nav-menu a{min-width:0;max-width:100%;min-height:var(--hc-control-target);border-radius:var(--radius);color:#263844;overflow-wrap:anywhere;text-decoration:none;text-decoration-thickness:var(--hc-nav-decoration-thickness,1px);text-underline-offset:.18em;white-space:normal;flex:0 auto;align-items:center;padding:8px 12px;font-weight:700;line-height:1.25;display:inline-flex;position:relative}.nav-menu a:after{content:"";background:var(--hc-footer-spectrum);pointer-events:none;transform-origin:0;border-radius:999px;height:2px;transition:transform .18s;position:absolute;bottom:-.35rem;left:0;right:0;transform:scaleX(0)}.nav-menu a:is(:hover,:focus-visible,[aria-current=page]):after{transform:scaleX(1)}.nav-menu a:is(:hover,:focus-visible,[aria-current=page]):not(.nav-cta){background:#118ab21a}.nav-menu .nav-cta{color:#fff;background:var(--ink)}.nav-menu .nav-cta:is(:hover,:focus-visible){background:#263844}.guide-body :where(p,li) a,.legal-page :where(p,li) a,.faq-list details p a,.consent-row a,.footer-credit a{color:#0c5f78;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb, currentColor 58%, transparent);text-underline-offset:.18em;background-image:var(--hc-footer-spectrum);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;font-weight:700;transition:background-size .18s,color .18s,text-decoration-color .18s;position:relative}.guide-body :where(p,li) a:is(:hover,:focus-visible),.legal-page :where(p,li) a:is(:hover,:focus-visible),.faq-list details p a:is(:hover,:focus-visible),.consent-row a:is(:hover,:focus-visible),.footer-credit a:is(:hover,:focus-visible){color:var(--hc-ink);background-size:100% 2px;text-decoration-color:#0000}.guide-body :where(p,li) a:visited,.legal-page :where(p,li) a:visited,.blog-post-body :where(p,li) a:visited,.faq-list details p a:visited,.consent-row a:visited{color:#653a7d;text-decoration-style:dotted}.footer-credit a:visited{color:#f4b7ca;text-decoration-style:dotted}.nav-actions{align-items:center;gap:var(--space-4);grid-template-columns:minmax(180px,1fr) minmax(386.25px,max-content);min-width:0;display:grid}.site-search-trigger{border-radius:var(--radius);color:#263844;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #10212b29;grid-template-columns:24px 1fr 24px;justify-self:center;align-items:center;gap:8px;width:min(180px,100%);min-height:48px;padding:0 10px;font-weight:700;display:grid;box-shadow:0 10px 24px #10212b0f}.site-search-trigger:is(:hover,:focus-visible){background:var(--hc-info-soft);border-color:#118ab26b}.site-search-trigger-icon{border:2px solid;border-radius:999px;flex:none;width:15px;height:15px;position:relative}.site-search-trigger-icon:after{content:"";background:currentColor;border-radius:999px;width:7px;height:2px;position:absolute;bottom:-3px;right:-6px;transform:rotate(45deg)}.site-search-trigger kbd,.site-search-meta kbd{background:var(--paper);min-width:24px;min-height:24px;color:var(--muted);border:1px solid #10212b29;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.nav-toggle{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:none}.nav-toggle-line{background:var(--ink);width:20px;height:2px}.hero{background:#f8f5ed;border-block-end:1px solid #10212b1f;align-items:center;min-height:78svh;display:flex;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;position:absolute;inset:0}.hero:before{z-index:1;background-image:linear-gradient(90deg,#fbfaf5fc 0%,#fbfaf5d6 39%,#fbfaf54d 70%,#fbfaf514 100%);background-position:50%;background-repeat:no-repeat;background-size:cover}.hero:after{z-index:1;background:linear-gradient(#fbfaf50f,#fbfaf54d),radial-gradient(circle at 18% 44%,#ffffff8f,#0000 34%)}.home-hero-picture{z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.home-hero-picture img{object-fit:cover;object-position:center right;width:100%;height:100%;display:block}.hero-content{--aurora-inset:2% 12% auto 20%;--aurora-height:30rem;--aurora-blur:40px;--aurora-opacity:.42;z-index:2;grid-template-columns:minmax(0,.95fr) minmax(340px,.7fr);align-items:center;gap:46px;padding-block:72px 54px;display:grid;position:relative}.hero-text{max-width:780px}.eyebrow{color:#364a54;text-transform:uppercase;letter-spacing:0;margin:0 0 12px;font-size:.82rem;font-weight:700}.hero h1{letter-spacing:0;margin:0;font-size:5.8rem;line-height:.95}.hero-subtitle{max-width:760px;margin:18px 0 0;font-size:2rem;font-weight:700;line-height:1.2}.hero-copy{max-width:var(--measure-content);color:#2f414b;margin:18px 0 0;font-size:1.12rem}.launch-note{max-width:720px;padding:var(--callout-padding,var(--space-callout));border-inline-start:4px solid var(--cyan);color:#33414b;background:#ffffffc7;margin:16px 0 0;font-weight:700}.hero-actions,.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-actions{margin-block-start:28px}.workspace-share-actions{flex-wrap:wrap;gap:10px;margin-block-start:16px;display:flex}.workspace-share-button{color:var(--ink);background:#fff}.local-workspace-note{color:#40515c;max-width:680px;margin:10px 0 0;font-size:.92rem;font-weight:700}.local-workspace-note-strong{border:1px solid #118ab23d;border-inline-start:5px solid var(--cyan);border-radius:var(--radius);background:#edf7fa;margin-block-start:18px;padding:12px 14px}.signature-palette{border-radius:var(--radius);-webkit-backdrop-filter:blur(18px)saturate(1.35);background:#ffffff2e;border:1px solid #ffffff8f;grid-template-columns:repeat(6,minmax(0,1fr));max-width:740px;min-height:76px;margin-block-start:20px;display:grid;overflow:hidden;box-shadow:0 18px 42px #10212b1f,inset 0 1px #ffffffb8}.signature-palette span{color:#fff;flex-direction:column;justify-content:flex-end;gap:2px;min-width:0;padding:10px;transition:transform .18s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff2e}.signature-palette span:hover{transform:translateY(-3px)}.signature-palette strong,.signature-palette em{z-index:1;overflow-wrap:anywhere;text-shadow:0 1px 10px #10212b38;line-height:1.12;position:relative}.signature-palette strong{font-size:.78rem;font-weight:700}.signature-palette em{opacity:.82;font-size:.68rem;font-style:normal}.palette-primary{background:linear-gradient(#ffffff38,#ffffff05),#4169e1c2}.palette-accent{background:linear-gradient(#ffffff4d,#ffffff08),#06d6a09e;color:#08251f!important}.palette-surface{background:linear-gradient(#ffffff9e,#ffffff2e),#fbfaf594;color:var(--ink)!important}.palette-text{background:linear-gradient(#ffffff29,#ffffff03),#10212bd1}.palette-warning{background:linear-gradient(#ffffff52,#ffffff0a),#ffd166a8;color:#2b2100!important}.palette-danger{background:linear-gradient(#ffffff38,#ffffff05),#ef476fc2}.button,.small-button,.icon-button{border-radius:var(--radius);border:1px solid #10212b2e;justify-content:center;align-items:center;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex}.button{padding:0 18px}.button-primary{background:linear-gradient(var(--ink), var(--ink)) padding-box, linear-gradient(90deg, var(--coral), var(--sun), var(--mint), var(--cyan)) border-box;color:#fff;border:2px solid #0000}.button-secondary{color:var(--ink);background:#fff}.button:hover,.small-button:hover,.icon-button:hover{transform:translateY(-1px)}:where(button:not(:disabled):not([aria-disabled=true]),.button:not([aria-disabled=true]),.small-button:not([aria-disabled=true]),.icon-button:not([aria-disabled=true]),[role=button]:not([aria-disabled=true])):active{box-shadow:inset 0 0 0 2px}.hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:680px;margin:36px 0 0;display:grid}.hero-system-card{--aurora-inset:-28% -18% auto -18%;--aurora-height:19rem;--aurora-blur:24px;--aurora-opacity:.82;min-width:0;padding:var(--space-panel);border-radius:var(--radius);-webkit-backdrop-filter:blur(22px)saturate(1.32);background:linear-gradient(135deg,#ffffff9e,#ffffff47),radial-gradient(circle at 86% 8%,#06d6a029,#0000 30%);border:1px solid #ffffff8a;box-shadow:0 24px 58px #10212b29,inset 0 1px #ffffffc2}.system-card-top,.system-seed-row,.system-metrics{gap:14px;display:flex}.system-card-top{justify-content:space-between;align-items:flex-start}.system-card-top h2{margin:2px 0 0;font-size:1.55rem;line-height:1.1}.system-status{border-radius:var(--radius);color:#0c5f78;text-transform:uppercase;background:#edf7faad;align-items:center;min-height:30px;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.system-seed-row{align-items:center;margin-block-start:18px}.system-seed{border-radius:var(--radius);background:linear-gradient(135deg,#ffffff47,#0000),#4169e1c7;flex:none;width:88px;height:88px;box-shadow:inset 0 0 0 1px #ffffff6b,0 14px 32px #4169e13d}.system-seed-row span,.system-metrics span{color:#61707a;text-transform:uppercase;font-size:.76rem;font-weight:700;display:block}.system-seed-row strong,.system-metrics strong{margin-block-start:3px;font-size:1.16rem;display:block}.system-seed-row em,.system-metrics em{color:var(--muted);font-size:.88rem;font-style:normal;display:block}.system-palette-strip{border-radius:var(--radius);-webkit-backdrop-filter:blur(14px)saturate(1.25);background:#ffffff2e;border:1px solid #ffffff70;grid-template-columns:repeat(6,minmax(0,1fr));height:58px;margin-block-start:18px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff8a}.system-palette-strip span:first-child{background:#4169e1c2}.system-palette-strip span:nth-child(2){background:#06d6a0a8}.system-palette-strip span:nth-child(3){background:#fbfaf59e}.system-palette-strip span:nth-child(4){background:#10212bd6}.system-palette-strip span:nth-child(5){background:#ffd166ad}.system-palette-strip span:nth-child(6){background:#ef476fc2}.role-chip-row,.system-metrics{margin-block-start:14px}.role-chip-row{flex-wrap:wrap;gap:8px;display:flex}.role-chip-row span{border-radius:var(--radius);background:#ffffff7a;border:1px solid #ffffff7a;align-items:center;min-height:32px;padding:0 10px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff94}.system-metrics{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.system-metrics>div{min-width:0;padding:var(--space-card);border-radius:var(--radius);background:#ffffff70;border:1px solid #ffffff7a;box-shadow:inset 0 1px #ffffff8f}.hero-system-card pre{border-radius:var(--radius);color:#eaf7fa;background:#071016e6;margin:14px 0 0;padding:14px;font-size:.9rem;line-height:1.5;overflow-x:auto}.hero-facts div{border-radius:var(--radius);-webkit-backdrop-filter:blur(18px)saturate(1.28);background:linear-gradient(135deg,#ffffff94,#ffffff3d);border:1px solid #ffffff85;min-height:94px;padding:16px;box-shadow:0 16px 38px #10212b1a,inset 0 1px #ffffffb3}.hero-facts dt{font-size:1.65rem;font-weight:700;line-height:1}.hero-facts dd{color:var(--muted);margin:8px 0 0;font-weight:700}.section{padding-block:var(--space-section)}.section-heading{max-width:820px;margin-block-end:32px}.section-heading.compact{max-width:740px}.section-heading h2,.library-grid h2{letter-spacing:0;margin:0;font-size:2.75rem;line-height:1.08}.section-heading p:not(.eyebrow),.library-grid p{max-width:var(--measure-content);color:var(--muted);margin:16px 0 0;font-size:1.06rem}.color-tools{background:#fff}.tool-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.workspace-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-block:0 16px;display:grid}.workspace-flow a{border-radius:var(--radius);min-width:0;color:var(--ink);background:#fff;border:1px solid #10212b1f;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 10px;padding:12px;text-decoration:none;display:grid}.workspace-flow a span{background:var(--ink);color:#fff;border-radius:999px;grid-row:span 2;justify-content:center;align-items:center;width:34px;height:34px;font-size:.78rem;font-weight:700;display:inline-flex}.workspace-flow strong,.workspace-flow small{overflow-wrap:anywhere;min-width:0}.workspace-flow strong{font-size:.95rem}.workspace-flow small{color:#5f6f79;font-size:.8rem;font-weight:700}.workspace-decision-band{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);align-items:stretch;gap:12px;margin-block-end:16px;display:grid}.workspace-recommendation,.workspace-readiness-list div,.workspace-launch-list a,.palette-health-summary,.workspace-export-summary,.contrast-decision-summary{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f}.workspace-recommendation{padding:var(--card-padding,var(--space-card));gap:6px;display:grid}.workspace-recommendation[data-status=pass]{background:#effaf4;border-color:#2f855a38}.workspace-recommendation[data-status=warn]{background:#fff8df;border-color:#ffd16680}.workspace-recommendation h3{margin:0;font-size:1.1rem;line-height:1.2}.workspace-recommendation p{color:#33414b;margin:0;font-weight:700;line-height:1.38}.workspace-readiness-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.workspace-readiness-list>div{min-height:74px;padding:var(--space-card);align-content:center;gap:3px;display:grid}.workspace-readiness-list div[data-status=pass],.palette-health-summary[data-status=pass],.contrast-decision-summary[data-status=pass]{background:#effaf4;border-color:#2f855a38}.workspace-readiness-list div[data-status=warn],.palette-health-summary[data-status=warn],.contrast-decision-summary[data-status=warn]{background:#fff8df;border-color:#ffd16680}.workspace-readiness-list div[data-status=fail],.contrast-decision-summary[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.workspace-readiness-list span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.workspace-readiness-list strong{color:var(--ink);overflow-wrap:anywhere;font-size:.82rem;line-height:1.22}.workspace-launch-list{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.workspace-launch-list a{min-height:var(--hc-control-target);color:var(--ink);justify-content:center;align-items:center;padding:0 10px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.tool-panel{background:var(--panel);border-radius:var(--radius);min-width:0;padding:var(--panel-padding,var(--space-panel));border:1px solid #10212b24;grid-column:span 6;box-shadow:0 8px 26px #10212b14}.export-panel{color:#fff;background:#101820}.panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;min-height:52px;margin-block-end:14px;display:flex}.panel-header>*{min-width:0}.panel-header h3{margin:2px 0 0;font-size:1.2rem;line-height:1.2}.panel-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.panel-kicker{color:#61707a;text-transform:uppercase;letter-spacing:0;margin:0;font-size:.78rem;font-weight:700}.export-panel .panel-kicker{color:#b3c0c8}.icon-button{background:var(--sun);width:44px;color:var(--ink);padding:0}.small-button,select{min-height:var(--hc-control-target);color:var(--ink);background:#fff;padding:0 12px}.small-button.primary-action{background:var(--ink);color:#fff;border-color:#0000}.small-button.primary-action:is(:hover,:focus-visible){background:#263844}select{border-radius:var(--radius);border:1px solid #10212b33;font-weight:700}.input-row{column-gap:var(--space-3);row-gap:var(--space-form-label);grid-template-columns:112px minmax(0,1fr);align-items:center;margin-block-end:var(--space-3);display:grid}.input-row>*{min-width:0}.input-row label{color:#394b55;font-weight:700}.input-row input{border-radius:var(--radius);width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #10212b38;padding:0 12px}input[type=color]{padding:4px}.range-control{grid-template-columns:minmax(0,1fr) minmax(76px,max-content);align-items:center;gap:10px;display:grid}.range-control input[type=range]{min-height:var(--hc-control-target);accent-color:var(--cyan);background:0 0;border:0;padding:0}.range-control output{border-radius:var(--radius);min-width:76px;min-height:36px;color:var(--ink);white-space:nowrap;background:#f8f7f1;border:1px solid #10212b29;justify-content:center;align-items:center;padding:0 12px;font-weight:700;display:inline-flex}.field-note{color:var(--muted);margin:-4px 0 14px 122px;font-size:.9rem}.seed-visual-row{grid-template-columns:150px minmax(0,1fr);align-items:stretch;gap:12px;margin-block-end:14px;display:grid}.seed-visual-swatch{border-radius:var(--radius);background:#4169e1;border:1px solid #10212b2e;align-content:end;gap:4px;min-height:138px;padding:14px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff47}.seed-visual-swatch span,.seed-visual-swatch strong,.seed-visual-swatch small{overflow-wrap:anywhere;text-shadow:0 1px 12px #0000002e}.seed-visual-swatch span{text-transform:uppercase;font-size:.74rem;font-weight:700}.seed-visual-swatch strong{font-size:1.6rem;line-height:1}.seed-visual-swatch small{font-weight:700;line-height:1.2}.seed-quick-facts{gap:8px;margin:0;display:grid}.seed-quick-facts div{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;flex-direction:column;justify-content:center;padding:12px;display:flex}.seed-quick-facts dt{color:#61707a;text-transform:uppercase;font-size:.74rem;font-weight:700}.seed-quick-facts dd{margin:3px 0 0;font-weight:700}.field-error{color:#b42345;min-height:22px;margin:-6px 0 12px 122px;font-size:.9rem;font-weight:700}.format-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.format-chip{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;min-height:62px;padding:10px;overflow:hidden}.format-chip span{color:#61707a;text-transform:uppercase;font-size:.76rem;font-weight:700;display:block}.format-chip code{overflow-wrap:anywhere;color:var(--ink);margin-block-start:5px;font-size:.88rem;display:block}.pro-converter-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start}.pro-converter-panel{background:linear-gradient(#fffffff5,#fbfaf5bd),#fff;padding:18px}.converter-workspace{grid-template-columns:minmax(260px,.56fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.converter-control-stack,.converter-visual-stack{gap:10px;min-width:0;display:grid}.converter-control-stack{border-radius:var(--radius);background:#fff;border:1px solid #10212b1c;padding:14px}.converter-support-note{color:#51636d;margin:-2px 0 0;font-size:.8rem;font-weight:700;line-height:1.4}.converter-alpha-alert{border-radius:var(--radius);color:#6d4c13;background:#fff8df;border:1px solid #b7791f59;margin:0;padding:10px 12px;font-size:.82rem;font-weight:700;line-height:1.4}.converter-alpha-alert[hidden]{display:none}.converter-specimen{background:var(--converter-color,#4169e1);min-height:210px;color:var(--converter-text,#fff);border:1px solid #10212b29;border-radius:18px;align-content:end;gap:8px;padding:18px;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.converter-specimen span{text-transform:uppercase;font-size:.72rem;font-weight:700}.converter-specimen strong{font-size:clamp(1rem,15cqi,3.5rem);line-height:.94}.converter-specimen small{font-size:.96rem;font-weight:700}.converter-readiness-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.converter-readiness-list div{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;gap:2px;min-height:48px;padding:8px;display:grid}.converter-readiness-list div[data-status=pass]{background:#effaf4;border-color:#2f855a38}.converter-readiness-list div[data-status=warn]{background:#fff8df;border-color:#ffd16680}.converter-readiness-list div[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.converter-readiness-list span{color:#61707a;text-transform:uppercase;font-size:.7rem;font-weight:700}.converter-readiness-list strong{color:var(--ink);overflow-wrap:anywhere;font-size:.88rem;line-height:1.2}.converter-gamut-panel{border-radius:var(--radius);background:#fff;border:1px solid #10212b1c;gap:10px;padding:12px;display:grid}.converter-gamut-panel .panel-header{margin:0}.converter-gamut-panel h4{margin:0;font-size:1rem}.converter-gamut-badge{color:#fff;text-align:center;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:8px 16px;font-size:.78rem;font-weight:700;line-height:1.1;display:inline-flex}.converter-gamut-badge[data-status=pass]{background:#2f855a}.converter-gamut-badge[data-status=warn]{background:#b7791f}.converter-gamut-panel p{color:#33414b;margin:0;font-size:.88rem;font-weight:700;line-height:1.45}.converter-source-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.converter-source-details [data-status]{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;gap:4px;min-width:0;padding:9px;display:grid}.converter-source-details [data-status=pass]{background:#effaf4;border-color:#2f855a38}.converter-source-details [data-status=warn]{background:#fff8df;border-color:#ffd16680}.converter-source-details span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.converter-source-details strong{color:var(--ink);overflow-wrap:anywhere;font-size:.84rem}.converter-source-details button{width:max-content;min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;padding:0 9px;font-size:.74rem;font-weight:700}.pro-converter-panel .stage-format-list{grid-template-columns:1fr;gap:12px;margin-block-start:12px}.converter-format-group{border-radius:var(--radius);background:#fff;border:1px solid #10212b1a;gap:8px;padding:12px;display:grid}.converter-format-group-heading{gap:2px;display:grid}.converter-format-group-heading h4{margin:0;font-size:.98rem}.converter-format-group-heading p{color:var(--muted);margin:0;font-size:.84rem;font-weight:700}.converter-format-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.converter-format-chip{background:#f8f7f1}.converter-output-panel{position:sticky;top:88px}.converter-export-control{margin-block-end:10px}.converter-export-control select{width:100%}.converter-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-end:10px;display:grid}.converter-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.8rem;font-weight:700}.seed-demo{padding:var(--space-card);border-radius:var(--radius);background:#fff;border:1px solid #10212b21;margin-block-start:14px}.seed-demo h4{margin:0 0 10px;font-size:1rem}.seed-demo dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.seed-demo dl div{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;min-height:58px;padding:9px}.seed-demo dt{color:#61707a;text-transform:uppercase;font-size:.74rem;font-weight:700}.seed-demo dd{overflow-wrap:anywhere;margin:3px 0 0;font-size:.88rem;font-weight:700}.demo-copy-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-block-start:10px;display:grid}.demo-copy-row code{overflow-wrap:anywhere;border-radius:var(--radius);color:#eaf7fa;background:#071016;align-items:center;min-height:40px;padding:8px 10px;display:flex}.palette-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;display:grid}.swatch{border-radius:var(--radius);color:#fff;min-width:0;min-height:116px;text-shadow:none;border:1px solid #10212b24;align-content:end;gap:5px;padding:12px;display:grid;overflow:hidden}.tool-starter-panel{border-radius:var(--radius);background:linear-gradient(135deg,#edf7faeb,#fbfaf5f5);border:1px solid #10212b24;gap:12px;margin:0 0 18px;padding:16px;display:grid;box-shadow:0 14px 34px #10212b12}.tool-starter-heading{justify-content:space-between;align-items:end;gap:var(--space-4);flex-wrap:wrap;display:flex}.tool-starter-heading>*{min-width:0}.tool-starter-heading .panel-kicker,.tool-starter-heading h3,.tool-starter-heading>p,.tool-starter-guidance p,.tool-starter-status{margin:0}.tool-starter-heading h3{color:var(--ink);font-size:1.15rem;line-height:1.15}.tool-starter-heading>p{color:#33414b;max-width:520px;font-size:.9rem;font-weight:700;line-height:1.4}.tool-starter-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--grid-min,10rem)), 1fr));gap:var(--space-3);display:grid}.tool-starter-grid button{border-radius:var(--radius);min-width:0;min-height:64px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #10212b29;align-content:center;gap:3px;padding:10px 12px;display:grid;box-shadow:0 8px 18px #10212b0d}.tool-starter-grid button:hover,.tool-starter-grid button:focus-visible,.tool-starter-grid button[aria-pressed=true]{background:#edf7fa;border-color:#0c6f8d}.tool-starter-grid button strong{font-size:.88rem;line-height:1.2}.tool-starter-grid button span{color:#40515c;font-size:.75rem;font-weight:700;line-height:1.3}.tool-starter-guidance{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tool-starter-guidance p{border-radius:var(--radius);color:#33414b;overflow-wrap:anywhere;background:#ffffffb8;border:1px solid #10212b1a;min-width:0;padding:9px 10px;font-size:.78rem;line-height:1.4}.tool-starter-status{color:#33414b;min-height:1.35em;font-size:.78rem;font-weight:700;line-height:1.35}.tool-starter-status[data-status=pass]{color:#1f6b48}.tool-starter-status[data-status=fail]{color:#9f2419}.tool-recommendation{border-radius:var(--radius);background:#effaf4;border:1px solid #2f855a3d;gap:6px;padding:14px;display:grid}.tool-recommendation h4,.tool-recommendation p{margin:0}.shared-palette-copy-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-block:12px;display:grid}.shared-palette-copy-actions button{white-space:normal;min-height:44px}.tool-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.25}.tool-recommendation p{color:#33414b;font-size:.86rem;font-weight:700;line-height:1.42}[data-tool-result-state=stale] .stage-result-panel:before{content:"Input needs attention — fix the highlighted field to calculate a current result.";border-radius:var(--radius);color:#6f4700;background:#fff8df;border:1px solid #b7791f;margin:0 0 10px;padding:9px 10px;font-size:.78rem;font-weight:700;line-height:1.35;display:block}.swatch strong,.swatch small{overflow-wrap:anywhere;display:block}.swatch span{text-transform:uppercase;max-width:100%;font-size:.74rem;font-weight:700;line-height:1.05;display:block}.swatch strong{font-size:clamp(.82rem,1.12vw,.94rem);line-height:1}.swatch small{width:max-content;max-width:100%;color:var(--ink);background:#ffffffeb;border-radius:6px;padding:3px 6px;font-size:.68rem;font-weight:700;line-height:1.15}@supports (content-visibility:auto){.home .color-tools,.home .platform,.home .layout-preview,.home .machine-library,.home .next-tools,.home .faq{content-visibility:auto;contain-intrinsic-size:auto 720px}}.palette-health-summary,.workspace-export-summary{padding:var(--space-callout);gap:5px;margin-block:0 12px;display:grid}.palette-health-summary strong,.workspace-export-summary strong{color:var(--ink);font-size:1rem}.palette-health-summary span,.workspace-export-summary span{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.35}.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:12px;display:grid}.metadata-grid div{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;min-height:56px;padding:10px}.metadata-grid span{color:#61707a;text-transform:uppercase;font-size:.76rem;font-weight:700;display:block}.metadata-grid strong{overflow-wrap:anywhere;margin-block-start:3px;display:block}.score-pill{border-radius:var(--radius);background:var(--green);color:#fff;text-align:center;white-space:nowrap;justify-content:center;align-items:center;min-width:76px;min-height:40px;padding:8px 14px;font-weight:700;display:inline-flex}.contrast-preview{border-radius:var(--radius);border:1px solid #10212b29;flex-direction:column;justify-content:center;gap:8px;min-height:124px;padding:18px;display:flex}.contrast-preview strong{font-size:1.25rem}.contrast-preset-actions{flex-wrap:wrap;gap:8px;margin-block-start:10px;display:flex}.contrast-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0;display:grid}.contrast-results div{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;min-height:60px;padding:10px}.contrast-results div[data-status=pass]{background:#effaf4;border-color:#2f855a38}.contrast-results div[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.contrast-results dt{color:#61707a;text-transform:uppercase;font-size:.76rem;font-weight:700}.contrast-results dd{margin:2px 0 0;font-weight:700}.contrast-component-badges{flex-wrap:wrap;gap:6px;margin-block-start:10px;display:flex}.contrast-component-badges .picker-pair-badge{flex:96px;min-width:96px;min-height:40px}.pro-contrast-layout{grid-template-columns:minmax(0,1.12fr) minmax(340px,.62fr);gap:18px}.pro-contrast-panel{background:linear-gradient(#fffffff5,#fbfaf5bd),#fff;padding:18px}.contrast-score-pill{min-width:128px}.contrast-preset-strip{grid-template-columns:repeat(4,minmax(126px,1fr));gap:8px;margin-block:0 14px;display:grid}.contrast-preset-strip button{border-radius:var(--radius);min-width:0;min-height:50px;color:var(--ink);background:#fff;border:1px solid #10212b24;align-items:center;gap:8px;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.contrast-preset-strip button:hover,.contrast-preset-strip button:focus-visible{border-color:#118ab273;box-shadow:0 8px 18px #10212b14}.contrast-preset-strip button span{border-radius:var(--radius);background:linear-gradient(135deg, var(--fg) 0 50%, var(--bg) 50% 100%);border:1px solid #10212b29;flex:none;width:28px;height:22px}.contrast-workspace{grid-template-columns:minmax(250px,.52fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.contrast-control-stack{border-radius:var(--radius);background:#fff;border:1px solid #10212b1c;gap:10px;min-width:0;padding:14px;display:grid}.contrast-control-stack .input-row{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:6px;margin-block-end:8px}.contrast-control-stack .input-row label{line-height:1.2}.contrast-color-row{grid-template-columns:minmax(0,1fr)}.contrast-color-row .color-input-combo{grid-template-columns:minmax(0,1fr) 56px;gap:10px}.contrast-color-row .color-text-input{font-variant-numeric:tabular-nums;min-width:0}.contrast-color-row .native-color-picker-shell{min-width:56px;width:56px!important}.contrast-control-stack .range-control{grid-template-columns:minmax(0,1fr) minmax(64px,max-content)}.contrast-control-stack .range-control output{min-width:64px}.contrast-control-actions{grid-template-columns:minmax(0,1fr);gap:10px;margin-block-start:2px;display:grid}.contrast-control-actions .small-button{white-space:normal;text-align:center;width:100%;min-width:0;min-height:48px;padding-block:8px;line-height:1.2}.contrast-target-row select{width:100%;min-width:0;max-width:100%}.contrast-alpha-note{color:#6f5a1c;overflow-wrap:anywhere;margin:-4px 0 0;font-size:.82rem;font-weight:700;line-height:1.4}.contrast-alpha-note:empty{display:none}.contrast-support-note{color:#51636d;margin:-2px 0 0;font-size:.8rem;font-weight:700;line-height:1.4}.contrast-visual-stack{gap:10px;min-width:0;display:grid}.contrast-decision-summary{padding:var(--space-callout);border-radius:var(--radius);color:var(--ink);background:#f8f7f1;border:1px solid #10212b1f;gap:5px;margin:12px 0 0;font-size:.9rem;font-weight:700;line-height:1.36;display:grid}.contrast-decision-summary[data-status=pass]{background:#effaf4;border-color:#2f855a3d}.contrast-decision-summary[data-status=warn]{background:#fff8df;border-color:#ffd16680}.contrast-decision-summary[data-status=fail]{background:#fff1f4;border-color:#ef476f3d}.contrast-decision-summary span{color:#394b55;text-transform:uppercase;font-size:.75rem;font-weight:700}.contrast-decision-summary strong,.contrast-decision-summary p{overflow-wrap:anywhere;margin:0;line-height:1.3}.contrast-decision-summary strong{color:var(--ink);font-size:1rem;font-weight:700}.contrast-result-anchor{gap:3px;display:grid}.contrast-result-anchor strong{letter-spacing:0;font-size:clamp(2.35rem,8vw,4.65rem);line-height:.95}.contrast-result-anchor small{color:#33414b;overflow-wrap:anywhere;font-weight:700}.contrast-verdict-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.contrast-verdict-stack span{border-radius:var(--radius);color:#263841;text-transform:none;background:#ffffffbd;border:1px solid #10212b1c;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:7px 9px;font-size:.74rem;display:flex}.contrast-verdict-stack span[data-status=pass] strong{color:#276b49}.contrast-verdict-stack span[data-status=fail] strong{color:#b42345}.contrast-verdict-stack strong{text-transform:uppercase;flex:none;font-size:.72rem}.contrast-decision-summary p{color:#33414b;font-size:.9rem;font-weight:700}.contrast-ui-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.contrast-ui-preview-grid>div{border:1px solid color-mix(in srgb, var(--contrast-fg,#10212b) 36%, transparent);border-radius:var(--radius);background:var(--contrast-bg,#fbfaf5);min-width:0;min-height:114px;color:var(--contrast-fg,#10212b);align-content:center;gap:8px;padding:12px;display:grid}.contrast-ui-preview-grid>div>span{text-transform:uppercase;opacity:.78;font-size:.72rem;font-weight:700}.contrast-ui-preview-grid .visual-button-specimen{border:2px solid var(--contrast-fg,#10212b);border-radius:var(--radius);background:var(--contrast-fg,#10212b);width:max-content;min-height:36px;color:var(--contrast-bg,#fbfaf5);justify-content:center;align-items:center;padding:0 11px;font-weight:700;display:inline-flex}.contrast-ui-preview-grid>div:nth-child(4) .visual-button-specimen{outline:3px solid var(--contrast-fg,#10212b);outline-offset:3px;background:var(--contrast-bg,#fbfaf5);color:var(--contrast-fg,#10212b)}.contrast-ui-preview-grid label{gap:6px;font-weight:700;display:grid}.contrast-ui-preview-grid input{border:2px solid var(--contrast-fg,#10212b);border-radius:var(--radius);background:var(--contrast-bg,#fbfaf5);width:100%;min-height:38px;color:var(--contrast-fg,#10212b);font:inherit;padding:0 10px}.contrast-ui-preview-grid p{margin:0;font-weight:700}.contrast-ui-preview-grid a{color:var(--contrast-fg,#10212b);text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb, currentColor 58%, transparent);text-underline-offset:.18em;background-image:var(--hc-footer-spectrum);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;font-weight:700;transition:background-size .18s,text-decoration-color .18s;position:relative}.contrast-ui-preview-grid a:is(:hover,:focus-visible){background-size:100% 2px;text-decoration-color:#0000}.contrast-fix-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.contrast-fix-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;align-content:start;gap:6px;min-width:0;padding:12px;display:grid}.contrast-fix-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.contrast-fix-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.contrast-fix-card span{color:#394b55;text-transform:uppercase;font-size:.72rem;font-weight:700}.contrast-fix-card strong,.contrast-fix-card p{overflow-wrap:anywhere;margin:0;line-height:1.25}.contrast-fix-card strong{color:var(--ink);font-size:.88rem;font-weight:700}.contrast-fix-card p{color:#33414b;font-size:.84rem;font-weight:700}.contrast-fix-card div{flex-wrap:wrap;gap:7px;display:flex}.contrast-fix-card button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;padding:0 9px;font-size:.74rem;font-weight:700}.contrast-output-panel{position:sticky;top:98px}.contrast-output-panel textarea{min-height:260px}.contrast-next-actions{margin-block-start:12px}textarea{resize:vertical;border-radius:var(--radius);width:100%;min-height:104px;padding:var(--hc-control-padding-block) var(--hc-control-padding-inline);color:var(--ink);background:#fff;border:1px solid #10212b38;line-height:1.5}textarea[readonly]{color:#eaf7fa;background:#071016;border-color:#ffffff38;min-height:280px}.tool-hero{background:linear-gradient(#ffffffb8,#f2efe6e6),linear-gradient(90deg,#ef476f24,#06d6a029,#118ab224);border-block-end:1px solid #10212b1f;padding-block:72px 54px}.tool-hero-with-image{isolation:isolate;background:#fbfaf5;min-height:520px;position:relative;overflow:hidden}.responsive-hero-picture{z-index:0;pointer-events:none;position:absolute;inset:0}.responsive-hero-picture img{object-fit:cover;object-position:center right;width:100%;height:100%;display:block}.tool-hero-with-image:before,.tool-hero-with-image:after{content:"";pointer-events:none;position:absolute;inset:0}.tool-hero-with-image:before{z-index:1;background:linear-gradient(90deg,#fbfaf5fc 0%,#fbfaf5e6 39%,#fbfaf561 74%,#fbfaf529 100%)}.tool-hero-with-image:after{z-index:2;background:linear-gradient(#fbfaf500,#f2efe694),radial-gradient(circle at 76% 42%,#fff3,#fff0 36%)}.tool-index-hero-with-image{isolation:isolate;background:#fbfaf5;min-height:560px;position:relative;overflow:hidden}.tool-index-hero-with-image:before,.tool-index-hero-with-image:after{content:"";pointer-events:none;position:absolute;inset:0}.tool-index-hero-with-image:before{z-index:1;background:linear-gradient(90deg,#fbfaf5fc 0%,#fbfaf5e6 40%,#fbfaf55c 76%,#fbfaf52e 100%)}.tool-index-hero-with-image:after{z-index:2;background:linear-gradient(#fbfaf500,#f2efe6a3),radial-gradient(circle at 78% 38%,#ffffff2e,#fff0 38%)}.tool-hero-grid,.tool-index-hero-grid{z-index:3;grid-template-columns:minmax(0,.95fr) minmax(320px,.72fr);align-items:center;gap:38px;display:grid;position:relative}.tool-hero h1{max-width:860px;margin:0;font-size:4.1rem;line-height:1}.tool-hero p:not(.eyebrow){max-width:var(--measure-content);color:#2f414b;margin:18px 0 0;font-size:1.12rem}.tool-link-panel{gap:var(--space-2);padding:var(--card-padding,var(--space-card));border-radius:var(--radius);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tool-link-panel a{border-radius:var(--radius);flex-direction:column;justify-content:center;gap:4px;min-height:76px;padding:12px;text-decoration:none;display:flex}.tool-link-panel span{font-weight:700;line-height:1.15}.tool-link-panel small{color:inherit;opacity:.72;font-size:.74rem;font-weight:700}.related-panel-heading{grid-column:1/-1;gap:3px;padding:4px 4px 6px;display:grid}.related-panel-heading span{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;font-size:.86rem;font-weight:700}.related-panel-heading small{color:var(--muted);opacity:1;font-size:.84rem;font-weight:700;line-height:1.3}.related-link-panel{align-content:start}.tool-link-panel.related-link-panel,.guide-index.related-link-panel{backdrop-filter:blur(7px)saturate(1.04);background:#ffffff61;border:1px solid #ffffff80;box-shadow:0 18px 46px #10212b1a}.utility-section{background:#fff}.stage-tool-layout{grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);align-items:start;gap:16px;display:grid}.stage-tool-layout-wide{grid-template-columns:minmax(0,1.12fr) minmax(360px,.82fr)}.stage-tool-primary{min-height:100%}.stage-picker-grid{grid-template-columns:minmax(220px,.72fr) minmax(0,1fr);align-items:stretch;gap:14px;margin-block-end:14px;display:grid}.stage-swatch-large{border-radius:var(--radius);background:#4169e1;border:1px solid #10212b29;flex-direction:column;justify-content:flex-end;gap:6px;min-height:240px;padding:18px;display:flex;box-shadow:inset 0 0 0 1px #ffffff47}.stage-swatch-large strong{font-size:1.75rem;line-height:1}.stage-swatch-large span{font-weight:700}.stage-control-stack{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1c;flex-direction:column;justify-content:center;min-width:0;padding:14px;display:flex}.pro-tool-layout{grid-template-columns:minmax(0,1.18fr) minmax(340px,.62fr);gap:18px}.pro-tool-panel{background:linear-gradient(#fffffff5,#fbfaf5bd),#fff;padding:18px}.pro-panel-header{align-items:center}.compact-panel-header{min-height:auto;margin-block:18px 10px}.compact-panel-header h3{font-size:1rem}.picker-preset-strip{grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;margin-block-end:14px;display:grid}.picker-preset-strip button{border-radius:var(--radius);min-width:0;min-height:48px;color:var(--ink);background:#fff;border:1px solid #10212b24;align-items:center;gap:8px;padding:0 10px;font-size:.8rem;font-weight:700;display:inline-flex}.picker-preset-strip button:hover,.picker-preset-strip button:focus-visible{border-color:#118ab273;box-shadow:0 8px 18px #10212b14}.picker-preset-strip button span{background:var(--preset-color);border:1px solid #10212b2e;border-radius:50%;flex:none;width:20px;height:20px}.pro-picker-workspace{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.pro-picker-preview{gap:10px;min-width:0;display:grid}.pro-picker-swatch{height:clamp(160px,28vh,280px);min-height:160px;max-height:280px;padding:18px;position:relative;overflow:hidden}.pro-picker-swatch:after{content:none}.color-system-card{isolation:isolate;position:relative}.color-system-card:after{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from 0deg, var(--hc-primary), var(--hc-accent), var(--hc-warning), var(--hc-danger), #8b5cf6, var(--hc-primary));filter:blur(18px);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:-1px}.color-system-card:is(:hover,:focus-within):after{opacity:.16}.pro-picker-swatch.color-system-card{overflow:visible}@media (prefers-reduced-motion:no-preference){.color-system-card:is(:hover,:focus-within):after{animation:18s linear infinite halo-turn}}@keyframes halo-turn{to{transform:rotate(1turn)}}.pro-picker-swatch>*{z-index:1;position:relative}.pro-picker-swatch .swatch-label,.pro-picker-swatch em{text-shadow:0 1px 16px #10212b2e;font-style:normal;font-weight:700}.pro-picker-swatch .swatch-label{text-transform:uppercase;opacity:1;font-size:.74rem}.pro-picker-swatch em{font-size:.95rem}.picker-swatch-facts{flex-wrap:wrap;gap:6px;margin-block-start:8px;display:flex}.picker-swatch-facts span{border:1px solid color-mix(in srgb, currentColor 34%, transparent);border-radius:var(--radius);min-height:28px;color:inherit;text-shadow:none;background:0 0;align-items:center;padding:0 8px;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}@media (height<=760px) and (width>=821px){.pro-picker-swatch{height:clamp(140px,24vh,220px);min-height:140px;max-height:220px}}.picker-context-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;display:grid}.picker-context-card{min-height:104px;padding:var(--card-padding,var(--space-card));border-radius:var(--radius);background:var(--context-bg);color:var(--context-text);border:1px solid #10212b1f;align-content:space-between;place-items:start stretch;gap:12px;display:grid}.picker-context-card-head{grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:12px;min-width:0;display:grid}.picker-context-card-head>span,.picker-context-card-result>*{line-height:1.15;display:block}.picker-context-card-head>span{letter-spacing:.015em;text-transform:uppercase;font-size:.72rem;font-weight:700}.picker-context-card-result{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:6px;min-width:0;display:grid}.picker-context-card-result strong{font-size:.9rem}.picker-context-card-result span{border:1px solid color-mix(in srgb, currentColor 34%, transparent);background:color-mix(in srgb, currentColor 10%, transparent);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;justify-self:start;padding:3px 5px;font-size:.62rem;font-weight:700}.picker-context-card-result small{white-space:nowrap;justify-self:end;font-size:.66rem;font-weight:700}.picker-context-sample{border:1px solid color-mix(in srgb, var(--context-text) 24%, transparent);border-radius:var(--radius);background:var(--context-bg);width:48px;height:48px;color:var(--context-fg);justify-self:end;place-items:center;margin:0;font-size:1.2rem;font-weight:700;line-height:1;display:grid;overflow:hidden}.picker-context-sample[data-sample=border],.picker-context-sample[data-sample=focus]{font-size:0}.picker-context-sample[data-sample=border]{border:3px solid var(--context-fg)}.picker-context-sample[data-sample=focus]{outline:3px solid var(--context-fg);outline-offset:-6px}.pro-picker-controls{background:#fff;justify-content:start}.picker-control-actions{margin-block:-2px 12px}.picker-control-actions .small-button[disabled]{cursor:not-allowed;opacity:.68;transform:none}.picker-recommendation{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;gap:5px;margin-block-end:12px;padding:12px;display:grid}.picker-recommendation[data-status=strong]{background:#effaf4;border-color:#2f855a3d}.picker-recommendation[data-status=watch]{background:#fff8df;border-color:#ffd16680}.picker-recommendation span{color:#394b55;text-transform:uppercase;font-size:.75rem;font-weight:700}.picker-recommendation strong{color:var(--ink);font-size:.92rem;line-height:1.35}.picker-alpha-control{width:100%}.picker-support-note{min-height:auto;margin:-4px 0 12px}.picker-gamut-note{border:1px solid #10212b1f;border-radius:var(--radius);color:#394b55;background:#effaf4;border-inline-start:5px solid #2f855ac7;min-height:auto;margin:0;padding:11px 12px;font-size:.84rem;font-weight:700;line-height:1.45}.picker-gamut-note[data-status=warn]{border-color:#ffd16685;color:#5d4b13;background:#fff8df;border-inline-start-color:#ffd166}.picker-decision-panel{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;gap:10px;margin-block-end:12px;padding:12px;display:grid;container:picker-decision/inline-size}.picker-decision-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.picker-decision-heading h4{margin:2px 0 0;font-size:1rem}.picker-decision-heading .picker-task-label,.pro-output-panel>.panel-header .picker-task-label{margin-block-end:6px}.picker-repair-heading{border-block-start:1px solid #10212b1f;grid-template-columns:minmax(0,1fr) 13.75rem;align-items:center;gap:10px;padding-block-start:12px;display:grid}.picker-repair-heading .picker-task-label{white-space:nowrap;margin:0}.picker-repair-heading .small-button{max-width:100%;min-height:var(--hc-control-target);white-space:normal;line-height:1.15}.picker-gamut-badge{border-radius:var(--radius);color:#225f42;text-transform:uppercase;background:#effaf4;border:1px solid #2f855a3d;align-items:center;min-height:32px;padding:0 9px;font-size:.74rem;font-weight:700;display:inline-flex}.picker-gamut-badge[data-status=warn]{color:#6f5200;background:#fff8df;border-color:#ffd16680}.picker-gamut-details{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;display:grid}.picker-gamut-details [data-status]{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;align-content:start;gap:5px;min-width:0;min-height:86px;padding:12px;display:grid}.picker-gamut-details [data-status=pass]{background:#effaf4;border-color:#2f855a38;box-shadow:inset 0 0 0 1px #2f855a0f}.picker-gamut-details [data-status=warn]{background:#fff8df;border-color:#ffd16680;box-shadow:inset 0 0 0 1px #ffd16614}.picker-gamut-details span{color:#61707a;text-transform:uppercase;font-size:.7rem;font-weight:700}.picker-gamut-details strong{min-width:0;color:var(--ink);overflow-wrap:anywhere;font-size:.88rem;font-weight:700;line-height:1.2}.picker-gamut-details button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;justify-self:start;padding:0 8px;font-size:.72rem;font-weight:700}.picker-pair-preview{border:1px solid #10212b29;border-inline-start:6px solid var(--pair-accent,currentColor);border-radius:var(--radius);background:var(--pair-bg,#fff);min-height:0;color:var(--pair-text,var(--ink));grid-template-columns:1fr;align-items:center;gap:12px;padding:12px;display:grid}.picker-pair-preview span,.picker-pair-preview strong,.picker-pair-preview p{overflow-wrap:anywhere;margin:0;display:block}.picker-pair-preview span{text-transform:uppercase;font-size:.72rem;font-weight:700}.picker-pair-preview strong{margin-block-start:5px;font-size:1.05rem;line-height:1.16}.picker-pair-preview p{max-width:34rem;margin-block-start:6px;font-size:.8rem;font-weight:700;line-height:1.4}.picker-pair-preview .picker-pair-badges{grid-template-columns:1fr;gap:5px;display:grid}.picker-pair-preview .picker-pair-badge{align-items:center;align-content:initial;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:0;padding:6px 8px}.picker-pair-preview .picker-pair-badge strong{margin:0;font-size:.72rem}.picker-pair-preview .picker-pair-badge small{text-align:end;white-space:nowrap;font-size:.66rem}.picker-pair-badge{border-radius:var(--radius);min-height:48px;color:var(--ink);background:#ffffffeb;border:1px solid #10212b26;align-content:center;gap:2px;padding:7px;display:grid}.picker-pair-badge[data-status=pass]{color:#225f42;background:#effaf4;border-color:#2f855a47}.picker-pair-badge[data-status=fail]{color:#8f1732;background:#fff1f4;border-color:#ef476f40}.picker-pair-badge strong,.picker-pair-badge small{line-height:1.1}.picker-pair-badge strong{font-size:.78rem;font-weight:700}.picker-pair-badge small{font-size:.68rem;font-weight:700}.picker-nontext-badges{flex-wrap:wrap;gap:6px;display:flex}.picker-nontext-badges .picker-pair-badge{flex:92px;min-width:92px;min-height:40px}.picker-fix-preview{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;gap:8px;padding:12px;display:grid}.picker-fix-preview[hidden]{display:none}.picker-fix-preview div:not(.picker-fix-actions){gap:3px;display:grid}.picker-fix-preview span{color:#61707a;text-transform:uppercase;font-size:.72rem;font-weight:700}.picker-fix-preview strong,.picker-fix-preview p{overflow-wrap:anywhere;margin:0;line-height:1.25}.picker-fix-preview strong{color:var(--ink);font-weight:700}.picker-fix-preview p{color:#394b55;font-size:.86rem;font-weight:700}.picker-fix-actions{flex-wrap:wrap;gap:7px;display:flex}.picker-fix-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;padding:0 9px;font-size:.74rem;font-weight:700}.picker-decision-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.picker-decision-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;gap:4px;min-width:0;min-height:86px;padding:10px;display:grid}.picker-decision-card[data-status=pass]{background:#effaf4;border-color:#2f855a3d}.picker-decision-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.picker-decision-card[data-status=fail]{background:#fff1f4;border-color:#ef476f3d}.picker-decision-card span{color:#61707a;text-transform:uppercase;font-size:.72rem;font-weight:700}.picker-decision-card strong,.picker-decision-card small{overflow-wrap:anywhere;min-width:0;line-height:1.2}.picker-decision-card strong{color:var(--ink);font-size:.98rem;font-weight:700}.picker-decision-card small{color:#394b55;font-weight:700}.picker-inspector{grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:0}.pro-recent-color-box{background:#fff;grid-template-columns:minmax(150px,.32fr) minmax(0,1fr);align-items:center;gap:10px;display:grid}.pro-recent-color-box h4{margin-block-end:2px}.pro-recent-color-box p{color:var(--muted);margin:0;font-size:.82rem;font-weight:700}.picker-format-shell{min-width:0}.picker-format-list{grid-template-columns:1fr;gap:12px}.picker-format-group{border-radius:var(--radius);background:#fff;border:1px solid #10212b1a;gap:8px;padding:12px;display:grid}.picker-format-group-heading{gap:2px;display:grid}.picker-format-group-heading h4{margin:0;font-size:.98rem}.picker-format-group-heading p{color:var(--muted);margin:0;font-size:.84rem;font-weight:700}.picker-format-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.picker-format-chip{background:#f8f7f1}.stage-result-panel.code-panel h3,.stage-result-panel.code-panel h4{color:var(--ink)}.pro-output-panel{position:sticky;top:98px}.pro-output-panel .panel-kicker,.pro-output-panel .input-row label,.picker-token-preview .panel-kicker{color:#394b55}.pro-output-panel h3,.pro-output-panel h4,.picker-token-preview h4{color:var(--ink)}.pro-output-panel textarea{min-height:294px}.picker-export-control{grid-template-columns:92px minmax(0,1fr);margin-block:-2px 12px}.picker-export-actions{flex-wrap:wrap;gap:7px;margin-block:-2px 12px;display:flex}.picker-export-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;padding:0 9px;font-size:.74rem;font-weight:700}.picker-export-actions button:hover,.picker-export-actions button:focus-visible{border-color:#118ab26b;transform:translateY(-1px);box-shadow:0 8px 16px #10212b14}.picker-token-preview{border-radius:var(--radius);color:var(--ink);background:#f8f7f1;border:1px solid #10212b1f;gap:8px;margin-block-start:12px;padding:12px;display:grid}.picker-token-preview h4{margin:2px 0 0;font-size:1rem}.picker-token-preview code{overflow-wrap:anywhere;white-space:pre-wrap;color:var(--ink);font-weight:700;display:block}.picker-readiness{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;gap:8px;margin-block-start:12px;padding:12px;display:grid}.pro-picker-preview .picker-readiness{margin-block-start:0}.picker-readiness h4{margin:2px 0 0;font-size:1rem}.picker-readiness-list{gap:7px;display:grid}.picker-readiness-list div{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;gap:2px;min-height:48px;padding:8px;display:grid}.picker-readiness-list div[data-status=pass]{background:#effaf4;border-color:#2f855a38}.picker-readiness-list div[data-status=warn]{background:#fff8df;border-color:#ffd16680}.picker-readiness-list div[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.picker-readiness-list span{color:#61707a;text-transform:uppercase;font-size:.7rem;font-weight:700}.picker-readiness-list strong{color:var(--ink);overflow-wrap:anywhere;font-size:.88rem;line-height:1.2}.next-action-list{gap:var(--space-2);margin-block-start:var(--space-3);display:grid}.next-action-card{justify-content:center;gap:var(--space-1);min-height:64px;padding:var(--card-padding,var(--space-card));border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b1f;flex-direction:column;text-decoration:none;display:flex}.next-action-card:hover,.next-action-card:focus-visible{border-color:#118ab26b;transform:translateY(-1px);box-shadow:0 10px 20px #10212b14}.next-action-card span{font-weight:700}.next-action-card small{color:var(--muted);font-weight:700}.next-actions-header-actions{align-items:flex-start}.next-actions-trigger{background:linear-gradient(#fff, #fff) padding-box, var(--hc-spectrum) border-box;min-height:46px;color:var(--ink);white-space:normal;border:2px solid #0000;flex:none;gap:8px;padding-inline:14px;font-weight:700;position:relative;box-shadow:0 10px 24px #10212b1a,0 0 0 3px #118ab20d}.next-actions-trigger:after{content:"";opacity:.72;border-block-start:2px solid;border-inline-end:2px solid;flex:none;width:8px;height:8px;transform:rotate(45deg)}.next-actions-trigger:is(:hover,:focus-visible){background:linear-gradient(#f8fdff, #fff) padding-box, var(--hc-spectrum) border-box;box-shadow:0 14px 30px #10212b24,0 0 0 4px #118ab214}.next-actions-overlay[hidden]{display:none}.next-actions-overlay{z-index:274;place-items:start center;padding:clamp(18px,8svh,74px) 18px 18px;display:grid;position:fixed;inset:0}.next-actions-scrim{backdrop-filter:blur(8px);background:#10212b85;position:absolute;inset:0}.next-actions-dialog{z-index:1;border-radius:var(--radius);background:var(--paper);width:min(760px,100%);max-height:min(820px,100svh - 36px);color:var(--ink);border:1px solid #10212b24;gap:16px;padding:22px;display:grid;position:relative;overflow:auto;box-shadow:0 28px 74px #10212b38,inset 0 0 0 1px #ffffffa3}dialog.picker-next-actions-dialog{margin:auto;position:fixed;inset:0}dialog.picker-next-actions-dialog:not([open]){display:none}dialog.picker-next-actions-dialog::backdrop{backdrop-filter:blur(8px);background:#10212b85}.next-actions-dialog:before{content:"";background:var(--hc-spectrum);pointer-events:none;height:5px;position:absolute;inset:0 0 auto}.next-actions-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.next-actions-head>div{min-width:0}.next-actions-head .tool-share-close{white-space:nowrap;flex:none}.next-actions-kicker{color:#0b7899;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:700}.next-actions-head h2{overflow-wrap:anywhere;margin:0;font-size:clamp(1.2rem,3vw,1.65rem);line-height:1.16}.next-actions-head p:last-child{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0;font-weight:700;line-height:1.45}.next-actions-modal-list,.picker-next-actions-dialog .next-action-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;margin-block-start:0}.next-actions-dialog .next-action-card{background:#fff;min-height:122px}.next-actions-dialog .next-action-card .next-action-carryover{color:#394b55;border-block-start:1px solid #10212b1a;width:100%;margin-block-start:7px;padding-block-start:8px;font-size:.78rem;font-weight:700;line-height:1.32}.next-actions-dialog .next-action-color-token{color:#10212b;white-space:nowrap;align-items:center;gap:4px;margin-inline:2px;font-weight:700;display:inline-flex}.next-actions-dialog .next-action-color-swatch{border:1px solid #10212b3d;border-radius:4px;flex:0 0 .8rem;width:.8rem;height:.8rem;box-shadow:inset 0 0 0 1px #ffffff75,0 1px 2px #10212b24}.tool-instructions{background:#edf7fa;border-color:#118ab238;margin-block:-2px 14px}.tool-instructions summary{min-height:44px;padding:var(--space-2) var(--space-callout);color:#0c5f78;justify-content:space-between;gap:12px;font-size:.92rem;list-style:none}.tool-instructions summary::-webkit-details-marker{display:none}.tool-instructions summary:after{content:"+";flex:none;font-size:1.1rem;line-height:1}.tool-instructions[open] summary:after{content:"-"}.tool-instructions-body{padding:0 var(--space-callout) var(--space-callout);color:#33414b}.tool-instructions-body ol{gap:8px;margin:0;padding-inline-start:22px;display:grid}.tool-instructions-body li{padding-inline-start:2px;font-size:.94rem;font-weight:700}.stage-copy-chip button,.copy-card button,.stage-swatch-card button,.suggestion-item button,.lock-swatch button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.76rem;font-weight:700}.copy-button,button[data-copy-target],button[data-copy-value],button[data-picker-copy-export],button[data-picker-copy-handoff],button[data-converter-copy-export],button[data-palette-copy-export],button[data-css-copy-preset],button[data-named-copy-preset],button[data-glossary-copy-preset],button[data-model-copy-preset],button[data-gamut-copy-preset],button[data-difference-copy-preset],button[data-mixer-copy-preset],button[data-opacity-copy-preset],button[data-temperature-copy-preset],button[data-chroma-copy-preset],button[data-ladder-copy-preset],button[data-gradient-palette-copy-preset],button[data-cvd-copy-preset],button[data-focus-copy-preset],button[data-link-copy-preset],button[data-image-eye-copy-preset],button[data-image-palette-copy-preset],button[data-duotone-copy-preset],button[data-harmony-copy-preset],button[data-scale-copy-preset],button[data-text-color-copy-preset],button[data-gradient-copy-preset],button[data-action=share],button[data-action=copy-share-url],button[data-action=copy-export],button[data-action=copy-seed-variable],button[data-action=palette-share],button[data-source-code-action]{position:relative;overflow:hidden}.copy-button.is-copied:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#0000 0%,#ffffff7a 45%,#0000 70%);animation:.72s copy-sheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes copy-sheen{to{transform:translate(120%)}}.stage-copy-chip button{justify-self:start;margin-block-start:10px;padding:0 9px;position:static}.stacked-label{margin-block-end:var(--space-form-label);font-weight:700;display:block}.large-text-input{border-radius:var(--radius);width:100%;min-height:56px;color:var(--ink);background:#fff;border:1px solid #10212b38;padding:0 14px;font-size:1.16rem;font-weight:700}.inline-note,.inline-error{margin-inline-start:0}.copy-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.copy-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;align-content:start;gap:6px;min-height:104px;padding:10px;display:grid}.copy-card span{color:#61707a;text-transform:uppercase;font-size:.76rem;font-weight:700}.copy-card code{overflow-wrap:anywhere;min-height:38px;font-size:.86rem}.copy-card button{justify-self:start;padding:0 9px}.pro-css-layout{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);align-items:start}.pro-css-panel{background:linear-gradient(#fffffffa,#fbfaf5d6),#fff}.css-workspace{grid-template-columns:minmax(260px,.92fr) minmax(0,1.08fr);align-items:start;gap:14px;margin-block-end:14px;display:grid}.css-control-stack,.css-preview-stack{gap:12px;min-width:0;display:grid}.css-alpha-row{gap:8px;display:grid}.css-alpha-row>label{color:#394b55;font-weight:700}.css-sample-card{background:var(--css-sample-color,#4169e1);min-height:212px;color:var(--css-sample-text,#fff);border:1px solid #10212b24;border-radius:18px;align-content:end;gap:8px;padding:16px;display:grid;overflow:hidden}.css-sample-card span,.css-sample-card strong,.css-sample-card p{overflow-wrap:anywhere;text-shadow:0 1px 12px #0000002e;max-width:520px;margin:0}.css-sample-card span{text-transform:uppercase;font-size:.74rem;font-weight:700}.css-sample-card strong{font-size:2rem;line-height:1}.css-sample-card p{font-size:.9rem;font-weight:700;line-height:1.36}.css-preview-button{border-radius:var(--radius);background:var(--css-sample-dark,#10212b);color:#fff;border:1px solid #ffffff5c;align-items:center;width:max-content;max-width:100%;min-height:42px;padding:0 14px;font-weight:700;display:inline-flex}.css-readiness-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.css-readiness-list div{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;gap:2px;min-height:56px;padding:8px;display:grid}.css-readiness-list div[data-status=pass]{background:#effaf4;border-color:#2f855a38}.css-readiness-list div[data-status=warn]{background:#fff8df;border-color:#ffd16680}.css-readiness-list div[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.css-readiness-list span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.css-readiness-list strong{color:var(--ink);overflow-wrap:anywhere;font-size:.82rem;line-height:1.2}.css-output-panel{position:sticky;top:88px}.css-copy-actions,.harmony-copy-actions,.scale-copy-actions,.text-color-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.css-copy-actions button,.harmony-copy-actions button,.scale-copy-actions button,.text-color-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.78rem;font-weight:700}.css-support-panel{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;margin-block-start:12px;padding:12px}.css-support-panel ul{color:#33414b;gap:8px;margin:8px 0 0;padding-inline-start:18px;font-size:.86rem;font-weight:700;line-height:1.38;display:grid}.pro-gradient-layout{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);align-items:start}.pro-gradient-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.gradient-workspace{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);align-items:start;gap:14px;margin-block-end:14px;display:grid}.gradient-control-stack,.gradient-visual-stack{gap:12px;min-width:0;display:grid}.gradient-add-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.gradient-add-field{min-width:0}.gradient-add-button{white-space:nowrap;min-height:44px}.gradient-paste-panel{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;gap:8px;padding:10px;display:grid}.gradient-paste-panel[open]{background:#fff}.gradient-paste-panel summary{color:var(--ink);cursor:pointer;font-size:.86rem;font-weight:700;line-height:1.18}.gradient-paste-panel .stacked-label{margin-block-start:10px}.gradient-paste-panel textarea{resize:vertical;min-height:104px}.gradient-paste-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.gradient-paste-button{width:100%;min-height:var(--hc-control-target)}.gradient-palette-status{min-height:1.2em;margin-block:2px 0}.gradient-palette-toolbar{border-radius:var(--radius);background:#fff;border:1px solid #10212b1a;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:8px 10px;display:flex}.gradient-palette-toolbar span{color:#61707a;text-transform:uppercase;font-size:.78rem;font-weight:700;line-height:1.12}.gradient-clear-button{min-height:var(--hc-control-target);padding-inline:10px}.gradient-clear-button:disabled{cursor:not-allowed;opacity:.52}.gradient-color-builder{gap:8px;display:grid}.gradient-color-chip{border-radius:var(--radius);cursor:grab;touch-action:none;user-select:none;background:#fff;border:1px solid #10212b1f;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:8px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.gradient-color-chip.is-dragging{cursor:grabbing;opacity:.72;border-color:#198fb06b;transform:scale(.99);box-shadow:0 10px 24px #10212b1f}.gradient-color-chip.is-drop-target{border-color:#198fb094;box-shadow:0 0 0 3px #198fb024}.gradient-color-builder.is-reordering .gradient-color-chip:not(.is-dragging){cursor:grabbing}.gradient-color-chip-swatch{border:1px solid color-mix(in srgb, var(--gradient-chip-text) 26%, transparent);background:var(--gradient-chip-bg);min-height:38px;color:var(--gradient-chip-text);border-radius:12px;place-items:center;font-size:.76rem;font-weight:700;display:grid}.gradient-color-chip-meta{gap:2px;min-width:0;display:grid}.gradient-color-chip-meta strong{color:var(--ink);overflow-wrap:anywhere;font-size:.9rem;line-height:1.08}.gradient-color-chip-meta em{color:#61707a;font-size:.72rem;font-style:normal;font-weight:700;line-height:1.16}.gradient-color-chip button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);white-space:nowrap;background:#f8f7f1;border:1px solid #10212b29;padding-inline:10px;font-size:.74rem;font-weight:700}.gradient-color-empty,.gradient-stop-control-empty{border-radius:var(--radius);color:#61707a;text-align:center;background:#f8f7f1;border:1px dashed #10212b3d;place-items:center;min-height:58px;padding:12px;font-size:.82rem;font-weight:700;display:grid}.gradient-dynamic-stop-controls{gap:10px;display:grid}.gradient-advanced-controls{background:#f8f7f1;border-color:#10212b1f}.gradient-advanced-controls summary{min-height:var(--hc-control-target);color:var(--ink);padding:0 12px;font-size:.86rem;font-weight:700}.gradient-advanced-grid{gap:10px;padding:0 12px 12px;display:grid}.gradient-advanced-grid [hidden]{display:none}.gradient-repeat-row{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b1f;align-items:center;gap:10px;padding:0 10px;font-size:.9rem;font-weight:700;display:flex}.gradient-repeat-row input{width:18px;height:18px;accent-color:var(--cyan)}.gradient-stop-tools{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.gradient-stop-tools small{color:#5f6f79;grid-column:1/-1;font-size:.78rem;font-weight:700;line-height:1.32}.gradient-stop-tools .small-button{min-height:var(--hc-control-target);white-space:nowrap}.pro-gradient-preview{border:1px solid #10212b29;border-radius:18px;align-content:end;gap:8px;min-height:330px;padding:18px;display:grid;overflow:hidden;box-shadow:inset 0 -80px 120px #0000002e}.pro-gradient-preview span,.pro-gradient-preview strong,.pro-gradient-preview p,.pro-gradient-preview code{overflow-wrap:anywhere;text-shadow:0 1px 14px #00000038;max-width:640px;margin:0}.pro-gradient-preview span{text-transform:uppercase;font-size:.74rem;font-weight:700}.pro-gradient-preview strong{font-size:clamp(2rem,6vw,3.2rem);line-height:.96}.pro-gradient-preview p{font-size:.92rem;font-weight:700;line-height:1.35}.pro-gradient-preview code{width:fit-content;max-width:100%;color:inherit;background:#ffffff29;border:1px solid #ffffff42;border-radius:10px;padding:6px 8px;font-size:.76rem;font-weight:700}.gradient-preview.pro-gradient-preview{min-height:330px;font-weight:inherit;overflow-wrap:normal;border-radius:18px;align-content:end;padding:18px;line-height:normal;display:grid;overflow:hidden}.gradient-preview-caption{backdrop-filter:blur(10px);background:#ffffff2e;border:1px solid #ffffff47;border-radius:14px;gap:5px;width:fit-content;max-width:min(460px,100%);padding:14px 16px 16px;display:grid;box-shadow:0 16px 38px #00000029}.gradient-preview-caption span,.gradient-preview-caption strong,.gradient-preview-caption small{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 12px #00000038;max-width:100%;margin:0;overflow:hidden}.gradient-preview-caption span{text-transform:uppercase;font-size:.72rem;font-weight:700}.gradient-preview-caption strong{padding-block:.02em .08em;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.12}.gradient-preview-caption small{font-size:.82rem;font-weight:700;line-height:1.2}.gradient-readiness-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.gradient-readiness-list div{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;gap:2px;min-height:56px;padding:8px;display:grid}.gradient-readiness-list div[data-status=pass]{background:#effaf4;border-color:#2f855a38}.gradient-readiness-list div[data-status=warn]{background:#fff8df;border-color:#ffd16680}.gradient-readiness-list div[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.gradient-readiness-list span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.gradient-readiness-list strong{color:var(--ink);overflow-wrap:anywhere;font-size:.82rem;line-height:1.2}.gradient-stop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-block-start:12px;display:grid}.gradient-stop-card{border-radius:var(--radius);background:var(--stop-color);min-height:150px;color:var(--stop-text);border:1px solid #10212b24;align-content:end;gap:5px;padding:12px;display:grid;overflow:hidden}.gradient-stop-card span,.gradient-stop-card strong,.gradient-stop-card small{overflow-wrap:anywhere;text-shadow:0 1px 10px #0000002e}.gradient-stop-card span{text-transform:uppercase;font-size:.72rem;font-weight:700}.gradient-stop-card strong{font-size:1.35rem;line-height:1}.gradient-stop-card small{font-weight:700;line-height:1.25}.gradient-stop-card button{min-height:var(--hc-control-target);border:1px solid color-mix(in srgb, var(--stop-color) 30%, var(--stop-text));background:var(--stop-text);color:var(--stop-color);border-radius:10px;justify-self:start;padding:0 10px;font-weight:700}.gradient-explanation{margin-block-start:12px}.gradient-output-panel{position:sticky;top:88px}.gradient-output-panel select{width:100%;margin-block-end:10px}.gradient-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.gradient-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.78rem;font-weight:700}.gradient-support-panel{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;margin-block-start:12px;padding:12px}.gradient-support-panel ul{color:#33414b;gap:8px;margin:8px 0 0;padding-inline-start:18px;font-size:.86rem;font-weight:700;line-height:1.38;display:grid}.pro-gradient-palette-layout{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:start}.pro-gradient-palette-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.gradient-palette-workspace{grid-template-columns:minmax(260px,.84fr) minmax(0,1.16fr);align-items:start;gap:14px;display:grid}.gradient-palette-control-stack,.gradient-palette-visual-stack{gap:12px;min-width:0;display:grid}.gradient-palette-add-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.gradient-palette-add-field{min-width:0}.gradient-palette-add-button{white-space:nowrap;min-height:44px}.gradient-palette-paste-panel{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;gap:8px;padding:10px;display:grid}.gradient-palette-paste-panel[open]{background:#fff}.gradient-palette-paste-panel summary{color:var(--ink);cursor:pointer;font-size:.86rem;font-weight:700;line-height:1.18}.gradient-palette-paste-panel .stacked-label{margin-block-start:10px}.gradient-palette-paste-panel textarea{resize:vertical;min-height:104px}.gradient-palette-paste-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.gradient-palette-clear-button{min-height:var(--hc-control-target);padding-inline:10px}.gradient-palette-clear-button:disabled,button[data-action=gradient-palette-swap]:disabled{cursor:not-allowed;opacity:.52}.gradient-palette-color-builder{gap:8px;display:grid}.gradient-palette-color-chip{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:8px;display:grid}.gradient-palette-color-chip-swatch{border:1px solid color-mix(in srgb, var(--gradient-palette-chip-text) 26%, transparent);background:var(--gradient-palette-chip-bg);min-height:38px;color:var(--gradient-palette-chip-text);border-radius:12px;place-items:center;display:grid}.gradient-palette-color-chip-meta{gap:2px;min-width:0;display:grid}.gradient-palette-color-chip-meta strong{color:var(--ink);overflow-wrap:anywhere;font-size:.9rem;line-height:1.08}.gradient-palette-color-chip-meta em{color:#61707a;font-size:.72rem;font-style:normal;font-weight:700;line-height:1.16}.gradient-palette-color-chip button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);white-space:nowrap;background:#f8f7f1;border:1px solid #10212b29;padding-inline:10px;font-size:.74rem;font-weight:700}.gradient-palette-color-empty{border-radius:var(--radius);color:#61707a;text-align:center;background:#f8f7f1;border:1px dashed #10212b3d;place-items:center;min-height:58px;padding:12px;font-size:.82rem;font-weight:700;display:grid}.gradient-palette-advanced-controls{background:#f8f7f1;border-color:#10212b1f}.gradient-palette-advanced-controls summary{min-height:var(--hc-control-target);color:var(--ink);padding:0 12px;font-size:.86rem;font-weight:700}.gradient-palette-advanced-grid{gap:10px;padding:0 12px 12px;display:grid}.gradient-palette-stop-tools{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.gradient-palette-stop-tools small{color:#5f6f79;grid-column:1/-1;font-size:.78rem;font-weight:700;line-height:1.32}.gradient-palette-stop-tools .small-button{min-height:var(--hc-control-target);white-space:nowrap}.gradient-palette-dynamic-stop-controls{gap:10px;display:grid}.gradient-palette-stop-control-empty{border-radius:var(--radius);color:#61707a;text-align:center;background:#fff;border:1px dashed #10212b38;place-items:center;min-height:56px;padding:12px;font-size:.82rem;font-weight:700;display:grid}.gradient-palette-source-preview{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;gap:6px;padding:10px;display:grid}.gradient-palette-source-preview span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.gradient-palette-source-preview code{max-width:100%;color:var(--ink);white-space:nowrap;background:#f8f7f1;border-radius:10px;padding:8px;font-size:.74rem;font-weight:700;line-height:1.35;display:block;overflow-x:auto}.gradient-palette-range-row{grid-template-columns:96px minmax(120px,1fr) minmax(86px,max-content)}.gradient-palette-range-row input[type=range]{min-width:0;min-height:var(--hc-control-target);accent-color:var(--cyan);background:0 0;border:0;padding:0}.gradient-palette-range-row output{border-radius:var(--radius);min-width:86px;min-height:36px;color:var(--ink);white-space:nowrap;background:#f8f7f1;border:1px solid #10212b1f;justify-content:center;align-items:center;padding:0 12px;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.gradient-palette-recommendation{border-radius:var(--radius);background:#effaf4;border:1px solid #2f855a38;gap:6px;padding:14px;display:grid}.gradient-palette-recommendation h4,.gradient-palette-recommendation p{margin:0}.gradient-palette-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.gradient-palette-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.gradient-palette-preview{min-height:276px;color:var(--gradient-palette-caption-text,#10212b);background:linear-gradient(135deg,#ef476f,#ffd166,#06d6a0,#118ab2,#6f4bd8);border:1px solid #10212b29;border-radius:18px;align-content:end;padding:18px;display:grid;overflow:hidden;box-shadow:inset 0 -92px 128px #0000002e}.gradient-palette-preview-caption{border:1px solid var(--gradient-palette-caption-border,#10212b38);background:var(--gradient-palette-caption-bg,#fbfaf5db);width:fit-content;max-width:min(520px,100%);color:var(--gradient-palette-caption-text,#10212b);backdrop-filter:blur(10px);border-radius:14px;gap:5px;padding:14px 16px 16px;display:grid;box-shadow:0 16px 38px #00000029}.gradient-palette-preview-caption span,.gradient-palette-preview-caption strong,.gradient-palette-preview-caption small,.gradient-palette-preview-caption code{max-width:100%;color:inherit;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 12px #00000038;margin:0;overflow:hidden}.gradient-palette-preview-caption span{text-transform:uppercase;font-size:.72rem;font-weight:700}.gradient-palette-preview-caption strong{padding-block:.02em .08em;font-size:clamp(1.7rem,4vw,2.55rem);line-height:1.12}.gradient-palette-preview-caption small{font-size:.82rem;font-weight:700;line-height:1.2}.gradient-palette-preview-caption code{border:1px solid var(--gradient-palette-caption-code-border,#10212b33);background:var(--gradient-palette-caption-code-bg,#ffffffad);border-radius:10px;padding:5px 7px;font-size:.72rem;font-weight:700}.gradient-palette-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.gradient-palette-decision-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;align-content:start;gap:3px;min-height:80px;padding:10px;display:grid}.gradient-palette-decision-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.gradient-palette-decision-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.gradient-palette-decision-card[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.gradient-palette-decision-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.gradient-palette-decision-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;line-height:1.12}.gradient-palette-decision-card em{color:#33414b;font-size:.78rem;font-style:normal;font-weight:700;line-height:1.28}.gradient-palette-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:stretch;gap:10px;margin-block-start:12px;display:grid}.gradient-palette-card{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;grid-template-rows:128px 1fr;min-width:0;height:100%;display:grid;overflow:hidden}.gradient-palette-card[data-status=warn]{box-shadow:inset 0 -5px #ffd166d1}.gradient-palette-card-swatch{align-content:end;gap:5px;padding:12px;display:grid}.gradient-palette-card-swatch span{text-transform:uppercase;font-size:.68rem;font-weight:700}.gradient-palette-card-swatch strong{overflow-wrap:anywhere;font-size:1.28rem;line-height:1.12}.gradient-palette-card-swatch small{font-size:.74rem;font-weight:700;line-height:1.15}.gradient-palette-card-body{grid-template-rows:auto minmax(70px,auto) auto auto;align-content:stretch;gap:7px;padding:12px;display:grid}.gradient-palette-card-body>strong{color:var(--ink);font-size:.98rem;line-height:1.16}.gradient-palette-card-body p{color:#33414b;min-height:70px;margin:0;font-size:.78rem;font-weight:700;line-height:1.32}.gradient-palette-card-body small{color:#61707a;font-size:.72rem;font-weight:700;line-height:1.24}.gradient-palette-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;gap:8px;margin-block-start:auto;display:grid}.gradient-palette-card-actions button,.gradient-palette-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.76rem;font-weight:700}.gradient-palette-output-panel{position:sticky;top:88px}.gradient-palette-output-panel select{width:100%;margin-block-end:10px}.gradient-palette-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.gradient-palette-next-actions{margin-block-start:12px}.pro-duotone-layout{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:start}.pro-duotone-layout,.pro-duotone-panel,.duotone-workspace,.duotone-control-stack,.duotone-visual-stack,.duotone-output-panel{min-width:0;max-width:100%}.pro-duotone-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.duotone-header-actions,.duotone-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.duotone-header-actions button{white-space:nowrap}.duotone-workspace{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);align-items:start;gap:14px;display:grid}.duotone-control-stack,.duotone-visual-stack{gap:12px;display:grid}.duotone-control-stack>*,.duotone-visual-stack>*{min-width:0;max-width:100%}.duotone-color-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.duotone-range-row{grid-template-columns:96px minmax(120px,1fr) minmax(74px,max-content)}.duotone-range-row input[type=range]{min-width:0;min-height:var(--hc-control-target);accent-color:var(--cyan);background:0 0;border:0;padding:0}.duotone-range-row output{border-radius:var(--radius);min-width:74px;min-height:36px;color:var(--ink);white-space:nowrap;background:#f8f7f1;border:1px solid #10212b1f;justify-content:center;align-items:center;padding:0 10px;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.duotone-recommendation{border-radius:var(--radius);background:#effaf4;border:1px solid #2f855a38;gap:6px;padding:14px;display:grid}.duotone-recommendation[data-status=warn]{background:#fff8df;border-color:#ffd16680}.duotone-recommendation[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.duotone-recommendation h4,.duotone-recommendation p{margin:0}.duotone-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.duotone-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.duotone-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.duotone-preview-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;min-width:0;overflow:hidden}.duotone-preview-card-effect{border-color:#118ab23d}.duotone-preview-head{color:#61707a;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;padding:10px;font-size:.72rem;font-weight:700;display:flex}.duotone-preview-head>span{white-space:nowrap;flex:none}.duotone-preview-head strong{min-width:0;color:var(--ink);text-align:right;text-overflow:ellipsis;white-space:nowrap;text-transform:none;flex:auto;justify-content:flex-end;align-items:center;gap:5px;display:flex;overflow:hidden}.duotone-preview-head strong .duotone-meta-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.duotone-preview-head strong .duotone-meta-separator,.duotone-preview-head strong .duotone-meta-size{white-space:nowrap;flex:none}.duotone-preview-card canvas{width:auto;max-width:100%;height:auto;max-height:360px;margin-inline:auto;display:block}.duotone-result-frame{position:relative}.duotone-result-frame>canvas{cursor:zoom-in;touch-action:none}.duotone-detail-loupe{--duotone-loupe-accent:#4169e1;--duotone-loupe-text:#fff;z-index:80;border:2px solid color-mix(in srgb, var(--duotone-loupe-accent) 58%, #fff);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(6px)saturate(1.12);background:#10212bb8;border-radius:50%;place-items:center;width:192px;height:192px;padding:12px;transition:opacity .12s;display:grid;position:fixed;top:0;left:0;transform:translate(-999px,-999px);box-shadow:0 22px 48px #10212b42,0 0 0 1px #10212b38,inset 0 1px #ffffff6b}.duotone-detail-loupe:before{content:"";border-radius:inherit;background:radial-gradient(circle at 30% 24%, #ffffff57, transparent 36%), linear-gradient(to top, var(--duotone-loupe-accent) 0%, var(--duotone-loupe-accent) 34%, color-mix(in srgb, var(--duotone-loupe-accent) 52%, transparent) 58%, #10212b8f 100%);position:absolute;inset:0}.duotone-detail-loupe.is-visible{opacity:1;transform:translate3d(var(--duotone-loupe-x,-999px), var(--duotone-loupe-y,-999px), 0)}.duotone-detail-loupe canvas{z-index:1;image-rendering:auto;background:#fff;border:1px solid #ffffffb8;border-radius:50%;width:150px;height:150px;display:block;position:relative;box-shadow:inset 0 0 0 2px #10212b38}.duotone-detail-loupe-meta,.duotone-detail-loupe-keys{z-index:2;border:1px solid color-mix(in srgb, var(--duotone-loupe-text) 38%, transparent);background:var(--duotone-loupe-accent);color:var(--duotone-loupe-text);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;font-size:.66rem;font-weight:700;line-height:1;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 20px #10212b33}.duotone-detail-loupe-meta{max-width:132px;padding:5px 9px;font-size:.66rem;bottom:14px}.duotone-detail-loupe-keys{opacity:.94;max-width:150px;padding:4px 8px;font-size:.56rem;top:13px}@media (width<=760px){.duotone-detail-loupe{width:172px;height:172px;padding:10px}.duotone-detail-loupe canvas{width:132px;height:132px}.duotone-detail-loupe-meta{max-width:116px;padding:4px 7px;bottom:12px}.duotone-detail-loupe-keys{display:none}}.duotone-tone-strip{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b24;grid-template-columns:repeat(5,minmax(0,1fr));min-height:74px;display:grid;overflow:hidden}.duotone-tone-strip span{background:var(--duotone-tone-bg);min-width:0;min-height:74px;color:var(--duotone-tone-text);align-content:end;gap:2px;padding:10px;display:grid}.duotone-tone-strip strong,.duotone-tone-strip em{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.1;overflow:hidden}.duotone-tone-strip strong{font-size:.78rem;font-weight:700}.duotone-tone-strip em{text-transform:uppercase;font-size:.68rem;font-style:normal;font-weight:700}.duotone-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.duotone-decision-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;align-content:start;gap:3px;min-height:84px;padding:10px;display:grid}.duotone-decision-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.duotone-decision-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.duotone-decision-card[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.duotone-decision-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.duotone-decision-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;line-height:1.12}.duotone-decision-card em{color:#33414b;margin:0;font-size:.78rem;font-style:normal;font-weight:700;line-height:1.28}.duotone-output-panel{position:sticky;top:88px}.duotone-output-panel select{width:100%;margin-block-end:10px}.duotone-copy-actions{margin-block-start:10px}.duotone-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.76rem;font-weight:700}.duotone-next-actions{margin-block-start:12px}.stage-swatch-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.stage-swatch-card{border-radius:var(--radius);border:1px solid #10212b1f;flex-direction:column;justify-content:flex-end;gap:5px;min-height:148px;padding:12px;display:flex}.stage-swatch-card strong,.stage-swatch-card span{overflow-wrap:anywhere;line-height:1.12}.stage-swatch-card button{width:max-content;margin-block-start:5px;padding:0 9px}.named-color-card{justify-content:space-between}.stage-color-card-actions{flex-wrap:wrap;gap:6px;margin-block-start:5px;display:flex}.stage-color-card-actions button{margin-block-start:0}.named-color-transparent{color:var(--ink);background:linear-gradient(45deg,#10212b1f 25%,#0000 25% 75%,#10212b1f 75%) 0 0/24px 24px,linear-gradient(45deg,#10212b1f 25%,#0000 25% 75%,#10212b1f 75%) 12px 12px/24px 24px,#fff}.named-color-dynamic{isolation:isolate;color:var(--ink);background:linear-gradient(135deg,#118ab21a,#ffd1662e),#f8f7f1;position:relative;overflow:hidden}.named-color-dynamic:before{content:"";z-index:-1;opacity:.8;background-color:#0000;background-image:linear-gradient(90deg,#10212b14 1px,#0000 1px),linear-gradient(#10212b14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.named-color-dynamic:after{content:attr(data-keyword-label);z-index:0;color:#33414b;text-transform:uppercase;background:#ffffffb8;border:1px solid #10212b1f;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:.66rem;font-weight:700;display:inline-flex;position:absolute;inset-block-start:10px;inset-inline-end:10px}.named-color-dynamic>*{z-index:1;position:relative}.named-color-summary{margin-block-start:12px}.pro-named-layout{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);align-items:start}.pro-named-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.named-color-workspace{grid-template-columns:minmax(250px,.86fr) minmax(0,1.14fr);align-items:start;gap:14px;display:grid}.named-color-control-stack,.named-color-visual-stack{gap:12px;min-width:0;display:grid}.named-color-test-panel{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;gap:10px;padding:12px;display:grid}.named-color-status{border-radius:var(--radius);color:#0c5f78;background:#edf7fa;border:1px solid #118ab238;align-items:center;gap:9px;width:max-content;max-width:100%;min-height:38px;padding:0 11px;font-size:.78rem;font-weight:700;display:inline-flex}.named-color-status[hidden]{display:none}.named-color-status span{border:2px solid #118ab238;border-block-start-color:#118ab2;border-radius:50%;flex:none;width:14px;height:14px;animation:.72s linear infinite named-color-spin}.named-color-status strong{overflow-wrap:anywhere;line-height:1.15}.named-color-control-stack :disabled{opacity:.68;cursor:progress}@keyframes named-color-spin{to{transform:rotate(1turn)}}.color-input-pair{grid-template-columns:58px minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.color-input-pair input[type=color]{border-radius:var(--radius);background:#fff;border:1px solid #10212b2e;width:58px;min-height:52px;padding:4px}.field-help{color:#61707a;margin:0;font-size:.82rem;font-weight:700;line-height:1.35}.field-help[data-status=warn]{color:#7a5414}.named-color-recommendation{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;gap:6px;padding:14px;display:grid}.named-color-recommendation[data-status=pass]{background:#effaf4;border-color:#2f855a38}.named-color-recommendation[data-status=warn]{background:#fff8df;border-color:#ffd16680}.named-color-recommendation[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.named-color-recommendation h4,.named-color-recommendation p{margin:0}.named-color-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.named-color-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.named-color-featured-card{border:1px solid #10212b24;border-radius:18px;align-content:end;gap:8px;min-height:246px;padding:16px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff38}.named-color-featured-dynamic{color:var(--ink);background:linear-gradient(135deg,#f8f7f1,#edf7fa);align-content:center}.named-color-featured-card span,.named-color-featured-card strong,.named-color-featured-card em,.named-color-featured-card p{overflow-wrap:anywhere;max-width:560px;margin:0}.named-color-featured-card>span{text-transform:uppercase;font-size:.72rem;font-weight:700}.named-color-featured-card strong{font-size:2rem;line-height:1}.named-color-featured-card em,.named-color-featured-card p{font-size:.88rem;font-style:normal;font-weight:700;line-height:1.32}.named-color-featured-facts{flex-wrap:wrap;gap:6px;display:flex}.named-color-featured-facts span{border:1px solid color-mix(in srgb, var(--named-featured-chip-text,currentColor) 28%, transparent);border-radius:var(--radius);background:var(--named-featured-chip-bg,currentColor);min-height:28px;color:var(--named-featured-chip-text,#fff);align-items:center;padding:0 8px;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.named-color-featured-card .stage-color-card-actions{margin-block-start:6px}.named-color-featured-card .stage-color-card-actions button{min-height:var(--hc-control-target);border:1px solid color-mix(in srgb, var(--named-featured-action-text,var(--ink)) 28%, transparent);border-radius:var(--radius);background:var(--named-featured-action-bg,#fff);color:var(--named-featured-action-text,var(--ink));text-shadow:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:.78rem;font-weight:700;line-height:1;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;display:inline-flex;box-shadow:inset 0 1px #ffffff57,0 8px 18px #10212b1f}.named-color-featured-card .stage-color-card-actions button:hover,.named-color-featured-card .stage-color-card-actions button:focus-visible{border-color:color-mix(in srgb, currentColor 62%, transparent);background:color-mix(in srgb, currentColor 22%, transparent);transform:translateY(-1px);box-shadow:inset 0 1px #fff6,0 10px 22px #10212b2e}.named-color-featured-card .stage-color-card-actions button:active{transform:translateY(0)}.named-color-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.named-color-decision-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;gap:3px;min-height:72px;padding:10px;display:grid}.named-color-decision-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.named-color-decision-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.named-color-decision-card[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.named-color-decision-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.named-color-decision-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;line-height:1.12}.named-color-decision-card em{color:#33414b;font-size:.78rem;font-style:normal;font-weight:700;line-height:1.28}.named-color-card{min-height:190px;transition:border-color .16s,box-shadow .16s,transform .16s;overflow:hidden}.pro-named-panel .stage2-color-grid{grid-template-columns:repeat(auto-fit,minmax(184px,1fr));transition:opacity .14s,filter .14s;position:relative}.pro-named-panel .stage2-color-grid[data-state=sorting]{opacity:.58;filter:saturate(.78);cursor:progress}.named-color-card[data-selected=true]{box-shadow:inset 0 0 0 2px color-mix(in srgb, currentColor 48%, transparent), 0 14px 26px #10212b24;border-color:currentColor}.named-color-card-head,.named-color-card-metrics{gap:5px;display:grid}.named-color-card-head strong{font-size:1.04rem;line-height:1.08}.named-color-card-head span,.named-color-card-metrics span{color:inherit;overflow-wrap:anywhere;font-size:.74rem;font-weight:700;line-height:1.2}.named-color-card-metrics span[data-status]{width:max-content;max-width:100%;min-height:24px;color:var(--ink);background:#f8f7f1;border:1px solid #10212b24;border-radius:999px;align-items:center;padding:0 7px;line-height:1;display:inline-flex}.named-color-card-metrics span[data-status=pass]{color:#225f42;background:#effaf4;border-color:#2f855a47}.named-color-card-metrics span[data-status=warn],.named-color-transparent .named-color-card-metrics span[data-status],.named-color-dynamic .named-color-card-metrics span[data-status]{color:#7a5414;background:#fff8df;border-color:#ffd16680}.named-color-card-metrics span[data-status=fail]{color:#8f1732;background:#fff1f4;border-color:#ef476f40}.named-color-empty{border-radius:var(--radius);color:#33414b;background:#f8f7f1;border:1px solid #10212b1f;grid-column:1/-1;margin:0;padding:18px;font-weight:700}.named-color-output-panel{position:sticky;top:88px}.named-color-output-panel select{width:100%;margin-block-end:10px}.named-color-copy-actions{grid-template-columns:repeat(1,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.named-color-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.78rem;font-weight:700}.named-color-next-actions{margin-block-start:12px}.pro-scale-layout{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);align-items:start}.pro-scale-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.scale-workspace{grid-template-columns:minmax(250px,.86fr) minmax(0,1.14fr);align-items:start;gap:14px;display:grid}.scale-control-stack,.scale-visual-stack{gap:12px;min-width:0;display:grid}.scale-specimen{border:1px solid var(--scale-specimen-border,#10212b24);background:var(--scale-specimen-surface,#f3f2ff);min-height:238px;color:var(--scale-specimen-text,var(--ink));border-radius:18px;align-content:end;gap:8px;padding:16px;display:grid;overflow:hidden}.scale-specimen span,.scale-specimen strong,.scale-specimen p{overflow-wrap:anywhere;max-width:520px;margin:0}.scale-specimen span{color:currentColor;text-transform:uppercase;font-size:.74rem;font-weight:700}.scale-specimen strong{font-size:2rem;line-height:1}.scale-specimen p{color:currentColor;font-size:.9rem;font-weight:700;line-height:1.36}.scale-specimen-chips{flex-wrap:wrap;gap:8px;display:flex}.scale-specimen-chips span{border-radius:var(--radius);background:var(--chip-bg);min-height:42px;color:var(--chip-fg);text-shadow:none;border:1px solid #ffffff57;align-content:center;gap:2px;padding:7px 10px;font-size:.68rem;line-height:1.05;display:inline-grid}.scale-specimen-chips strong{color:inherit;font-size:.74rem;line-height:1}.scale-readiness-list,.scale-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.scale-readiness-list div,.scale-decision-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;gap:2px;min-height:58px;padding:8px;display:grid}.scale-readiness-list div[data-status=pass],.scale-decision-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.scale-readiness-list div[data-status=warn],.scale-decision-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.scale-readiness-list div[data-status=fail],.scale-decision-card[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.scale-readiness-list span,.scale-decision-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.scale-readiness-list strong,.scale-decision-card strong,.scale-decision-card small{color:var(--ink);overflow-wrap:anywhere;line-height:1.2}.scale-readiness-list strong{font-size:.82rem}.scale-decision-card strong{font-size:.94rem}.scale-decision-card small{color:#33414b;font-size:.78rem;font-weight:700}.scale-stack{gap:16px;margin-block-start:14px;display:grid}.scale-row{min-width:0}.scale-row-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 10px;margin-block-end:8px;display:flex}.scale-row h4{margin:0;font-size:1rem}.scale-row-header span{color:var(--muted);font-size:.78rem;font-weight:700}.scale-swatch-grid{grid-template-columns:repeat(auto-fit,minmax(154px,1fr))}.scale-swatch-card{background:var(--scale-swatch);min-height:184px;color:var(--scale-swatch-text);text-shadow:none;gap:6px;overflow:hidden}.scale-swatch-card small,.scale-swatch-card em{overflow-wrap:anywhere;line-height:1.16;display:block}.scale-swatch-card small{font-size:.78rem;font-weight:700}.scale-swatch-card em{font-size:.72rem;font-style:normal;font-weight:700}.scale-swatch-card[data-status=warn]{box-shadow:inset 0 -5px #ffd166d1}.scale-swatch-card[data-status=fail]{box-shadow:inset 0 -5px #ef476fd1}.scale-decision-grid{margin-block-start:12px}.scale-support-panel{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;padding:12px}.scale-support-panel strong{color:var(--ink);font-size:1rem;display:block}.scale-support-panel p{color:#33414b;margin:4px 0 0;font-size:.86rem;font-weight:700;line-height:1.35}.scale-support-panel ul{color:#33414b;gap:8px;margin:10px 0 0;padding-inline-start:18px;font-size:.84rem;font-weight:700;line-height:1.38;display:grid}.scale-output-panel{position:sticky;top:88px}.scale-next-actions{margin-block-start:12px}.pro-palette-layout{grid-template-columns:minmax(0,1.36fr) minmax(340px,.64fr);align-items:start}.pro-palette-panel{background:linear-gradient(#fffffff5,#fbfaf5c7),#fff;padding:18px}.palette-workspace{grid-template-columns:minmax(260px,.5fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.palette-control-stack,.palette-system-preview{gap:12px;min-width:0;display:grid}.palette-style-picker{gap:8px;margin-block-start:10px;display:grid;position:relative}.palette-style-header{justify-content:space-between;align-items:end;gap:10px;display:flex}.palette-style-header>span:last-child{color:#61707a;text-transform:uppercase;font-size:.7rem;font-weight:700}.palette-style-trigger{border-radius:var(--radius);width:100%;min-height:76px;color:var(--ink);text-align:left;background:#fff;border:1px solid #10212b29;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:12px;padding:10px 34px 10px 12px;display:grid;position:relative}.palette-style-trigger:after{content:"";border-block-end:2px solid;border-inline-end:2px solid;width:8px;height:8px;transition:transform .16s;position:absolute;inset-block-start:18px;inset-inline-end:14px;transform:rotate(45deg)}.palette-style-trigger[aria-expanded=true]{border-color:#118ab26b;box-shadow:0 0 0 3px #118ab21f}.palette-style-trigger[aria-expanded=true]:after{transform:translateY(4px)rotate(225deg)}.palette-style-trigger-copy,.palette-style-option-copy{gap:4px;min-width:0;display:grid}.palette-style-trigger-copy strong,.palette-style-option-copy strong{color:var(--ink);line-height:1.12}.palette-style-trigger-copy strong{font-size:.98rem}.palette-style-option-copy strong{font-size:.88rem}.palette-style-trigger-copy small,.palette-style-option-copy small{color:#51636d;font-weight:700;line-height:1.28}.palette-style-trigger-copy small{font-size:.78rem}.palette-style-option-copy small{font-size:.72rem}.palette-style-trigger-preview,.palette-style-option-preview{background:#fff;border:1px solid #10212b24;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;display:grid;overflow:hidden}.palette-style-trigger-preview{height:44px}.palette-style-option-preview{height:40px}.palette-style-trigger-preview span,.palette-style-option-preview span{background:var(--style-swatch);min-width:0}.palette-style-panel{z-index:130;width:var(--style-panel-width,min(760px, calc(100vw - 32px)));max-height:var(--style-panel-max-height,min(640px, calc(100svh - 32px)));background:#fffffffa;border:1px solid #10212b29;border-radius:18px;gap:14px;padding:12px;display:grid;position:fixed;inset-block-start:var(--style-panel-top,0);inset-inline-start:var(--style-panel-left,16px);overflow:auto;box-shadow:0 24px 70px #10212b38}.palette-style-panel[hidden]{display:none}.palette-style-group{gap:8px;display:grid}.palette-style-group p{color:#61707a;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700}.palette-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.palette-style-option{border-radius:var(--radius);min-width:0;min-height:84px;color:var(--ink);text-align:left;background:#f8f7f1;border:1px solid #10212b1f;grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:10px;padding:10px;display:grid}.palette-style-option:hover{background:#fff;border-color:#10212b47}.palette-style-option.is-selected{background:#edf7fa;border-color:#118ab280;box-shadow:inset 0 0 0 2px #118ab21f}.palette-style-note{color:#51636d;margin:0;font-size:.83rem;font-weight:700;line-height:1.4}.palette-mini-actions,.palette-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.palette-mini-actions{grid-template-columns:1fr}.palette-mini-actions .small-button{justify-content:center;width:100%}.palette-preview-strip{background:#fff;border:1px solid #10212b29;border-radius:18px;grid-template-columns:repeat(9,minmax(0,1fr));min-height:132px;display:grid;overflow:hidden}.palette-preview-strip button{border:0;background:var(--swatch);min-width:0;color:var(--swatch-text);text-align:left;border-inline-end:1px solid #ffffff3d;flex-direction:column;justify-content:flex-end;gap:4px;padding:10px 8px;display:flex}.palette-preview-strip button:last-child{border-inline-end:0}.palette-preview-strip span,.palette-preview-strip strong{overflow-wrap:anywhere;text-shadow:0 1px 10px #00000029;line-height:1.08}.palette-preview-strip span{text-transform:uppercase;font-size:.67rem;font-weight:700}.palette-preview-strip strong{font-size:.76rem;font-weight:700}.palette-component-preview{background:#ffffffbd;border:1px solid #10212b1f;border-radius:20px;gap:10px;margin:0;padding:12px;display:grid;box-shadow:0 16px 36px #10212b14}.palette-component-preview figcaption{color:#10212b;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:2px;display:grid}.palette-component-caption-copy{gap:2px;min-width:0;display:grid}.palette-component-preview figcaption span{color:#61707a;letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:700}.palette-component-preview figcaption strong{font-size:.9rem;line-height:1.2}.palette-component-preview figcaption small{color:#51636d;margin-block-start:2px;font-size:.72rem;font-weight:700;line-height:1.3}.palette-component-preview figcaption small[data-status=pass]{color:#276746}.palette-component-preview figcaption small[data-status=warn],.palette-component-preview figcaption small[data-status=fail]{color:#8a4100}.palette-role-inspector-toggle{min-height:var(--hc-control-target);color:#33414b;cursor:pointer;background:#fff;border:1px solid #10212b24;border-radius:10px;align-items:center;gap:7px;padding:6px 9px;display:inline-flex}.palette-role-inspector-toggle input{width:1rem;height:1rem;accent-color:var(--blue);margin:0}.palette-role-inspector-toggle span{letter-spacing:0;color:inherit!important;text-transform:none!important;font-size:.7rem!important}.palette-component-canvas{border:2px solid var(--preview-border,#71808a);background:var(--preview-surface,#fbfaf5);color:var(--preview-text,#10212b);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--preview-border,#71808a) 25%, transparent);border-radius:16px;overflow:hidden}.palette-component-bar{border-block-end:1px solid var(--preview-border,#71808a);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:46px;padding:8px 12px;font-size:.72rem;font-weight:700;display:grid}.palette-component-logo{border:2px solid var(--preview-accent,#7c3aed);background:var(--preview-surface,#fbfaf5);width:28px;height:28px;color:var(--preview-text,#10212b);letter-spacing:-.02em;border-radius:9px;place-items:center;font-size:.66rem;display:inline-grid}.palette-component-bar em{align-items:center;gap:5px;font-style:normal;display:inline-flex}.palette-component-bar em:before{content:"";background:var(--preview-success,#27814f);border-radius:50%;width:8px;height:8px}.palette-component-body{grid-template-columns:minmax(0,1.15fr) minmax(150px,.85fr);gap:12px;padding:16px;display:grid}.palette-component-copy{align-content:center;gap:7px;min-width:0;display:grid}.palette-component-eyebrow{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;font-size:.63rem;font-weight:700;display:inline-flex}.palette-component-eyebrow:before{content:"";background:var(--preview-primary,#4169e1);border-radius:999px;width:12px;height:4px}.palette-component-copy>strong{max-width:15ch;font-size:clamp(1rem,2vw,1.36rem);line-height:1.02}.palette-component-copy p{max-width:38ch;margin:0;font-size:.7rem;font-weight:700;line-height:1.35}.palette-component-actions{flex-wrap:wrap;gap:7px;margin-block-start:3px;display:flex}.palette-component-actions span{border:1px solid;border-radius:9px;justify-content:center;align-items:center;min-height:32px;padding:0 11px;font-size:.66rem;font-weight:700;display:inline-flex}.palette-component-actions [data-preview-role=primary]{border-color:var(--preview-primary,#4169e1);background:var(--preview-primary,#4169e1);color:var(--preview-on-primary,#fff)}.palette-component-actions [data-preview-role=secondary]{border-color:var(--preview-secondary,#315a8a);background:var(--preview-surface,#fbfaf5);color:var(--preview-text,#10212b)}.palette-component-card{border:1px solid var(--preview-border,#71808a);background:color-mix(in srgb, var(--preview-surface,#fbfaf5) 92%, var(--preview-text,#10212b));border-radius:13px;align-content:center;gap:7px;min-width:0;padding:12px;display:grid}.palette-component-label{font-size:.62rem;font-weight:700}.palette-component-input{border:2px solid var(--preview-border,#71808a);background:var(--preview-surface,#fbfaf5);border-radius:8px;align-items:center;min-height:34px;padding:0 9px;font-size:.68rem;font-weight:700;display:flex}.palette-component-statuses{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.palette-component-statuses span{align-items:center;gap:4px;min-width:0;font-size:.58rem;font-weight:700;display:flex}.palette-component-statuses b{border:2px solid;border-radius:50%;place-items:center;min-width:18px;height:18px;font-size:.6rem;display:inline-grid}.palette-component-statuses [data-preview-status=success] b{color:var(--preview-success,#27814f)}.palette-component-statuses [data-preview-status=warning] b{color:var(--preview-warning,#916c00)}.palette-component-statuses [data-preview-status=danger] b{color:var(--preview-danger,#b4233d)}.palette-role-inspector-help{color:#61707a;margin:0;font-size:.72rem;font-weight:700;line-height:1.4}.palette-role-inspector-panel{background:#f4f8ff;border:1px solid #315a8a3d;border-radius:13px;gap:7px;padding:11px 12px;display:grid}.palette-role-inspector-panel[hidden],.palette-specimen-conflict[hidden]{display:none}.palette-role-inspector-panel>span{color:#10212b;font-size:.8rem;font-weight:700}.palette-role-inspector-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;display:grid}.palette-role-inspector-panel dl div{gap:1px;min-width:0;display:grid}.palette-role-inspector-panel dt,.palette-role-inspector-panel dd{overflow-wrap:anywhere;margin:0}.palette-role-inspector-panel dt{color:#61707a;text-transform:uppercase;font-size:.62rem;font-weight:700}.palette-role-inspector-panel dd{color:#10212b;font-size:.75rem;font-weight:700}.palette-component-preview.is-inspecting [data-preview-inspect]{cursor:help;outline-offset:3px;outline:2px solid #0000}.palette-component-preview.is-inspecting [data-preview-inspect]:hover,.palette-component-preview.is-inspecting [data-preview-inspect]:focus-visible,.palette-component-preview.is-inspecting [data-preview-inspect][data-inspection-active]{outline-color:#315a8a}.palette-component-preview [data-preview-contract][data-contract-status=fail]{outline-offset:3px;outline:3px solid #b4233d}.palette-specimen-conflict{color:#632234;background:#fff1f4;border:1px solid #b4233d52;border-radius:13px;gap:7px;padding:11px 12px;display:grid}.palette-specimen-conflict p{margin:2px 0 0;font-size:.76rem;font-weight:700;line-height:1.4}@media (width<=520px){.palette-component-preview figcaption{grid-template-columns:1fr}.palette-role-inspector-toggle{justify-self:start}.palette-role-inspector-panel dl,.palette-component-body{grid-template-columns:1fr}}.palette-recommendation{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;gap:5px;padding:16px;display:grid;position:relative;overflow:hidden}.palette-recommendation:before{content:"";background:linear-gradient(90deg, var(--coral), var(--sun), var(--mint), var(--cyan));height:4px;position:absolute;inset:0 0 auto}.palette-recommendation[data-status=pass]{background:linear-gradient(145deg,#effaf4,#f8fffb);border-color:#2f855a3d;box-shadow:0 16px 38px #2f855a1a}.palette-recommendation[data-status=warn]{background:#fff8df;border-color:#ffd16685}.palette-recommendation[data-status=fail]{background:#fff1f4;border-color:#ef476f3d}.palette-recommendation span{color:#61707a;text-transform:uppercase;font-size:.7rem;font-weight:700}.palette-recommendation strong{color:var(--ink);font-size:1rem;line-height:1.16}.palette-recommendation p{color:#33414b;margin:0;font-size:.88rem;font-weight:700;line-height:1.42}.palette-health-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:2px 0 0;padding:0;list-style:none;display:grid}.palette-health-list li{border-radius:var(--radius);color:#33414b;background:#ffffffb8;border:1px solid #10212b1a;padding:8px 10px 8px 28px;font-size:.78rem;font-weight:700;line-height:1.32;position:relative}.palette-health-list li:last-child:nth-child(odd){grid-column:1/-1}.palette-health-list li:before{content:"";background:#8fa1aa;border-radius:50%;width:8px;height:8px;position:absolute;inset-block-start:13px;inset-inline-start:11px}.palette-health-list li[data-status=pass]:before{background:var(--green)}.palette-health-list li[data-status=warn]:before{background:#d39b00}.palette-health-list li[data-status=fail]:before{background:var(--coral)}.palette-caveat{color:#51636d;border-block-start:1px solid #10212b1a;padding-block-start:8px}@media (width<=680px){.palette-health-list{grid-template-columns:1fr}.palette-health-list li:last-child:nth-child(odd){grid-column:auto}}.palette-readiness-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.palette-readiness-list div{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;gap:2px;min-height:50px;padding:8px;display:grid}.palette-readiness-list div[data-status=pass]{background:#effaf4;border-color:#2f855a38}.palette-readiness-list div[data-status=warn]{background:#fff8df;border-color:#ffd16680}.palette-readiness-list div[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.palette-readiness-list span{color:#61707a;text-transform:uppercase;font-size:.7rem;font-weight:700}.palette-readiness-list strong{color:var(--ink);overflow-wrap:anywhere;font-size:.86rem;line-height:1.2}.palette-section-header{justify-content:space-between;align-items:end;gap:12px;margin-block:16px 10px;display:flex}.palette-section-header h4,.palette-section-header p{margin:0}.palette-rebuild-bar{border-radius:var(--radius);background:#f4f8ff;border:1px solid #315a8a38;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-block-end:12px;padding:13px 14px;display:grid}.palette-rebuild-bar[data-status=warn]{background:#fff8df;border-color:#d39b0075;box-shadow:0 12px 28px #d39b0014}.palette-rebuild-bar[data-status=pass]{background:#effaf4;border-color:#2f855a4d}.palette-rebuild-bar p{gap:3px;margin:0;display:grid}.palette-rebuild-bar strong,.palette-rebuild-bar span{line-height:1.35;display:block}.palette-rebuild-bar strong{color:var(--ink);font-size:.88rem}.palette-rebuild-bar span{color:#51636d;font-size:.76rem;font-weight:700}.palette-rebuild-bar .small-button{min-width:190px}.palette-lock-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.palette-role-card{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;gap:12px;min-width:0;padding:12px;display:grid;position:relative}.palette-role-card.is-locked{border-color:#118ab294;box-shadow:inset 0 0 0 2px #118ab22e,0 14px 28px #118ab214}.palette-role-markers{z-index:2;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100% - 40px);display:flex;position:absolute;inset-block-start:20px;inset-inline-end:20px}.palette-validation-details{border-radius:var(--radius);background:#ffffffb8;border:1px solid #10212b1f}.palette-validation-details>summary{color:#10212b;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:.86rem;font-weight:700;display:flex}.palette-validation-details>summary span{color:#61707a;text-align:end;font-size:.7rem;font-weight:700}.palette-validation-details-body{gap:12px;padding:0 14px 14px;display:grid}.palette-validation-narrative ul,.palette-validation-checks{gap:6px;margin:0;padding:0;list-style:none;display:grid}.palette-validation-narrative li,.palette-validation-checks li{color:#33414b;padding-inline-start:18px;font-size:.78rem;font-weight:700;line-height:1.4;position:relative}.palette-validation-narrative li:before,.palette-validation-checks li:before{content:"";background:#8fa1aa;border-radius:50%;width:7px;height:7px;position:absolute;inset-block-start:.48em;inset-inline-start:2px}.palette-validation-checks li[data-status=pass]:before{background:var(--green)}.palette-validation-checks li[data-status=fail]:before{background:var(--coral)}.palette-lock-marker,.palette-role-custom-marker,.palette-fit-marker{color:#fff;text-transform:uppercase;background:#10212be6;border:1px solid #ffffff8f;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.68rem;font-weight:700;display:inline-flex}.palette-role-swatch{border-radius:var(--radius);background:var(--role-color);min-height:154px;color:var(--role-text);align-content:end;gap:4px;padding:14px;display:grid}.palette-role-swatch span,.palette-role-swatch strong,.palette-role-swatch small{overflow-wrap:anywhere;text-shadow:0 1px 10px #00000029;line-height:1.12}.palette-role-swatch span{text-transform:uppercase;font-size:.72rem;font-weight:700}.palette-role-swatch strong{font-size:1.16rem}.palette-role-swatch small{font-weight:700}.palette-role-editor{gap:6px;display:grid}.palette-role-editor>label{color:#51636d;text-transform:uppercase;font-size:.7rem;font-weight:700}.palette-role-editor>small{color:#61707a;font-size:.7rem;font-weight:700;line-height:1.35}.palette-role-color-combo{grid-template-columns:minmax(0,1fr) 46px;gap:6px}.palette-role-color-combo .color-text-input,.palette-role-color-combo .native-color-picker-shell{min-height:var(--hc-control-target)}.palette-role-color-combo .native-color-picker-shell{min-width:46px;width:46px!important}.palette-role-color-combo .color-text-input[aria-invalid=true]{border-color:#b4233d;box-shadow:0 0 0 2px #b4233d24}@media (width<=680px){.palette-rebuild-bar{grid-template-columns:1fr}.palette-rebuild-bar .small-button{width:100%;min-width:0}}.palette-role-meta{color:#40505a;gap:7px;font-size:.78rem;font-weight:700;line-height:1.28;display:grid}.palette-role-checks span{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;gap:2px;padding:8px;display:grid}.palette-role-checks span[data-status=pass]{background:#effaf4;border-color:#2f855a38}.palette-role-checks span[data-status=warn]{background:#fff8df;border-color:#ffd16680}.palette-role-checks span[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.palette-role-checks strong,.palette-role-checks em{overflow-wrap:anywhere;display:block}.palette-role-checks strong{color:#61707a;text-transform:uppercase;font-size:.68rem;font-style:normal;font-weight:700}.palette-role-checks em{color:var(--ink);font-style:normal;font-weight:700}.palette-role-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.palette-role-actions button,.palette-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.78rem;font-weight:700}.palette-role-actions button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:#118ab273}.palette-decision-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-block-start:12px;display:grid}.palette-output-panel{position:sticky;top:88px}.palette-output-panel select{width:100%;margin-block-start:8px}.palette-copy-actions{margin-block-end:10px}.palette-download-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.palette-download-actions-prominent,.image-palette-download-actions{margin-block:12px 4px}.palette-download-actions .small-button{justify-content:center;width:100%}.palette-download-actions-prominent .small-button,.image-palette-download-actions .small-button{background:linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, var(--coral), var(--sun), var(--mint), var(--cyan)) border-box;border:2px solid #0000;min-height:44px;box-shadow:0 10px 24px #10212b14}.palette-export-options{border-radius:var(--radius);background:#ffffffb8;border:1px solid #10212b24;margin-block:10px 14px;padding:11px 12px 13px}.palette-export-options summary{color:var(--ink);cursor:pointer;font-size:.86rem;font-weight:700}.palette-export-options-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-block:12px 10px;display:grid}.palette-export-options-grid label:not(.toggle-row){color:#33414b;gap:5px;min-width:0;font-size:.76rem;font-weight:700;display:grid}.palette-export-options-grid select{width:100%;min-height:var(--hc-control-target);border-radius:calc(var(--radius) - 4px);color:var(--ink);font:inherit;background-color:#fff;border:1px solid #10212b2e;margin:0;padding:8px 32px 8px 10px}.palette-export-options-grid .toggle-row{min-height:var(--hc-control-target);border-radius:calc(var(--radius) - 4px);color:#33414b;background:#fff;border:1px solid #10212b1f;align-items:center;gap:8px;margin:0;padding:8px 9px;font-size:.76rem;font-weight:700;line-height:1.3;display:flex}.palette-export-options-grid .toggle-row input{width:18px;height:18px;accent-color:var(--cyan);flex:none}.palette-export-options-grid :is(input,select):focus-visible,.palette-export-options summary:focus-visible{outline-offset:2px;outline:3px solid #118ab23d}.palette-export-option-note{color:var(--muted);margin:0 0 10px;font-size:.78rem;font-weight:700;line-height:1.45}@media (width<=620px){.palette-export-options-grid{grid-template-columns:1fr}}@media (forced-colors:active){:where(a,button,[role=button],[role=option],[role=radio],[role=tab]):is([aria-current=page],[aria-selected=true],[aria-pressed=true],[aria-checked=true]):not(:focus-visible){outline-offset:-4px;outline:2px double highlight}:where(button,[role=button])[aria-pressed=true]{box-shadow:none;color:selecteditemtext!important;background:selecteditem!important}.palette-export-options,.palette-export-options-grid .toggle-row,.palette-export-options-grid select{color:canvastext;background:canvas;border-color:canvastext}.palette-export-options-grid :is(input,select):focus-visible,.palette-export-options summary:focus-visible{outline-color:highlight}}.lock-swatch{border-radius:var(--radius);border:1px solid #10212b26;flex-direction:column;justify-content:space-between;gap:14px;min-height:174px;padding:12px;display:flex}.lock-swatch strong,.lock-swatch span{overflow-wrap:anywhere;line-height:1.16;display:block}.lock-swatch strong{text-transform:capitalize;font-size:1.02rem}.lock-swatch span{margin-block-start:5px;font-weight:700}.lock-swatch button{width:max-content;padding:0 10px}.stage-button-row{margin-block-start:12px}.stage-result-panel textarea{min-height:340px}.stage-contrast-preview{margin-block-start:10px}.contrast-lightness-row{margin-block-start:-4px}.pro-text-layout{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);align-items:start}.pro-text-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.text-color-workspace{grid-template-columns:minmax(250px,.86fr) minmax(0,1.14fr);align-items:start;gap:14px;display:grid}.text-color-control-stack,.text-color-visual-stack{gap:12px;min-width:0;display:grid}.text-color-recommendation{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;gap:6px;padding:14px;display:grid}.text-color-recommendation[data-status=pass]{background:#effaf4;border-color:#2f855a38}.text-color-recommendation[data-status=warn]{background:#fff8df;border-color:#ffd16680}.text-color-recommendation[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.text-color-recommendation h4,.text-color-recommendation p{margin:0}.text-color-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.text-color-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.pro-text-color-preview{gap:8px;min-height:238px;overflow:hidden}.pro-text-color-preview p{max-width:520px;margin:0;font-size:.9rem;font-weight:700;line-height:1.36}.pro-text-color-preview .visual-button-specimen{border-radius:var(--radius);width:max-content;max-width:100%;min-height:42px;color:inherit;background:0 0;border:1px solid;align-items:center;padding:0 12.5px;font-weight:700;display:inline-flex}.text-color-readiness-list,.text-color-decision-grid,.text-color-component-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.text-color-readiness-list div,.text-color-decision-card,.text-color-component-preview>div{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;gap:2px;min-height:58px;padding:8px;display:grid}.text-color-readiness-list div[data-status=pass],.text-color-decision-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.text-color-readiness-list div[data-status=warn],.text-color-decision-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.text-color-readiness-list div[data-status=fail],.text-color-decision-card[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.text-color-readiness-list span,.text-color-decision-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.text-color-component-preview span{color:inherit;text-transform:uppercase;font-size:.68rem;font-weight:700}.text-color-readiness-list strong,.text-color-decision-card strong,.text-color-decision-card small{color:var(--ink);overflow-wrap:anywhere;line-height:1.2}.text-color-readiness-list strong{font-size:.82rem}.text-color-decision-card strong{font-size:.94rem}.text-color-decision-card small{color:#33414b;font-size:.78rem;font-weight:700}.text-color-component-preview{margin-block-start:12px}.text-color-component-preview>div{background:var(--text-color-bg,#4169e1);min-height:86px;color:var(--text-color-fg,#fff);align-content:center}.text-color-component-preview p,.text-color-component-preview strong,.text-color-component-preview small{color:inherit;margin:0;font-weight:700;line-height:1.26}.text-color-component-preview .visual-button-specimen{border-radius:var(--radius);width:max-content;min-height:36px;color:inherit;background:0 0;border:1px solid;justify-content:center;align-items:center;padding:0 11px;font-weight:700;display:inline-flex}.text-color-decision-grid{margin-block-start:12px}.text-color-support-panel{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;padding:12px}.text-color-support-panel strong{color:var(--ink);font-size:1rem;display:block}.text-color-support-panel p{color:#33414b;margin:4px 0 0;font-size:.86rem;font-weight:700;line-height:1.35}.text-color-support-panel ul{color:#33414b;gap:8px;margin:10px 0 0;padding-inline-start:18px;font-size:.84rem;font-weight:700;line-height:1.38;display:grid}.text-color-output-panel{position:sticky;top:88px}.text-color-next-actions{margin-block-start:12px}.suggestion-list{gap:8px;margin-block-end:12px;display:grid}.suggestion-item{border-radius:var(--radius);min-height:62px;color:var(--ink);background:#f8f7f1;border:1px solid #10212b1f;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.text-candidate-card[data-status=pass]{background:#effaf4;border-color:#2f855a3d}.text-candidate-card[data-status=warn]{background:#fff8df;border-color:#ffd16685}.text-candidate-card[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.suggestion-swatch{border-radius:var(--radius);border:1px solid #10212b29;width:42px;height:42px;display:block}.suggestion-item strong,.suggestion-item span:not(.suggestion-swatch),.suggestion-item small{line-height:1.2;display:block}.suggestion-item strong{color:var(--ink);overflow-wrap:anywhere}.suggestion-item span:not(.suggestion-swatch){color:var(--muted);margin-block-start:4px;font-weight:700}.suggestion-item small{color:#33414b;margin-block-start:3px;font-size:.76rem;font-weight:700}.suggestion-item button{padding:0 9px}.text-color-preview{min-height:300px;margin-block-start:10px}.gradient-preview{border-radius:var(--radius);overflow-wrap:anywhere;border:1px solid #10212b29;align-items:flex-end;min-height:330px;padding:18px;font-weight:700;line-height:1.2;display:flex}.stage2-color-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px;max-height:640px;margin-block-start:14px;padding-inline-end:4px;display:grid;overflow:auto}.stage2-term-list{gap:10px;max-height:720px;margin-block-start:14px;padding-inline-end:4px;display:grid;overflow:auto}.stage2-term-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;padding:14px}.stage2-term-meta{color:#61707a;letter-spacing:0;text-transform:uppercase;margin-block-end:6px;font-size:.72rem;font-weight:700;display:block}.palette-role-custom-marker{color:#10212b;background:#fff;border-color:#ffffffb8}.stage2-term-card h4{margin:0;font-size:1rem}.stage2-term-card p{color:#4a5963;margin:6px 0 0;font-weight:700;line-height:1.45}.pro-glossary-layout{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);align-items:start}.pro-glossary-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.glossary-workspace{grid-template-columns:minmax(250px,.86fr) minmax(0,1.14fr);align-items:start;gap:14px;display:grid}.glossary-control-stack,.glossary-visual-stack{gap:12px;min-width:0;display:grid}.glossary-query-chips{flex-wrap:wrap;gap:8px;display:flex}.glossary-query-chips button{min-height:var(--hc-control-target);color:var(--ink);background:#fff;border:1px solid #10212b24;border-radius:999px;padding:0 10px;font-size:.76rem;font-weight:700}.glossary-query-chips button:hover,.glossary-query-chips button:focus-visible{background:#edf7fa;border-color:#118ab266}.glossary-recommendation{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;gap:6px;padding:14px;display:grid}.glossary-recommendation[data-status=pass]{background:#effaf4;border-color:#2f855a38}.glossary-recommendation[data-status=warn]{background:#fff8df;border-color:#ffd16680}.glossary-recommendation h4,.glossary-recommendation p{margin:0}.glossary-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.glossary-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.glossary-featured-card{min-width:0;min-height:246px;color:var(--ink);background:radial-gradient(circle at 14% 16%,#118ab226,#0000 32%),linear-gradient(135deg,#f8f7f1,#edf7fa);border:1px solid #10212b24;border-radius:18px;grid-template-columns:minmax(0,1fr);align-content:end;gap:8px;padding:16px;display:grid;overflow:hidden}.glossary-featured-card>*{min-width:0;max-width:100%}.glossary-featured-card>span{color:#0c5f78;text-transform:uppercase;font-size:.72rem;font-weight:700}.glossary-featured-card strong{font-size:2rem;line-height:1}.glossary-featured-card p{color:#33414b;max-width:620px;margin:0;font-size:.95rem;font-weight:700;line-height:1.38}.glossary-featured-facts{gap:6px;display:grid}.glossary-featured-facts span{border-radius:var(--radius);color:#33414b;overflow-wrap:anywhere;background:#ffffff9e;border:1px solid #10212b1f;align-items:center;width:max-content;max-width:100%;min-height:28px;padding:0 8px;font-size:.74rem;font-weight:700;line-height:1.2;display:inline-flex}.glossary-featured-card .stage-color-card-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;justify-content:center;align-items:center;padding:0 12px;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 8px 18px #10212b14}.glossary-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.glossary-decision-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;gap:3px;min-height:72px;padding:10px;display:grid}.glossary-decision-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.glossary-decision-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.glossary-decision-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.glossary-decision-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;line-height:1.12}.glossary-decision-card em{color:#33414b;font-size:.78rem;font-style:normal;font-weight:700;line-height:1.28}.glossary-term-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.glossary-term-card{gap:8px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.glossary-term-card[data-selected=true]{background:#edf7fa;border-color:#118ab26b;box-shadow:0 14px 26px #10212b1a}.glossary-term-card-top{gap:4px;display:grid}.glossary-term-card h4{line-height:1.12}.glossary-term-card small{color:#61707a;font-size:.76rem;font-weight:700;line-height:1.3}.glossary-term-card .stage-color-card-actions button,.glossary-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.76rem;font-weight:700}.glossary-output-panel{position:sticky;top:88px}.glossary-output-panel select{width:100%;margin-block-end:10px}.glossary-copy-actions{grid-template-columns:repeat(1,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.glossary-next-actions{margin-block-start:12px}.pro-model-layout{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);align-items:start}.pro-model-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.model-workspace{grid-template-columns:minmax(250px,.86fr) minmax(0,1.14fr);align-items:start;gap:14px;display:grid}.model-control-stack,.model-visual-stack{gap:12px;min-width:0;display:grid}.model-recommendation{border-radius:var(--radius);background:#effaf4;border:1px solid #2f855a38;gap:6px;padding:14px;display:grid}.model-recommendation h4,.model-recommendation p{margin:0}.model-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.model-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.model-specimen{min-height:246px;box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 22%, transparent);border:1px solid #10212b24;border-radius:18px;align-content:end;gap:8px;padding:16px;display:grid;overflow:hidden}.model-specimen>span{text-transform:uppercase;font-size:.72rem;font-weight:700}.model-specimen strong{font-size:2rem;line-height:1}.model-specimen p{max-width:620px;margin:0;font-size:.92rem;font-weight:700;line-height:1.32}.model-specimen-facts{flex-wrap:wrap;gap:6px;display:flex}.model-specimen-facts span{border:1px solid color-mix(in srgb, var(--model-specimen-chip-text,currentColor) 28%, transparent);border-radius:var(--radius);background:var(--model-specimen-chip-bg,currentColor);min-height:28px;color:var(--model-specimen-chip-text,#fff);overflow-wrap:anywhere;align-items:center;padding:0 8px;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.model-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.model-decision-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;gap:3px;min-height:72px;padding:10px;display:grid}.model-decision-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.model-decision-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.model-decision-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.model-decision-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;line-height:1.12}.model-decision-card em{color:#33414b;font-size:.78rem;font-style:normal;font-weight:700;line-height:1.28}.model-card-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.model-card{background:#fff;align-content:start;gap:7px;min-height:188px;padding-block-start:78px;display:grid;position:relative}.model-card-group{min-height:32px;color:var(--ink);text-transform:uppercase;background:#10212b1f;align-items:center;padding:0 12px;font-size:.66rem;font-weight:700;line-height:1;display:flex;position:absolute;inset-block-start:0;inset-inline:0}.model-card[data-group=web] .model-card-group{color:#fff;background:#0d6685}.model-card[data-group=picker] .model-card-group{color:#10212b;background:#ffd166}.model-card[data-group=perceptual] .model-card-group{color:#fff;background:#6f4bd8}.model-card[data-group=science] .model-card-group{color:#10212b;background:#06d6a0}.model-card[data-group=print] .model-card-group{color:#fff;background:#b51e46}.model-card-source{border-radius:var(--radius);background:var(--model-source);min-height:30px;color:var(--model-source-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--model-source-text) 28%, transparent);justify-content:space-between;align-items:center;padding:0 10px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;inset-block-start:42px;inset-inline:12px}.model-card strong{color:var(--ink);font-size:1.05rem;line-height:1.12}.model-card small{color:#33414b;font-size:.76rem;font-weight:700;line-height:1.3}.model-card button,.model-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.76rem;font-weight:700}.model-output-panel{position:sticky;top:88px}.model-output-panel select{width:100%;margin-block-end:10px}.model-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.model-next-actions{margin-block-start:12px}.pro-gamut-layout{grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);align-items:start}.pro-gamut-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.gamut-workspace{grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);align-items:start;gap:14px;display:grid}.gamut-control-stack,.gamut-visual-stack{gap:12px;min-width:0;display:grid}.gamut-recommendation{border-radius:var(--radius);background:#effaf4;border:1px solid #2f855a38;gap:6px;padding:14px;display:grid}.gamut-recommendation h4,.gamut-recommendation p{margin:0}.gamut-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.gamut-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.gamut-specimen{min-height:260px;box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 22%, transparent);border:1px solid #10212b24;border-radius:18px;align-content:end;gap:8px;padding:16px;display:grid;overflow:hidden}.gamut-specimen>span{text-transform:uppercase;font-size:.72rem;font-weight:700}.gamut-specimen strong{font-size:2rem;line-height:1}.gamut-specimen p{max-width:620px;margin:0;font-size:.92rem;font-weight:700;line-height:1.32}.gamut-specimen-facts{flex-wrap:wrap;gap:6px;display:flex}.gamut-specimen-facts>span{align-items:center;column-gap:var(--space-2,8px);border:1px solid color-mix(in srgb, var(--gamut-specimen-chip-text,currentColor) 28%, transparent);border-radius:var(--radius);background:var(--gamut-specimen-chip-bg,currentColor);min-height:28px;color:var(--gamut-specimen-chip-text,#fff);overflow-wrap:anywhere;padding:0 9px;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.gamut-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.gamut-decision-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;gap:3px;min-height:78px;padding:10px;display:grid}.gamut-decision-card[data-status=pass],.gamut-space-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.gamut-decision-card[data-status=warn],.gamut-space-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.gamut-decision-card[data-status=fail],.gamut-space-card[data-status=fail]{background:#fff0ef;border-color:#db4c5038}.gamut-decision-card span,.gamut-space-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.gamut-decision-card strong,.gamut-space-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;line-height:1.12}.gamut-decision-card em,.gamut-space-card p{color:#33414b;margin:0;font-size:.78rem;font-style:normal;font-weight:700;line-height:1.28}.gamut-space-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-block-start:12px;display:grid}.gamut-space-card{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;align-content:start;gap:8px;min-height:150px;padding:12px;display:grid}.gamut-output-panel{position:sticky;top:88px}.gamut-output-panel select{width:100%;margin-block-end:10px}.gamut-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.gamut-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.76rem;font-weight:700}.gamut-next-actions{margin-block-start:12px}.pro-difference-layout{grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);align-items:start}.pro-difference-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.difference-workspace{grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);align-items:start;gap:14px;display:grid}.difference-control-stack,.difference-visual-stack{gap:12px;min-width:0;display:grid}.difference-recommendation{border-radius:var(--radius);background:#effaf4;border:1px solid #2f855a38;gap:6px;padding:14px;display:grid}.difference-recommendation h4,.difference-recommendation p{margin:0}.difference-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.difference-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.difference-specimen{background:#fff;border:1px solid #10212b24;border-radius:18px;grid-template-rows:minmax(190px,1fr) auto;grid-template-columns:repeat(2,minmax(0,1fr));min-height:260px;display:grid;overflow:hidden}.difference-specimen-swatch{align-content:end;gap:7px;min-width:0;padding:16px;display:grid;overflow:hidden}.difference-specimen-swatch span{text-transform:uppercase;font-size:.72rem;font-weight:700}.difference-specimen-swatch strong{overflow-wrap:anywhere;font-size:clamp(1.4rem,4vw,2rem);line-height:1}.difference-specimen-swatch small{font-size:.78rem;font-weight:700;line-height:1.2}.difference-specimen-strip{color:#fff;text-align:center;grid-column:1/-1;justify-content:center;align-items:center;min-height:48px;padding:8px;display:flex}.difference-specimen-strip span{border-radius:var(--radius);color:#fff;background:#10212bad;border:1px solid #ffffff47;max-width:min(92%,520px);padding:7px 10px;font-size:.74rem;font-weight:700;line-height:1.15}.difference-specimen-empty{min-height:240px;color:var(--ink);text-align:center;grid-column:1/-1;place-content:center;gap:8px;padding:18px;display:grid}.difference-decision-grid,.difference-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.difference-metric-grid{margin-block-start:12px}.difference-decision-card,.difference-metric-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;align-content:start;gap:3px;min-height:80px;padding:10px;display:grid}.difference-decision-card[data-status=pass],.difference-metric-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.difference-decision-card[data-status=warn],.difference-metric-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.difference-decision-card[data-status=fail],.difference-metric-card[data-status=fail]{background:#fff0ef;border-color:#db4c5038}.difference-decision-card span,.difference-metric-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.difference-decision-card strong,.difference-metric-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;line-height:1.12}.difference-decision-card em,.difference-metric-card p{color:#33414b;margin:0;font-size:.78rem;font-style:normal;font-weight:700;line-height:1.28}.difference-output-panel{position:sticky;top:88px}.difference-output-panel select{width:100%;margin-block-end:10px}.difference-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.difference-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.76rem;font-weight:700}.difference-next-actions{margin-block-start:12px}.pro-mixer-layout{grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);align-items:start}.pro-mixer-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.mixer-workspace{grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);align-items:start;gap:14px;display:grid}.mixer-control-stack,.mixer-visual-stack{gap:12px;min-width:0;display:grid}.mixer-range-row{grid-template-columns:112px minmax(120px,1fr) minmax(126px,max-content)}.mixer-range-row input[type=range]{min-width:0;min-height:var(--hc-control-target);accent-color:var(--cyan);background:0 0;border:0;padding:0}.mixer-range-row output{border-radius:var(--radius);min-width:126px;min-height:36px;color:var(--ink);white-space:nowrap;background:#f8f7f1;border:1px solid #10212b1f;justify-content:center;align-items:center;padding:0 10px;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.mixer-recommendation{border-radius:var(--radius);background:#effaf4;border:1px solid #2f855a38;gap:6px;padding:14px;display:grid}.mixer-recommendation h4,.mixer-recommendation p{margin:0}.mixer-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.mixer-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.mixer-specimen{background:#fff;border:1px solid #10212b24;border-radius:18px;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,.9fr);min-height:260px;display:grid;overflow:hidden}.mixer-specimen-swatch{align-content:end;gap:7px;min-width:0;min-height:230px;padding:16px;display:grid;overflow:hidden}.mixer-specimen-result{box-shadow:inset 1px 0 color-mix(in srgb, currentColor 20%, transparent), inset -1px 0 color-mix(in srgb, currentColor 20%, transparent)}.mixer-specimen-swatch span{text-transform:uppercase;font-size:.72rem;font-weight:700}.mixer-specimen-swatch strong{overflow-wrap:anywhere;font-size:clamp(1.24rem,3.6vw,2rem);line-height:1}.mixer-specimen-swatch small{font-size:.78rem;font-weight:700;line-height:1.2}.mixer-specimen-empty{min-height:240px;color:var(--ink);text-align:center;grid-column:1/-1;place-content:center;gap:8px;padding:18px;display:grid}.mixer-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mixer-decision-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;align-content:start;gap:3px;min-height:80px;padding:10px;display:grid}.mixer-decision-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.mixer-decision-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.mixer-decision-card[data-status=fail]{background:#fff0ef;border-color:#db4c5038}.mixer-decision-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.mixer-decision-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;line-height:1.12}.mixer-decision-card em{color:#33414b;font-size:.78rem;font-style:normal;font-weight:700;line-height:1.28}.mixer-mode-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:stretch;gap:10px;margin-block-start:12px;display:grid}.mixer-mode-card{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;grid-template-rows:124px 1fr;min-width:0;height:100%;display:grid;overflow:hidden}.mixer-mode-card[data-selected=true]{border-color:#06d6a080;box-shadow:0 0 0 2px #06d6a029}.mixer-mode-card-swatch{align-content:end;gap:5px;padding:12px;display:grid}.mixer-mode-card-swatch span{text-transform:uppercase;font-size:.68rem;font-weight:700}.mixer-mode-card-swatch strong{overflow-wrap:anywhere;font-size:1.28rem;line-height:1}.mixer-mode-card-body{grid-template-rows:auto minmax(62px,auto) auto minmax(82px,auto) auto;align-content:stretch;gap:7px;padding:12px;display:grid}.mixer-mode-card-body>strong{color:var(--ink);font-size:.98rem;line-height:1.16}.mixer-mode-card-body p{color:#33414b;min-height:62px;margin:0;font-size:.78rem;font-weight:700;line-height:1.32}.mixer-mode-card-body small{color:#61707a;font-size:.72rem;font-weight:700}.mixer-mode-card-body code{overflow-wrap:anywhere;border-radius:var(--radius);min-width:0;min-height:82px;color:var(--ink);background:#f8f7f1;align-content:center;padding:8px;font-size:.72rem;line-height:1.3;display:grid}.mixer-mode-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;gap:8px;margin-block-start:auto;display:grid}.mixer-mode-card-actions button,.mixer-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.76rem;font-weight:700}.mixer-output-panel{position:sticky;top:88px}.mixer-output-panel select{width:100%;margin-block-end:10px}.mixer-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.mixer-next-actions{margin-block-start:12px}.pro-opacity-layout{grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);align-items:start}.pro-opacity-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.opacity-workspace{grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);align-items:start;gap:14px;display:grid}.opacity-control-stack,.opacity-visual-stack{gap:12px;min-width:0;display:grid}.opacity-range-row{grid-template-columns:112px minmax(120px,1fr) minmax(74px,max-content)}.opacity-range-row input[type=range]{min-width:0;min-height:var(--hc-control-target);accent-color:var(--cyan);background:0 0;border:0;padding:0}.opacity-range-row output{border-radius:var(--radius);min-width:74px;min-height:36px;color:var(--ink);white-space:nowrap;background:#f8f7f1;border:1px solid #10212b1f;justify-content:center;align-items:center;padding:0 10px;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.opacity-recommendation{border-radius:var(--radius);background:#effaf4;border:1px solid #2f855a38;gap:6px;padding:14px;display:grid}.opacity-recommendation h4,.opacity-recommendation p{margin:0}.opacity-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.opacity-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.opacity-specimen{background-color:#0000;background-image:linear-gradient(45deg,#10212b0f 25%,#0000 25% 75%,#10212b0f 75%),linear-gradient(45deg,#10212b0f 25%,#0000 25% 75%,#10212b0f 75%);background-position:0 0,10px 10px;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #10212b24;border-radius:18px;min-height:280px;overflow:hidden}.opacity-specimen-background{grid-template-columns:minmax(0,.9fr) minmax(0,1.28fr) minmax(0,.9fr);align-items:stretch;min-height:280px;display:grid}.opacity-specimen-base,.opacity-specimen-overlay,.opacity-specimen-source{align-content:end;gap:7px;min-width:0;min-height:250px;padding:16px;display:grid;overflow:hidden}.opacity-specimen-overlay{border-inline:1px solid color-mix(in srgb, currentColor 22%, transparent);min-height:250px;box-shadow:0 20px 80px #10212b29}.opacity-specimen-base span,.opacity-specimen-overlay span,.opacity-specimen-source span{text-transform:uppercase;font-size:.72rem;font-weight:700}.opacity-specimen-base strong,.opacity-specimen-overlay strong,.opacity-specimen-source strong{overflow-wrap:anywhere;font-size:clamp(1.24rem,3.6vw,2rem);line-height:1}.opacity-specimen-base small,.opacity-specimen-overlay small,.opacity-specimen-source small{font-size:.78rem;font-weight:700;line-height:1.2}.opacity-specimen-empty{min-height:260px;color:var(--ink);text-align:center;place-content:center;gap:8px;padding:18px;display:grid}.opacity-decision-grid,.opacity-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.opacity-check-grid{margin-block-start:12px}.opacity-decision-card,.opacity-check-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;align-content:start;gap:3px;min-height:80px;padding:10px;display:grid}.opacity-decision-card[data-status=pass],.opacity-check-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.opacity-decision-card[data-status=warn],.opacity-check-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.opacity-decision-card[data-status=fail],.opacity-check-card[data-status=fail]{background:#fff0ef;border-color:#db4c5038}.opacity-decision-card span,.opacity-check-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.opacity-decision-card strong,.opacity-check-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;line-height:1.12}.opacity-decision-card em,.opacity-check-card p{color:#33414b;margin:0;font-size:.78rem;font-style:normal;font-weight:700;line-height:1.28}.opacity-output-panel{position:sticky;top:88px}.opacity-output-panel select{width:100%;margin-block-end:10px}.opacity-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.opacity-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.76rem;font-weight:700}.opacity-next-actions{margin-block-start:12px}.pro-temperature-layout{grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);align-items:start}.pro-temperature-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.temperature-workspace{grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);align-items:start;gap:14px;display:grid}.temperature-control-stack,.temperature-visual-stack{gap:12px;min-width:0;display:grid}.temperature-range-row{grid-template-columns:112px minmax(120px,1fr) minmax(100px,max-content)}.temperature-range-row input[type=range]{min-width:0;min-height:var(--hc-control-target);accent-color:var(--cyan);background:0 0;border:0;padding:0}.temperature-range-row output{border-radius:var(--radius);min-width:100px;min-height:36px;color:var(--ink);white-space:nowrap;background:#f8f7f1;border:1px solid #10212b1f;justify-content:center;align-items:center;padding:0 10px;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.temperature-recommendation{border-radius:var(--radius);background:#effaf4;border:1px solid #2f855a38;gap:6px;padding:14px;display:grid}.temperature-recommendation h4,.temperature-recommendation p{margin:0}.temperature-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.temperature-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.temperature-specimen{background:#fff;border:1px solid #10212b24;border-radius:18px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:260px;display:grid;overflow:hidden}.temperature-specimen-swatch{align-content:end;gap:7px;min-width:0;min-height:230px;padding:16px;display:grid;overflow:hidden}.temperature-specimen-result{box-shadow:inset 1px 0 color-mix(in srgb, currentColor 22%, transparent)}.temperature-specimen-swatch span{text-transform:uppercase;font-size:.72rem;font-weight:700}.temperature-specimen-swatch strong{overflow-wrap:anywhere;font-size:clamp(1.24rem,3.6vw,2rem);line-height:1}.temperature-specimen-swatch small{font-size:.78rem;font-weight:700;line-height:1.2}.temperature-specimen-empty{min-height:240px;color:var(--ink);text-align:center;grid-column:1/-1;place-content:center;gap:8px;padding:18px;display:grid}.temperature-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.temperature-decision-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;align-content:start;gap:3px;min-height:80px;padding:10px;display:grid}.temperature-decision-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.temperature-decision-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.temperature-decision-card[data-status=fail]{background:#fff0ef;border-color:#db4c5038}.temperature-decision-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.temperature-decision-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;line-height:1.12}.temperature-decision-card em{color:#33414b;font-size:.78rem;font-style:normal;font-weight:700;line-height:1.28}.temperature-variant-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:stretch;gap:10px;margin-block-start:12px;display:grid}.temperature-variant-card{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;grid-template-rows:128px 1fr;min-width:0;height:100%;display:grid;overflow:hidden}.temperature-variant-card[data-selected=true]{border-color:#06d6a080;box-shadow:0 0 0 2px #06d6a029}.temperature-variant-swatch{align-content:end;gap:5px;padding:12px;display:grid}.temperature-variant-swatch span{text-transform:uppercase;font-size:.68rem;font-weight:700}.temperature-variant-swatch strong{overflow-wrap:anywhere;font-size:1.28rem;line-height:1}.temperature-variant-body{grid-template-rows:auto minmax(52px,auto) auto auto;align-content:stretch;gap:7px;padding:12px;display:grid}.temperature-variant-body>strong{color:var(--ink);font-size:.98rem;line-height:1.16}.temperature-variant-body p{color:#33414b;min-height:52px;margin:0;font-size:.78rem;font-weight:700;line-height:1.32}.temperature-variant-body small{color:#61707a;font-size:.72rem;font-weight:700}.temperature-variant-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;gap:8px;margin-block-start:auto;display:grid}.temperature-variant-actions button,.temperature-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.76rem;font-weight:700}.temperature-output-panel{position:sticky;top:88px}.temperature-output-panel select{width:100%;margin-block-end:10px}.temperature-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.temperature-next-actions{margin-block-start:12px}.pro-chroma-layout{grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);align-items:start}.pro-chroma-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.chroma-workspace{grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);align-items:start;gap:14px;display:grid}.chroma-control-stack,.chroma-visual-stack{gap:12px;min-width:0;display:grid}.chroma-range-row{grid-template-columns:112px minmax(120px,1fr) minmax(104px,max-content)}.chroma-range-row input[type=range]{min-width:0;min-height:var(--hc-control-target);accent-color:var(--cyan);background:0 0;border:0;padding:0}.chroma-range-row output{border-radius:var(--radius);min-width:104px;min-height:36px;color:var(--ink);white-space:nowrap;background:#f8f7f1;border:1px solid #10212b1f;justify-content:center;align-items:center;padding:0 10px;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.chroma-recommendation{border-radius:var(--radius);background:#effaf4;border:1px solid #2f855a38;gap:6px;padding:14px;display:grid}.chroma-recommendation h4,.chroma-recommendation p{margin:0}.chroma-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.chroma-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.chroma-specimen{background:#fff;border:1px solid #10212b24;border-radius:18px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:260px;display:grid;overflow:hidden}.chroma-specimen-swatch{align-content:end;gap:7px;min-width:0;min-height:230px;padding:16px;display:grid;overflow:hidden}.chroma-specimen-result{box-shadow:inset 1px 0 color-mix(in srgb, currentColor 22%, transparent)}.chroma-specimen-swatch span{text-transform:uppercase;font-size:.72rem;font-weight:700}.chroma-specimen-swatch strong{overflow-wrap:anywhere;font-size:clamp(1.24rem,3.6vw,2rem);line-height:1}.chroma-specimen-swatch small{font-size:.78rem;font-weight:700;line-height:1.2}.chroma-specimen-empty{min-height:240px;color:var(--ink);text-align:center;grid-column:1/-1;place-content:center;gap:8px;padding:18px;display:grid}.chroma-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.chroma-decision-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;align-content:start;gap:3px;min-height:80px;padding:10px;display:grid}.chroma-decision-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.chroma-decision-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.chroma-decision-card[data-status=fail]{background:#fff0ef;border-color:#db4c5038}.chroma-decision-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.chroma-decision-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;line-height:1.12}.chroma-decision-card em{color:#33414b;font-size:.78rem;font-style:normal;font-weight:700;line-height:1.28}.chroma-variant-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:stretch;gap:10px;margin-block-start:12px;display:grid}.chroma-variant-card{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;grid-template-rows:128px 1fr;min-width:0;height:100%;display:grid;overflow:hidden}.chroma-variant-card[data-selected=true]{border-color:#06d6a080;box-shadow:0 0 0 2px #06d6a029}.chroma-variant-swatch{align-content:end;gap:5px;padding:12px;display:grid}.chroma-variant-swatch span{text-transform:uppercase;font-size:.68rem;font-weight:700}.chroma-variant-swatch strong{overflow-wrap:anywhere;font-size:1.28rem;line-height:1}.chroma-variant-body{grid-template-rows:auto minmax(64px,auto) auto auto;align-content:stretch;gap:7px;padding:12px;display:grid}.chroma-variant-body>strong{color:var(--ink);font-size:.98rem;line-height:1.16}.chroma-variant-body p{color:#33414b;min-height:64px;margin:0;font-size:.78rem;font-weight:700;line-height:1.32}.chroma-variant-body small{color:#61707a;font-size:.72rem;font-weight:700}.chroma-variant-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;gap:8px;margin-block-start:auto;display:grid}.chroma-variant-actions button,.chroma-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.76rem;font-weight:700}.chroma-output-panel{position:sticky;top:88px}.chroma-output-panel select{width:100%;margin-block-end:10px}.chroma-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.chroma-next-actions{margin-block-start:12px}.pro-ladder-layout{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:start}.pro-ladder-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.ladder-workspace{grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);align-items:start;gap:14px;display:grid}.ladder-control-stack,.ladder-visual-stack{gap:12px;min-width:0;display:grid}.ladder-recommendation{border-radius:var(--radius);background:#effaf4;border:1px solid #2f855a38;gap:6px;padding:14px;display:grid}.ladder-recommendation h4,.ladder-recommendation p{margin:0}.ladder-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.ladder-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.ladder-specimen{background:#fff;border:1px solid #10212b24;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:244px;display:grid;overflow:hidden}.ladder-specimen-swatch{min-width:0;min-height:224px;box-shadow:inset 1px 0 color-mix(in srgb, currentColor 18%, transparent);align-content:end;gap:6px;padding:14px;display:grid;overflow:hidden}.ladder-specimen-swatch:first-child{box-shadow:none}.ladder-specimen-swatch span{text-transform:uppercase;font-size:.68rem;font-weight:700;line-height:1.1}.ladder-specimen-swatch strong{overflow-wrap:anywhere;padding-block:2px;font-size:clamp(1.1rem,2.6vw,1.62rem);line-height:1.12;display:block}.ladder-specimen-swatch small{font-size:.74rem;font-weight:700;line-height:1.2}.ladder-specimen-empty{min-height:220px;color:var(--ink);text-align:center;grid-column:1/-1;place-content:center;gap:8px;padding:18px;display:grid}.ladder-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ladder-decision-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;align-content:start;gap:3px;min-height:80px;padding:10px;display:grid}.ladder-decision-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.ladder-decision-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.ladder-decision-card[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.ladder-decision-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.ladder-decision-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;line-height:1.12}.ladder-decision-card em{color:#33414b;font-size:.78rem;font-style:normal;font-weight:700;line-height:1.28}.ladder-scale-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:stretch;gap:10px;margin-block-start:12px;display:grid}.ladder-step-card{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;grid-template-rows:128px 1fr;min-width:0;height:100%;display:grid;overflow:hidden}.ladder-step-card[data-status=warn]{box-shadow:inset 0 -5px #ffd166d1}.ladder-step-swatch{align-content:end;gap:5px;padding:12px;display:grid}.ladder-step-swatch span{text-transform:uppercase;font-size:.68rem;font-weight:700}.ladder-step-swatch strong{overflow-wrap:anywhere;font-size:1.28rem;line-height:1.12}.ladder-step-swatch small{font-size:.74rem;font-weight:700;line-height:1.15}.ladder-step-body{grid-template-rows:auto minmax(70px,auto) auto auto;align-content:stretch;gap:7px;padding:12px;display:grid}.ladder-step-body>strong{color:var(--ink);font-size:.98rem;line-height:1.16}.ladder-step-body p{color:#33414b;min-height:70px;margin:0;font-size:.78rem;font-weight:700;line-height:1.32}.ladder-step-body small{color:#61707a;font-size:.72rem;font-weight:700;line-height:1.24}.ladder-step-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;gap:8px;margin-block-start:auto;display:grid}.ladder-step-actions button,.ladder-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.76rem;font-weight:700}.ladder-output-panel{position:sticky;top:88px}.ladder-output-panel select{width:100%;margin-block-end:10px}.ladder-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.ladder-next-actions{margin-block-start:12px}.pro-cvd-layout{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:start}.pro-cvd-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.cvd-workspace{grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);align-items:start;gap:14px;display:grid}.cvd-control-stack,.cvd-visual-stack{gap:12px;min-width:0;display:grid}.cvd-control-stack textarea{resize:vertical;min-height:178px}.cvd-add-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.cvd-add-field{min-width:0}.cvd-add-button{white-space:nowrap;min-height:44px}.cvd-paste-panel{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;gap:8px;padding:10px;display:grid}.cvd-paste-panel[open]{background:#fff}.cvd-paste-panel summary{color:var(--ink);cursor:pointer;font-size:.86rem;font-weight:700;line-height:1.18}.cvd-paste-panel .stacked-label{margin-block-start:10px}.cvd-paste-panel textarea{resize:vertical;min-height:104px}.cvd-paste-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cvd-paste-button{width:100%;min-height:var(--hc-control-target)}.cvd-palette-status{min-height:1.2em;margin-block:2px 0}.cvd-palette-toolbar{border-radius:var(--radius);background:#fff;border:1px solid #10212b1a;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:8px 10px;display:flex}.cvd-palette-toolbar span{color:#61707a;text-transform:uppercase;font-size:.78rem;font-weight:700;line-height:1.12}.cvd-clear-button{min-height:var(--hc-control-target);padding-inline:10px}.cvd-clear-button:disabled{cursor:not-allowed;opacity:.52}.cvd-palette-builder{gap:8px;display:grid}.cvd-palette-chip{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:8px;display:grid}.cvd-palette-chip-swatch{border:1px solid color-mix(in srgb, var(--cvd-chip-text) 26%, transparent);background:var(--cvd-chip-bg);min-height:38px;color:var(--cvd-chip-text);border-radius:12px;place-items:center;font-size:.76rem;font-weight:700;display:grid}.cvd-palette-chip-meta{gap:2px;min-width:0;display:grid}.cvd-palette-chip-meta strong{color:var(--ink);overflow-wrap:anywhere;font-size:.9rem;line-height:1.08}.cvd-palette-chip-meta em{color:#61707a;font-size:.72rem;font-style:normal;font-weight:700;line-height:1.16}.cvd-palette-chip button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);white-space:nowrap;background:#f8f7f1;border:1px solid #10212b29;padding-inline:10px;font-size:.74rem;font-weight:700}.cvd-palette-empty{border-radius:var(--radius);color:#61707a;text-align:center;background:#f8f7f1;border:1px dashed #10212b3d;place-items:center;min-height:58px;padding:12px;font-size:.82rem;font-weight:700;display:grid}.cvd-recommendation{border-radius:var(--radius);background:#effaf4;border:1px solid #2f855a38;gap:6px;padding:14px;display:grid}.cvd-recommendation h4,.cvd-recommendation p{margin:0}.cvd-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.cvd-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.cvd-specimen{background:#fff;border:1px solid #10212b24;border-radius:18px;align-content:center;gap:12px;min-height:244px;padding:14px;display:grid;overflow:hidden}.cvd-specimen-row{gap:7px;display:grid}.cvd-specimen-row>strong{color:var(--ink);text-transform:uppercase;font-size:.82rem;font-weight:700;line-height:1.1}.cvd-specimen-strip{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b24;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));min-height:76px;display:grid;overflow:hidden}.cvd-specimen-strip span{background:var(--cvd-strip-color,transparent);min-width:0}.cvd-specimen p{color:#33414b;margin:0;font-size:.84rem;font-weight:700;line-height:1.32}.cvd-specimen-empty{min-height:220px;color:var(--ink);text-align:center;place-content:center;gap:8px;display:grid}.cvd-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cvd-decision-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;align-content:start;gap:3px;min-height:80px;padding:10px;display:grid}.cvd-decision-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.cvd-decision-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.cvd-decision-card[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.cvd-decision-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.cvd-decision-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;line-height:1.12}.cvd-decision-card em{color:#33414b;font-size:.78rem;font-style:normal;font-weight:700;line-height:1.28}.cvd-card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:stretch;gap:10px;margin-block-start:12px;display:grid}.cvd-card{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;grid-template-rows:148px 1fr;min-width:0;height:100%;display:grid;overflow:hidden}.cvd-card[data-status=warn]{box-shadow:inset 0 -5px #ffd166d1}.cvd-card-swatches{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.cvd-card-swatch{align-content:end;gap:5px;min-width:0;padding:12px;display:grid;overflow:hidden}.cvd-card-swatch+.cvd-card-swatch{box-shadow:inset 1px 0 color-mix(in srgb, currentColor 24%, transparent)}.cvd-card-swatch span{text-transform:uppercase;font-size:.66rem;font-weight:700;line-height:1.1}.cvd-card-swatch strong{overflow-wrap:anywhere;font-size:1.08rem;line-height:1.12}.cvd-card-body{grid-template-rows:auto minmax(78px,auto) auto auto;align-content:stretch;gap:7px;padding:12px;display:grid}.cvd-card-body>strong{color:var(--ink);font-size:.98rem;line-height:1.16}.cvd-card-body p{color:#33414b;min-height:78px;margin:0;font-size:.78rem;font-weight:700;line-height:1.32}.cvd-card-body small{color:#61707a;font-size:.72rem;font-weight:700;line-height:1.24}.cvd-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;gap:8px;margin-block-start:auto;display:grid}.cvd-card-actions button,.cvd-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.76rem;font-weight:700}.cvd-output-panel{position:sticky;top:88px}.cvd-output-panel select{width:100%;margin-block-end:10px}.cvd-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.cvd-next-actions{margin-block-start:12px}.pro-pair-layout{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:start}.pro-pair-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.pair-workspace{grid-template-columns:minmax(260px,.84fr) minmax(0,1.16fr);align-items:start;gap:14px;display:grid}.pair-control-stack,.pair-visual-stack{gap:12px;min-width:0;display:grid}.pair-add-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.pair-add-field{min-width:0}.pair-add-button{white-space:nowrap;min-height:44px}.pair-paste-panel{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;gap:8px;padding:10px;display:grid}.pair-paste-panel[open]{background:#fff}.pair-paste-panel summary{color:var(--ink);cursor:pointer;font-size:.86rem;font-weight:700;line-height:1.18}.pair-paste-panel .stacked-label{margin-block-start:10px}.pair-paste-panel textarea{resize:vertical;min-height:104px}.pair-paste-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pair-palette-status{min-height:1.2em;margin-block:2px 0}.pair-palette-toolbar{border-radius:var(--radius);background:#fff;border:1px solid #10212b1a;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:8px 10px;display:flex}.pair-palette-toolbar span{color:#61707a;text-transform:uppercase;font-size:.78rem;font-weight:700;line-height:1.12}.pair-clear-button{min-height:var(--hc-control-target);padding-inline:10px}.pair-clear-button:disabled{cursor:not-allowed;opacity:.52}.pair-palette-builder{gap:8px;display:grid}.pair-palette-chip{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:8px;display:grid}.pair-palette-chip-swatch{border:1px solid color-mix(in srgb, var(--pair-chip-text) 26%, transparent);background:var(--pair-chip-bg);min-height:38px;color:var(--pair-chip-text);border-radius:12px;place-items:center;display:grid}.pair-palette-chip-meta{gap:2px;min-width:0;display:grid}.pair-palette-chip-meta strong{color:var(--ink);overflow-wrap:anywhere;font-size:.9rem;line-height:1.08}.pair-palette-chip-meta em{color:#61707a;font-size:.72rem;font-style:normal;font-weight:700;line-height:1.16}.pair-palette-chip button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);white-space:nowrap;background:#f8f7f1;border:1px solid #10212b29;padding-inline:10px;font-size:.74rem;font-weight:700}.pair-palette-empty,.pair-results-empty{border-radius:var(--radius);color:#61707a;text-align:center;background:#f8f7f1;border:1px dashed #10212b3d;place-items:center;min-height:58px;padding:12px;font-size:.82rem;font-weight:700;display:grid}.pair-recommendation{border-radius:var(--radius);background:#effaf4;border:1px solid #2f855a38;gap:6px;padding:14px;display:grid}.pair-recommendation h4,.pair-recommendation p{margin:0}.pair-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.pair-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.pair-specimen{background:#fff;border:1px solid #10212b24;border-radius:18px;min-height:256px;display:grid;overflow:hidden}.pair-specimen-card{background:var(--pair-bg);min-height:256px;color:var(--pair-fg);align-content:end;gap:9px;padding:18px;display:grid;overflow:hidden}.pair-specimen-card span{text-transform:uppercase;font-size:.74rem;font-weight:700;line-height:1.1}.pair-specimen-card strong{overflow-wrap:anywhere;max-width:100%;font-size:clamp(1.8rem,4.5vw,3.15rem);line-height:1.02}.pair-specimen-card p{max-width:520px;margin:0;font-size:.9rem;font-weight:700;line-height:1.34}.pair-specimen-card .visual-button-specimen{border:1px solid color-mix(in srgb, currentColor 58%, transparent);border-radius:var(--radius);background:color-mix(in srgb, currentColor 12%, transparent);width:max-content;min-height:42px;color:inherit;justify-content:center;align-items:center;padding:0 12.5px;font-size:.82rem;font-weight:700;display:inline-flex}.pair-specimen-card[data-status=fail]{box-shadow:inset 0 -6px #ef476fe6}.pair-specimen-empty{min-height:256px;color:var(--ink);text-align:center;place-content:center;gap:8px;padding:18px;display:grid}.pair-specimen-empty span{color:#61707a;text-transform:uppercase;font-size:.72rem;font-weight:700}.pair-specimen-empty strong{font-size:1.8rem;line-height:1.08}.pair-specimen-empty p{color:#33414b;max-width:320px;margin:0;font-size:.86rem;font-weight:700;line-height:1.36}.pair-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pair-decision-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;align-content:start;gap:3px;min-height:80px;padding:10px;display:grid}.pair-decision-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.pair-decision-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.pair-decision-card[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.pair-decision-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.pair-decision-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;line-height:1.12}.pair-decision-card em{color:#33414b;font-size:.78rem;font-style:normal;font-weight:700;line-height:1.28}.pair-results-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;gap:10px;margin-block-start:12px;display:grid}.pair-card{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;grid-template-rows:144px 1fr;min-width:0;height:100%;display:grid;overflow:hidden}.pair-card[data-status=warn]{box-shadow:inset 0 -5px #ffd166d1}.pair-card[data-status=fail]{box-shadow:inset 0 -5px #ef476fd1}.pair-card-swatch{align-content:end;gap:5px;min-width:0;padding:12px;display:grid;overflow:hidden}.pair-card-swatch span{text-transform:uppercase;font-size:.68rem;font-weight:700;line-height:1.1}.pair-card-swatch strong{overflow-wrap:anywhere;font-size:1.4rem;line-height:1.1}.pair-card-swatch small{font-size:.76rem;font-weight:700;line-height:1.15}.pair-card-body{grid-template-rows:auto minmax(74px,auto) auto auto;align-content:stretch;gap:7px;padding:12px;display:grid}.pair-card-body>strong{color:var(--ink);font-size:.98rem;line-height:1.16}.pair-card-body p{color:#33414b;min-height:74px;margin:0;font-size:.78rem;font-weight:700;line-height:1.32}.pair-card-body small{color:#61707a;font-size:.72rem;font-weight:700;line-height:1.24}.pair-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;gap:8px;margin-block-start:auto;display:grid}.pair-card-actions button,.pair-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.76rem;font-weight:700}.pair-output-panel{position:sticky;top:88px}.pair-output-panel select{width:100%;margin-block-end:10px}.pair-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.pair-next-actions{margin-block-start:12px}.pro-focus-layout{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:start}.pro-focus-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.focus-workspace{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);align-items:start;gap:14px;display:grid}.focus-control-stack,.focus-visual-stack{gap:12px;min-width:0;display:grid}.focus-range-row{grid-template-columns:96px minmax(120px,1fr) minmax(70px,max-content)}.focus-range-row input[type=range]{min-width:0;min-height:var(--hc-control-target);accent-color:var(--cyan);background:0 0;border:0;padding:0}.focus-range-row output{border-radius:var(--radius);min-width:70px;min-height:36px;color:var(--ink);white-space:nowrap;background:#f8f7f1;border:1px solid #10212b1f;justify-content:center;align-items:center;padding:0 12px;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.focus-control-actions{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.focus-control-actions button{min-height:var(--hc-control-target)}.focus-recommendation{border-radius:var(--radius);background:#effaf4;border:1px solid #2f855a38;gap:6px;padding:14px;display:grid}.focus-recommendation[data-status=warn]{background:#fff8df;border-color:#ffd16680}.focus-recommendation h4,.focus-recommendation p{margin:0}.focus-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.focus-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.focus-specimen{min-height:300px;display:grid}.focus-specimen-surface{--focus-page:#fbfaf5;--focus-component:#fff;--focus-ring:#4169e1;--focus-text:#10212b;--focus-width:3px;--focus-offset:3px;background:linear-gradient(135deg, #ffffff29, #fff0), var(--focus-page);min-height:300px;color:var(--focus-text);border:1px solid #10212b24;border-radius:18px;grid-template-columns:minmax(0,.86fr) minmax(220px,1.14fr);align-items:center;gap:20px;padding:22px;display:grid}.focus-specimen-surface[data-focus-status=fail]{box-shadow:inset 0 -6px #ef476fe6}.focus-specimen-caption{align-content:center;gap:7px;min-width:0;display:grid}.focus-specimen-caption span{color:color-mix(in srgb, var(--focus-text) 82%, transparent);text-transform:uppercase;font-size:.72rem;font-weight:700;line-height:1.1}.focus-specimen-caption strong{color:var(--focus-text);overflow-wrap:anywhere;font-size:clamp(2.2rem,6vw,4.3rem);line-height:.98}.focus-specimen-caption small{color:color-mix(in srgb, var(--focus-text) 86%, transparent);font-size:.84rem;font-weight:700;line-height:1.25}.focus-state-preview{place-items:center;min-height:170px;padding:34px;display:grid}.focus-sample-element{border:1px solid color-mix(in srgb, var(--focus-text) 16%, transparent);border-radius:var(--radius);background:var(--focus-component);min-width:min(100%,220px);max-width:100%;color:var(--focus-text);font:inherit;text-align:center;place-items:center;gap:4px;padding:14px 18px;font-weight:700;line-height:1.16;text-decoration:none;display:inline-grid}.focus-state-preview[data-focus-style=outline] .focus-sample-element{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.focus-state-preview[data-focus-style=outer] .focus-sample-element{box-shadow:0 0 0 var(--focus-offset) var(--focus-page), 0 0 0 calc(var(--focus-offset) + var(--focus-width)) var(--focus-ring);outline:none}.focus-state-preview[data-focus-style=double] .focus-sample-element{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);box-shadow:0 0 0 calc(var(--focus-offset) + var(--focus-width) + 2px) color-mix(in srgb, var(--focus-ring) 34%, transparent)}.focus-sample-input,.focus-sample-card{text-align:start;justify-items:start}.focus-sample-input span,.focus-sample-card span,.focus-sample-card small{opacity:.76;font-size:.74rem;font-weight:700}.focus-sample-input strong,.focus-sample-card strong{font-size:1rem;line-height:1.16}.focus-sample-link{min-width:0;color:var(--focus-text);text-underline-offset:.2em;text-decoration:underline .12em}.focus-decision-grid,.focus-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.focus-check-grid{margin-block-start:12px}.focus-decision-card,.focus-check-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;align-content:start;gap:3px;min-height:80px;padding:10px;display:grid}.focus-decision-card[data-status=pass],.focus-check-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.focus-decision-card[data-status=warn],.focus-check-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.focus-decision-card[data-status=fail],.focus-check-card[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.focus-decision-card span,.focus-check-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.focus-decision-card strong,.focus-check-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;line-height:1.12}.focus-decision-card em,.focus-check-card p{color:#33414b;margin:0;font-size:.78rem;font-style:normal;font-weight:700;line-height:1.28}#focusStatusPill[data-status=pass]{color:#154f34;background:#effaf4;border-color:#2f855a47}#focusStatusPill[data-status=fail]{color:#8b1e35;background:#fff1f4;border-color:#ef476f47}.focus-output-panel{position:sticky;top:88px}.focus-output-panel select{width:100%;margin-block-end:10px}.focus-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.focus-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.76rem;font-weight:700}.focus-next-actions{margin-block-start:12px}.pro-link-layout{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:start}.pro-link-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.link-workspace{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);align-items:start;gap:14px;display:grid}.link-control-stack,.link-visual-stack{gap:12px;min-width:0;display:grid}.link-control-actions{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.link-control-actions button{min-height:var(--hc-control-target)}.link-recommendation{border-radius:var(--radius);background:#effaf4;border:1px solid #2f855a38;gap:6px;padding:14px;display:grid}.link-recommendation[data-status=warn]{background:#fff8df;border-color:#ffd16680}.link-recommendation h4,.link-recommendation p{margin:0}.link-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.link-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.link-specimen{min-height:300px;display:grid}.link-preview-surface{--link-bg:#fbfaf5;--link-text:#10212b;--link-color:#125fcc;--link-visited:#6f4bd8;--link-hover:#0645ad;--link-active:#b42318;--link-decoration:underline;background:linear-gradient(135deg, #ffffff29, #fff0), var(--link-bg);min-height:300px;color:var(--link-text);border:1px solid #10212b24;border-radius:18px;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);align-items:stretch;gap:18px;padding:22px;display:grid;overflow:hidden}.link-preview-surface[data-link-status=fail]{box-shadow:inset 0 -6px #ef476fe6}.link-preview-copy,.link-preview-states{align-content:center;gap:12px;min-width:0;display:grid}.link-preview-copy span{color:color-mix(in srgb, var(--link-text) 78%, transparent);text-transform:uppercase;font-size:.72rem;font-weight:700;line-height:1.1}.link-preview-copy p{max-width:560px;color:var(--link-text);margin:0;font-size:clamp(1.2rem,3vw,1.82rem);font-weight:700;line-height:1.28}.link-preview-copy small{color:color-mix(in srgb, var(--link-text) 86%, transparent);font-size:.82rem;font-weight:700;line-height:1.25}.link-preview-surface a{color:var(--link-color);text-decoration-line:var(--link-decoration);text-underline-offset:.18em;font-weight:700;text-decoration-thickness:.08em}.link-preview-surface a:hover{color:var(--link-hover);text-decoration-line:underline}.link-preview-surface a:active{color:var(--link-active)}.link-preview-surface a:focus-visible{outline-offset:.18em;outline:3px solid;text-decoration-line:underline}.link-preview-states{justify-content:stretch}.link-preview-states a{border:1px solid color-mix(in srgb, var(--link-text) 14%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--link-bg) 74%, #fff);text-align:center;justify-content:center;align-items:center;min-height:48px;padding:0 14px;display:flex}.link-preview-states .is-visited{color:var(--link-visited)}.link-preview-states .is-hover{color:var(--link-hover);text-decoration-line:underline}.link-preview-states .is-active{color:var(--link-active);transform:translateY(1px)}.link-preview-states .is-focused{outline:3px solid var(--link-color);outline-offset:3px}.link-decision-grid,.link-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.link-check-grid{margin-block-start:12px}.link-decision-card,.link-check-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;align-content:start;gap:3px;min-height:80px;padding:10px;display:grid}.link-decision-card[data-status=pass],.link-check-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.link-decision-card[data-status=warn],.link-check-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.link-decision-card[data-status=fail],.link-check-card[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.link-decision-card span,.link-check-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.link-decision-card strong,.link-check-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;line-height:1.12}.link-decision-card em,.link-check-card p{color:#33414b;margin:0;font-size:.78rem;font-style:normal;font-weight:700;line-height:1.28}#linkStatusPill[data-status=pass]{color:#154f34;background:#effaf4;border-color:#2f855a47}#linkStatusPill[data-status=fail]{color:#8b1e35;background:#fff1f4;border-color:#ef476f47}.link-output-panel{position:sticky;top:88px}.link-output-panel select{width:100%;margin-block-end:10px}.link-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:10px;display:grid}.link-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.76rem;font-weight:700}.link-next-actions,.stage2-model-grid,.stage2-metadata{margin-block-start:12px}.stage2-split-preview{border-radius:var(--radius);border:1px solid #10212b29;min-height:180px;margin-block-start:12px}.stage2-canvas-wrap{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b24;width:100%;margin-block-start:14px;overflow:hidden}.stage2-default-image-source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.stage2-default-image-source img{width:100%;height:auto;display:block}.stage2-canvas-wrap canvas{cursor:crosshair;width:100%;height:auto;max-height:560px;display:block}.stage2-canvas-preview canvas{cursor:default}.pro-image-eye-layout{grid-template-columns:minmax(0,1.24fr) minmax(340px,.76fr);align-items:start}.pro-image-eye-layout,.pro-image-eye-panel,.image-eye-workspace,.image-eye-control-stack,.image-eye-visual-stack,.image-eye-output-panel{min-width:0;max-width:100%}.pro-image-eye-panel{background:linear-gradient(#fffffffa,#fbfaf5e0),#fff}.image-eye-workspace{grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);align-items:start;gap:14px;display:grid}.image-eye-control-stack,.image-eye-visual-stack{gap:12px;min-width:0;display:grid}.image-eye-control-stack>*,.image-eye-visual-stack>*,.image-eye-inspector-stack>*{min-width:0;max-width:100%}.image-eye-inspector-stack{grid-template-columns:minmax(0,1fr) minmax(190px,.72fr);align-items:stretch;gap:10px;min-width:0;max-width:100%;display:grid}.image-eye-control-actions,.image-eye-copy-actions,.image-eye-sample-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.image-eye-control-actions{grid-template-columns:1fr}.image-eye-live-card,.image-eye-loupe-card,.image-eye-canvas-shell{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;min-width:0;max-width:100%}.image-eye-live-card{gap:10px;min-height:168px;padding:12px;display:grid}.image-eye-empty,.image-eye-sample-empty{border-radius:var(--radius);color:#61707a;border:1px dashed #10212b33;padding:14px;font-size:.86rem;font-weight:700;line-height:1.35;display:block}.image-eye-live-swatch{border-radius:calc(var(--radius) - 2px);background:var(--image-eye-live-bg,#4169e1);min-height:112px;color:var(--image-eye-live-text,#fff);align-content:end;gap:3px;padding:14px;display:grid}.image-eye-live-swatch span,.image-eye-live-swatch em{text-transform:uppercase;font-size:.72rem;font-weight:700;line-height:1.1}.image-eye-live-swatch strong{font-size:1.65rem;line-height:1}.image-eye-live-swatch em{opacity:.86;font-style:normal}.image-eye-live-meta{gap:6px;display:grid}.image-eye-live-meta span{color:#61707a;justify-content:space-between;gap:10px;font-size:.78rem;font-weight:700;line-height:1.2;display:flex}.image-eye-live-meta strong{color:var(--ink);text-align:right;overflow-wrap:anywhere}.image-eye-loupe-card{align-content:start;gap:10px;padding:12px;display:grid;overflow:hidden}.image-eye-loupe-head{color:#61707a;text-transform:uppercase;justify-content:space-between;gap:10px;font-size:.72rem;font-weight:700;display:flex}.image-eye-loupe-head strong{min-width:0;color:var(--ink);text-align:right;overflow-wrap:anywhere}.image-eye-loupe-card canvas{width:min(100%,168px);height:auto;image-rendering:pixelated;background:#fff;border:1px solid #10212b2e;border-radius:12px;justify-self:center;display:block}.image-eye-nudge-panel{touch-action:manipulation;background:#ffffff94;border:1px solid #10212b1a;border-radius:12px;gap:7px;padding:8px;display:none}.image-eye-canvas-shell>.image-eye-nudge-panel{margin-block-start:10px}.image-eye-nudge-panel>span{color:#61707a;text-align:center;text-transform:uppercase;font-size:.68rem;font-weight:700;line-height:1}.image-eye-nudge-grid{grid-template-columns:repeat(3,minmax(0,42px));justify-content:center;align-items:center;gap:6px;display:grid}.image-eye-nudge-grid button{width:42px;min-height:var(--hc-control-target);color:var(--ink);touch-action:manipulation;background:#fff;border:1px solid #10212b2e;border-radius:10px;font-size:1rem;font-weight:700;line-height:1}.image-eye-nudge-grid button:hover:not(:disabled){transform:translateY(-1px)}.image-eye-nudge-grid button:disabled{cursor:not-allowed;opacity:.42}.image-eye-nudge-grid button:first-child{grid-column:2}.image-eye-nudge-grid button:nth-child(2){grid-column:1}.image-eye-nudge-grid span{color:#61707a;place-items:center;min-height:38px;font-size:.68rem;font-weight:700;display:grid}.image-eye-nudge-grid button:nth-child(5){grid-column:2}@media (hover:none),(pointer:coarse){.image-eye-nudge-panel{display:grid}}.image-eye-loupe-card p{color:#61707a;margin:0;font-size:.78rem;font-weight:700;line-height:1.35}.image-eye-canvas-shell{padding:10px;overflow:hidden}.image-eye-canvas-shell,.image-eye-canvas-shell *,.image-eye-inspector-stack,.image-eye-inspector-stack *,.image-eye-sample-toolbar,.image-eye-sample-toolbar *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.image-eye-canvas-frame{border-radius:calc(var(--radius) - 2px);background:#f8f7f1;border:1px solid #10212b1f;position:relative;overflow:hidden}.image-eye-canvas-frame canvas{cursor:crosshair;touch-action:none;width:100%;height:auto;max-height:560px;display:block}@media (hover:hover) and (pointer:fine){.image-eye-canvas-frame canvas{cursor:none}}.image-eye-crosshair{--image-eye-crosshair-color:#fff;border:2px solid var(--image-eye-crosshair-color);opacity:0;pointer-events:none;border-radius:50%;width:22px;height:22px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #10212bb8,0 0 0 5px #ffffff61}.image-eye-crosshair:before,.image-eye-crosshair:after{content:"";background:var(--image-eye-crosshair-color);position:absolute;box-shadow:0 0 0 1px #10212b73}.image-eye-crosshair:before{width:34px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.image-eye-crosshair:after{width:2px;height:34px;top:50%;left:50%;transform:translate(-50%,-50%)}.image-eye-crosshair.is-visible{opacity:1}.image-eye-floating-loupe{--image-eye-floating-accent:#fff;--image-eye-floating-text:#10212b;z-index:80;border:2px solid color-mix(in srgb, var(--image-eye-floating-accent) 52%, #fff);opacity:0;pointer-events:none;will-change:transform;-webkit-backdrop-filter:blur(6px)saturate(1.18);background:#10212bb8;border-radius:50%;place-items:center;width:188px;height:188px;padding:12px;transition:opacity .12s;display:grid;position:fixed;top:0;left:0;transform:translate(-999px,-999px)scale(.94);box-shadow:0 22px 48px #10212b42,0 0 0 1px #10212b38,inset 0 1px #ffffff6b}.image-eye-floating-loupe:before{content:"";border-radius:inherit;background:radial-gradient(circle at 30% 24%, #ffffff57, transparent 36%), linear-gradient(to top, var(--image-eye-floating-accent) 0%, var(--image-eye-floating-accent) 36%, color-mix(in srgb, var(--image-eye-floating-accent) 56%, transparent) 58%, #10212b8a 100%);position:absolute;inset:0}.image-eye-floating-loupe.is-visible{opacity:1;transform:translate3d(var(--image-eye-loupe-x,-999px), var(--image-eye-loupe-y,-999px), 0) scale(1)}.image-eye-floating-loupe canvas{z-index:1;width:132px;height:132px;image-rendering:pixelated;background:#fff;border:1px solid #ffffffb3;border-radius:50%;display:block;position:relative;box-shadow:inset 0 0 0 2px #10212b33}.image-eye-floating-loupe-meta{z-index:2;border:1px solid color-mix(in srgb, var(--image-eye-floating-text) 38%, transparent);background:var(--image-eye-floating-accent);max-width:128px;color:var(--image-eye-floating-text);border-radius:999px;justify-items:center;gap:1px;padding:5px 8px;display:grid;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #10212b33}.image-eye-floating-loupe-meta strong,.image-eye-floating-loupe-meta span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.image-eye-floating-loupe-meta strong{font-size:.78rem;font-weight:700;line-height:1.05}.image-eye-floating-loupe-meta span{opacity:.88;font-size:.62rem;font-weight:700;line-height:1.05}.image-eye-canvas-status,.image-eye-sample-toolbar{color:#61707a;justify-content:space-between;align-items:center;gap:10px;padding-block-start:10px;font-size:.8rem;font-weight:700;display:flex}.image-eye-canvas-status #imageEyeImageMeta{margin-inline-start:auto}.image-eye-pin-current{white-space:nowrap;min-width:118px}#imageEyeStatusPill[data-status=pass]{color:#154f34;background:#effaf4;border-color:#2f855a47}#imageEyeStatusPill[data-status=warn]{color:#6c520f;background:#fff8df;border-color:#ffd16680}.image-eye-decision-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.image-eye-decision-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;align-content:start;gap:3px;min-height:84px;padding:10px;display:grid}.image-eye-decision-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.image-eye-decision-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.image-eye-decision-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.image-eye-decision-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;line-height:1.12}.image-eye-decision-card em{color:#33414b;margin:0;font-size:.76rem;font-style:normal;font-weight:700;line-height:1.28}.image-eye-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.image-eye-sample-card{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;grid-template-columns:minmax(112px,.42fr) minmax(0,.58fr);min-width:0;display:grid;overflow:hidden}.image-eye-sample-swatch{background:var(--image-eye-sample-bg);min-height:154px;color:var(--image-eye-sample-text);align-content:end;gap:4px;padding:14px;display:grid}.image-eye-sample-swatch span,.image-eye-sample-swatch small{text-transform:uppercase;font-size:.72rem;font-weight:700;line-height:1.1}.image-eye-sample-swatch strong{font-size:1.35rem;line-height:1}.image-eye-sample-swatch small{opacity:.86}.image-eye-sample-body{align-content:start;gap:6px;min-width:0;padding:12px;display:grid}.image-eye-sample-body>strong{color:var(--ink);font-size:.9rem;line-height:1.15}.image-eye-sample-body p,.image-eye-sample-body small{color:#33414b;margin:0;font-size:.76rem;font-weight:700;line-height:1.3}.image-eye-sample-body small{color:#61707a}.image-eye-sample-actions{margin-block-start:4px}.image-eye-sample-actions button,.image-eye-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.74rem;font-weight:700}.image-eye-output-panel{position:sticky;top:88px}.image-eye-output-panel select{width:100%;margin-block-end:10px}.image-eye-copy-actions{margin-block-start:10px}.image-eye-next-actions{margin-block-start:12px}.pro-image-palette-layout{grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr);align-items:start}.pro-image-palette-layout,.pro-image-palette-panel,.image-palette-workspace,.image-palette-control-stack,.image-palette-visual-stack,.image-palette-output-panel{min-width:0;max-width:100%}.pro-image-palette-panel{background:linear-gradient(#fffffffa,#fbfaf5e0),#fff}.image-palette-workspace{grid-template-columns:minmax(250px,.76fr) minmax(0,1.24fr);align-items:start;gap:14px;display:grid}.image-palette-control-stack,.image-palette-visual-stack{gap:12px;min-width:0;display:grid}.image-palette-control-stack>*,.image-palette-visual-stack>*{min-width:0;max-width:100%}.image-palette-canvas-shell{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;min-width:0;max-width:100%;padding:10px;overflow:hidden}.image-palette-canvas-frame{border-radius:calc(var(--radius) - 2px);background:#f8f7f1;border:1px solid #10212b1f;overflow:hidden}.image-palette-canvas-frame canvas{width:100%;height:auto;max-height:520px;display:block}.image-palette-canvas-status{color:#61707a;justify-content:space-between;align-items:center;gap:10px;padding-block-start:10px;font-size:.8rem;font-weight:700;display:flex}#imagePaletteStatusPill[data-status=pass]{color:#154f34;background:#effaf4;border-color:#2f855a47}#imagePaletteStatusPill[data-status=warn]{color:#6c520f;background:#fff8df;border-color:#ffd16680}#imagePaletteStatusPill[data-status=fail]{color:#8b1e35;background:#fff1f4;border-color:#ef476f3d}.image-palette-recommendation{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;gap:8px;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 34px #10212b0f}.image-palette-recommendation:before{content:"";background:var(--hc-spectrum);height:4px;position:absolute;inset:0 0 auto}.image-palette-recommendation[data-status=pass]{background:#effaf4;border-color:#2f855a38}.image-palette-recommendation[data-status=warn]{background:#fff8df;border-color:#ffd16680}.image-palette-recommendation[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.image-palette-recommendation h4,.image-palette-recommendation p,.image-palette-recommendation>span{margin:0}.image-palette-recommendation>span{color:#61707a;letter-spacing:.03em;text-transform:uppercase;font-size:.7rem;font-weight:700}.image-palette-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.image-palette-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.image-palette-health-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.image-palette-health-list li{border-radius:calc(var(--radius) - 2px);color:#33414b;background:#ffffffad;border:1px solid #10212b1f;min-height:48px;padding:10px 10px 10px 32px;font-size:.76rem;font-weight:700;line-height:1.3;position:relative}.image-palette-health-list li:before{content:"";background:#d39b00;border-radius:50%;width:8px;height:8px;position:absolute;inset:14px auto auto 12px}.image-palette-health-list li[data-status=pass]:before{background:#2f855a}.image-palette-caveat{border-top:1px solid #10212b1f;padding-block-start:8px}.image-palette-decision-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.image-palette-decision-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;align-content:start;gap:3px;min-height:92px;padding:10px;display:grid}.image-palette-decision-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.image-palette-decision-card[data-status=info]{background:#eff9fd;border-color:#0ea5e938}.image-palette-decision-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.image-palette-decision-card[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.image-palette-decision-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.image-palette-decision-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.92rem;line-height:1.12}.image-palette-decision-card em{color:#33414b;margin:0;font-size:.76rem;font-style:normal;font-weight:700;line-height:1.28}.image-palette-strip{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b24;min-height:72px;display:flex;overflow:auto hidden}.image-palette-strip span{flex:var(--image-palette-strip-share) 1 0;background:var(--image-palette-strip-bg);min-width:82px;min-height:72px;color:var(--image-palette-strip-text);align-content:end;gap:2px;padding:10px;display:grid}.image-palette-strip strong,.image-palette-strip em{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.1;overflow:hidden}.image-palette-strip strong{font-size:.78rem;font-weight:700}.image-palette-strip em{text-transform:uppercase;opacity:.84;font-size:.68rem;font-style:normal;font-weight:700}.image-palette-role-preview{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;margin:0;padding:12px;overflow:hidden;box-shadow:0 16px 34px #10212b0f}.image-palette-role-preview[hidden]{display:none}.image-palette-role-preview figcaption{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:3px;margin-block-end:10px;display:grid}.image-palette-role-preview .palette-component-caption-copy{gap:3px;display:grid}.image-palette-role-preview .palette-component-caption-copy>span{color:#61707a;letter-spacing:.03em;text-transform:uppercase;font-size:.68rem;font-weight:700}.image-palette-role-preview figcaption strong{color:var(--ink);font-size:.94rem;line-height:1.2}.image-palette-role-preview figcaption small{color:#61707a;font-size:.72rem;font-weight:700;line-height:1.35}.image-palette-role-preview figcaption small[data-status=pass]{color:#19613f}.image-palette-role-preview figcaption small[data-status=warn]{color:#875d00}.image-palette-role-provenance{color:#53646e;margin:0 0 10px;font-size:.74rem;font-weight:700;line-height:1.45}.image-palette-role-canvas[hidden],.image-palette-role-legend[hidden],.image-palette-role-recovery[hidden],.image-palette-role-preview .palette-role-inspector-help[hidden]{display:none}.image-palette-role-canvas{border:2px solid var(--image-role-text);border-radius:calc(var(--radius) - 1px);background:var(--image-role-surface);color:var(--image-role-text);overflow:hidden}.image-palette-role-bar{border-bottom:1px solid var(--image-role-text);align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-size:.72rem;font-weight:700;display:flex}.image-palette-role-bar em{margin-inline-start:auto;font-style:normal}.image-palette-role-logo{background:var(--image-role-primary);width:28px;height:28px;color:var(--image-role-on-primary);border-radius:9px;place-items:center;font-weight:700;display:grid}.image-palette-role-body{grid-template-columns:minmax(0,1.1fr) minmax(180px,.9fr);align-items:center;gap:16px;min-height:190px;padding:18px;display:grid}.image-palette-role-copy{gap:8px;display:grid}.image-palette-role-copy>span,.image-palette-role-card>span{letter-spacing:.03em;text-transform:uppercase;font-size:.66rem;font-weight:700}.image-palette-role-copy>strong{max-width:18ch;font-size:1.32rem;line-height:1.02}.image-palette-role-copy p,.image-palette-role-card p{margin:0;font-size:.72rem;font-weight:700;line-height:1.35}.image-palette-role-actions{flex-wrap:wrap;gap:8px;margin-block-start:4px;display:flex}.image-palette-role-actions span{background:var(--image-role-primary);color:var(--image-role-on-primary);border-radius:9px;padding:9px 12px;font-size:.72rem;font-weight:700}.image-palette-role-actions span+span{background:var(--image-role-secondary);color:var(--image-role-on-secondary)}.image-palette-role-card{border:1px solid var(--image-role-text);background:color-mix(in srgb, var(--image-role-surface) 88%, var(--image-role-text));border-radius:14px;gap:8px;padding:16px;display:grid}.image-palette-role-card strong{font-size:1rem}.image-palette-role-legend{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-block-start:8px;display:grid}.image-palette-role-legend>span{color:#61707a;text-transform:uppercase;border:1px solid #10212b1a;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:2px 6px;min-width:0;padding:8px;font-size:.62rem;font-weight:700;display:grid}.image-palette-role-legend i{background:var(--image-role-chip);border:1px solid #10212b29;border-radius:7px;grid-row:1/span 2;width:20px;height:20px}.image-palette-role-legend strong{min-width:0;color:var(--ink);text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.image-palette-role-preview.is-inspecting [data-image-role-inspect]{cursor:help;outline-offset:3px;outline:2px solid #0000}.image-palette-role-preview.is-inspecting [data-image-role-inspect]:hover,.image-palette-role-preview.is-inspecting [data-image-role-inspect]:focus-visible,.image-palette-role-preview.is-inspecting [data-image-role-inspect][data-inspection-active]{outline-color:#2478d4;box-shadow:0 0 0 4px #2478d42e}.image-palette-role-checks{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.image-palette-role-checks li{color:var(--ink);background:#fbfbf8;border:1px solid #10212b1a;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px 8px 30px;font-size:.7rem;line-height:1.35;display:grid;position:relative}.image-palette-role-checks li:before{content:"";background:#31845d;border-radius:50%;width:9px;height:9px;position:absolute;left:11px}.image-palette-role-checks li[data-status=fail]:before{background:#c48b00}.image-palette-role-checks strong{text-align:right}.image-palette-role-recovery{color:#4c3b12;background:#fff8e7;border:1px solid #c48b0057;border-radius:12px;gap:6px;margin-block-start:10px;padding:12px;display:grid}.image-palette-role-recovery>span{font-size:.75rem;font-weight:700;line-height:1.4}.image-palette-role-recovery>div{flex-wrap:wrap;gap:7px;margin-block-start:3px;display:flex}.image-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.image-palette-card{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;grid-template-columns:minmax(116px,.4fr) minmax(0,.6fr);min-width:0;display:grid;overflow:hidden}.image-palette-card[data-status=pass]{border-color:#2f855a33}.image-palette-card[data-status=warn]{border-color:#ffd1668f}.image-palette-card[data-status=fail]{border-color:#ef476f3d}.image-palette-card-swatch{background:var(--image-palette-card-bg);min-height:164px;color:var(--image-palette-card-text);align-content:end;gap:4px;padding:14px;display:grid}.image-palette-card-swatch span,.image-palette-card-swatch small{text-transform:uppercase;font-size:.7rem;font-weight:700;line-height:1.12}.image-palette-card-swatch strong{overflow-wrap:anywhere;font-size:1.28rem;line-height:1}.image-palette-card-swatch small{opacity:.86}.image-palette-card-body{align-content:start;gap:6px;min-width:0;padding:12px;display:grid}.image-palette-card-body>strong{color:var(--ink);font-size:.9rem;line-height:1.15}.image-palette-card-body p,.image-palette-card-body small{color:#33414b;margin:0;font-size:.75rem;font-weight:700;line-height:1.3}.image-palette-card-body small{color:#61707a}.image-palette-card-actions,.image-palette-copy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.image-palette-card-actions{margin-block-start:4px}.image-palette-card-actions button,.image-palette-copy-actions button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;font-size:.74rem;font-weight:700}.image-palette-empty{border-radius:var(--radius);color:#61707a;border:1px dashed #10212b33;margin:0;padding:14px;font-size:.86rem;font-weight:700;line-height:1.35}.image-palette-output-panel{position:sticky;top:88px}.image-palette-output-panel select{width:100%;margin-block-end:10px}.image-palette-copy-actions{margin-block-start:10px}.image-palette-next-actions{margin-block-start:12px}.stage2-comparison-grid{gap:12px;margin-block-start:14px;display:grid}.stage2-comparison-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stage2-comparison-card .stage-swatch-card{min-height:132px}.stage2-focus-preview{border-radius:var(--radius);background:#fbfaf5;border:1px solid #10212b24;place-items:center;min-height:190px;margin-block-start:12px;display:grid}.stage2-focus-preview button{border-radius:var(--radius);min-height:48px;color:var(--ink);outline-offset:4px;background:#fff;border:1px solid #10212b2e;outline:4px solid #4169e1;padding:0 18px;font-weight:700}.stage2-link-preview{border-radius:var(--radius);color:var(--ink);background:#fbfaf5;border:1px solid #10212b24;margin-block-start:12px;padding:18px;font-size:1.08rem;font-weight:700;line-height:1.55}.stage2-link-preview a{font-weight:700}.stage2-checkbox-row{color:#33414b;align-items:flex-start;gap:9px;margin-block-start:12px;font-weight:700;line-height:1.35;display:flex}.stage2-checkbox-row input{width:18px;min-width:18px;height:18px;margin-block-start:2px}.compact-row{margin-block-start:10px}.compact-actions{justify-content:flex-end;gap:8px}.recent-color-box{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;margin-block-start:14px;padding:12px}.recent-color-box h4{margin:0 0 8px;font-size:.95rem}.recent-color-list{flex-wrap:wrap;gap:8px;display:flex}.recent-color-list button,.recent-color-list>span{border-radius:var(--radius);border:1px solid #10212b29;align-items:center;min-height:34px;padding:0 9px;font-size:.76rem;font-weight:700;display:inline-flex}.recent-color-list button{min-height:var(--hc-control-target);color:var(--ink);background:#fff;gap:7px}.recent-color-list button span{border:1px solid #10212b29;border-radius:50%;flex:none;width:18px;height:18px}.recent-color-list button strong{font-size:.76rem;line-height:1}.recent-color-list>span{color:var(--muted);background:#f8f7f1}.pro-harmony-layout{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);align-items:start}.pro-harmony-panel{background:linear-gradient(#fffffffa,#fbfaf5db),#fff}.harmony-workspace{grid-template-columns:minmax(250px,.86fr) minmax(0,1.14fr);align-items:start;gap:14px;display:grid}.harmony-control-stack,.harmony-visual-stack{gap:12px;min-width:0;display:grid}.harmony-recommendation{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;gap:6px;padding:14px;display:grid}.harmony-recommendation[data-status=pass]{background:#effaf4;border-color:#2f855a38}.harmony-recommendation[data-status=warn]{background:#fff8df;border-color:#ffd16680}.harmony-recommendation h4,.harmony-recommendation p{margin:0}.harmony-recommendation h4{color:var(--ink);font-size:1rem;line-height:1.2}.harmony-recommendation p{color:#33414b;font-size:.88rem;font-weight:700;line-height:1.38}.harmony-wheel{aspect-ratio:1;background:conic-gradient(#ef476f,#ffd166,#06d6a0,#118ab2,#6f4bd8,#ef476f);border:1px solid #10212b2e;border-radius:50%;width:min(100%,300px);margin:0 auto;position:relative;box-shadow:inset 0 0 0 30px #fff,inset 0 0 0 31px #10212b1a,0 16px 32px #10212b1a}.harmony-wheel span{border:2px solid #fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.78rem;font-weight:700;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 22px #10212b3d}.harmony-wheel em{border-radius:var(--radius);width:118px;min-height:58px;color:var(--ink);background:#fff;border:1px solid #10212b1f;place-items:center;gap:2px;padding:8px;font-style:normal;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.harmony-wheel em strong{text-align:center;font-size:.82rem;font-weight:700;line-height:1.1}.harmony-wheel em small{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.harmony-readiness-list,.harmony-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.harmony-readiness-list div,.harmony-decision-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1a;gap:2px;min-height:58px;padding:8px;display:grid}.harmony-readiness-list div[data-status=pass],.harmony-decision-card[data-status=pass]{background:#effaf4;border-color:#2f855a38}.harmony-readiness-list div[data-status=warn],.harmony-decision-card[data-status=warn]{background:#fff8df;border-color:#ffd16680}.harmony-readiness-list div[data-status=fail],.harmony-decision-card[data-status=fail]{background:#fff1f4;border-color:#ef476f38}.harmony-readiness-list span,.harmony-decision-card span{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.harmony-readiness-list strong,.harmony-decision-card strong,.harmony-decision-card small{color:var(--ink);overflow-wrap:anywhere;line-height:1.2}.harmony-readiness-list strong{font-size:.82rem}.harmony-decision-card strong{font-size:.94rem}.harmony-decision-card small{color:#33414b;font-size:.78rem;font-weight:700}.harmony-strip{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-block-start:14px}.harmony-swatch-card{text-shadow:0 1px 12px #00000038;gap:6px;min-height:176px;overflow:hidden}.harmony-swatch-card small,.harmony-swatch-card em{overflow-wrap:anywhere;line-height:1.16;display:block}.harmony-swatch-card small{font-size:.78rem;font-weight:700}.harmony-swatch-card em{font-size:.72rem;font-style:normal;font-weight:700}.harmony-swatch-card[data-status=warn]{box-shadow:inset 0 -5px #ffd166d1}.harmony-swatch-card[data-status=fail]{box-shadow:inset 0 -5px #ef476fd1}.harmony-decision-grid{margin-block-start:12px}.harmony-support-panel{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;padding:12px}.harmony-support-panel strong{color:var(--ink);font-size:1rem;display:block}.harmony-support-panel p{color:#33414b;margin:4px 0 0;font-size:.86rem;font-weight:700;line-height:1.35}.harmony-support-panel ul{color:#33414b;gap:8px;margin:10px 0 0;padding-inline-start:18px;font-size:.84rem;font-weight:700;line-height:1.38;display:grid}.harmony-output-panel{position:sticky;top:88px}.harmony-next-actions{margin-block-start:12px}.lock-swatch.is-locked{box-shadow:inset 0 0 0 4px #ffffffb8,0 12px 30px #10212b2e}.lock-swatch.is-locked button{background:var(--ink);color:#fff}.contrast-explanation{color:#33414b;margin:12px 0 0;font-weight:700}.tool-index-hero-grid{z-index:3;grid-template-columns:minmax(0,.96fr) minmax(320px,.64fr);align-items:center;gap:38px;display:grid;position:relative}.tool-index-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tool-index-summary div{border-radius:var(--radius);background:#ffffffd1;border:1px solid #10212b24;flex-direction:column;justify-content:center;min-height:126px;padding:16px;display:flex;box-shadow:0 12px 34px #10212b1a}.tool-index-hero-with-image .tool-index-summary div,.guide-index-hero-with-image .tool-index-summary div{backdrop-filter:blur(8px)saturate(1.06);background:#ffffff75;border-color:#ffffff85;box-shadow:0 18px 46px #10212b21}.tool-index-summary strong,.tool-index-summary span{display:block}.tool-index-summary strong{font-size:1.8rem;line-height:1}.tool-index-summary span{color:var(--muted);margin-block-start:8px;font-weight:700}.tool-index-section{background:#fff}.tool-group-stack{gap:24px;display:grid}.tool-group{border-block-start:1px solid #10212b1f;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);align-items:start;gap:18px;padding-block:24px;display:grid}.tool-group-intro h3{margin:0;font-size:1.55rem}.tool-group-intro p{color:var(--muted);margin:10px 0 0;font-weight:700}.tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tool-index-card{justify-content:space-between;gap:var(--space-3);min-height:176px;padding:var(--card-padding,var(--space-card));border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b21;flex-direction:column;text-decoration:none;display:flex}.tool-index-card:hover{background:#fff;transform:translateY(-1px)}.tool-card-kicker{color:#61707a;text-transform:uppercase;font-size:.76rem;font-weight:700}.tool-index-card strong{font-size:1.2rem;line-height:1.15}.tool-index-card span:last-child{color:var(--muted);font-size:.94rem;font-weight:700}.tool-index-reference,.tool-notes{background:var(--paper-2)}.tool-methodology{background:#fff}.tool-notes-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;display:grid}.tool-methodology-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:start;gap:36px;display:grid}.tool-notes h2{margin:0;font-size:2.5rem;line-height:1.08}.tool-methodology h2{margin:0;font-size:2.15rem;line-height:1.1}.tool-notes p{color:var(--muted)}.tool-methodology p{color:var(--muted);margin-block-start:12px}.note-list{gap:10px;display:grid}.methodology-link-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tool-resource-link-groups{gap:24px;display:grid}.tool-resource-link-group h3{color:#263844;margin:0;font-size:1rem;line-height:1.2}.tool-resource-link-group .methodology-link-list{margin-block-start:10px}.tool-guide-link-list .methodology-link-card{background:#fbfaf5}.methodology-link-card{border-radius:var(--radius);color:#263844;background:#f8f7f1;border:1px solid #10212b1f;gap:8px;min-width:0;padding:16px;text-decoration:none;display:grid}.methodology-link-card span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:700}.methodology-link-card strong{font-size:1.02rem;line-height:1.2}.methodology-link-card small{color:#52616b;font-weight:700;line-height:1.45}.note-list div{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;min-height:116px;padding:16px}.note-list h3{margin:0 0 6px}.note-list p{margin:0}.guide-hero{background:var(--paper-2);border-block-end:1px solid #10212b1f;padding-block:72px 52px;position:relative;overflow:visible}.guide-hero-with-image{background:#f2efe6;align-items:center;min-height:520px;display:flex}.guide-hero-with-image:before{content:"";z-index:1;background:linear-gradient(90deg,#fbfaf5fa 0%,#fbfaf5eb 34%,#fbfaf570 64%,#fbfaf529 100%);position:absolute;inset:0}.guide-hero-with-image:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#f2efe600,#f2efe6ad);height:44%;position:absolute;inset:auto 0 0}.guide-hero-grid{z-index:3;grid-template-columns:minmax(0,.92fr) minmax(300px,.64fr);align-items:start;gap:40px;display:grid;position:relative}.guide-hero h1{max-width:820px;margin:0;font-size:4rem;line-height:1}.guide-hero p:not(.eyebrow){max-width:var(--measure-content);color:#2f414b;margin:18px 0 0;font-size:1.14rem}.guide-index{gap:var(--space-2);padding:var(--card-padding,var(--space-card));border-radius:var(--radius);background:#fff;border:1px solid #10212b21;display:grid;box-shadow:0 18px 46px #10212b1a}.guide-hero-with-image .guide-index{backdrop-filter:blur(7px)saturate(1.04);background:#ffffff61;border-color:#ffffff80;box-shadow:0 18px 46px #10212b1a}.guide-index a,.guide-index-current{border-radius:var(--radius);color:#263844;overflow-wrap:anywhere;white-space:normal;word-break:normal;justify-content:space-between;align-items:center;gap:12px;min-width:0;max-width:100%;min-height:42px;padding:0 12px;font-weight:700;line-height:1.18;text-decoration:none;display:flex}.guide-hero-with-image .guide-index a{background:#ffffff1f}.guide-index-current{background:var(--ink);color:#fff;cursor:default;box-shadow:0 10px 24px #10212b29}.guide-index-current-label{color:#ffffffe6;letter-spacing:0;text-transform:uppercase;background:#ffffff29;border-radius:999px;flex:none;padding:4px 8px;font-size:.72rem}.guide-content{background:#fff}.guide-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:44px;display:grid}.guide-body{min-width:0;max-width:820px}.guide-section{border-block-end:1px solid #10212b1a;min-width:0;padding-block:26px;position:relative}.guide-body>.guide-section+.guide-section:before{opacity:.5;height:1px}.guide-section:first-child{padding-block-start:0}.guide-section h2,.guide-aside h2{margin:0;font-size:1.75rem;line-height:1.15}.guide-section p{color:#33414b;margin:12px 0 0;font-size:1.06rem}.guide-section.guide-answer-box{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b24;margin-block-end:16px;padding:30px 22px 22px}.guide-answer-box h2{font-size:1.45rem}.guide-section-heading{gap:10px;display:grid}.standards-status-list{flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;margin-block-start:12px;display:flex}.hero-status-list{margin-block:16px 0}.standards-status-list-mini,.section-status-list{gap:5px;margin-block-start:0}.standards-status-list-large{margin-block-start:16px}.standards-status-badge{--status-bg:#10212b0f;--status-border:#10212b38;--status-color:#263844;border:1px solid var(--status-border);background:var(--status-bg);max-width:100%;min-height:24px;color:var(--status-color);letter-spacing:0;text-transform:none;overflow-wrap:anywhere;white-space:normal;border-radius:999px;align-items:center;padding:3px 8px;font-size:.72rem;font-weight:700;line-height:1.15;display:inline-flex}.guide-index a{min-height:var(--hc-control-target)}.standards-status-badge[data-status=standard]{--status-bg:#0696761f;--status-border:#06967657;--status-color:#075f4a}.standards-status-badge[data-status=wcag]{--status-bg:#06967624;--status-border:#06967661;--status-color:#075f4a}.standards-status-badge[data-status=css-color-4]{--status-bg:#118ab221;--status-border:#118ab25c;--status-color:#0b5f7b}.standards-status-badge[data-status=dtcg-stable-community-specification]{--status-bg:#06967624;--status-border:#06967661;--status-color:#075f4a}.standards-status-badge[data-status=draft-standard],.standards-status-badge[data-status=css-color-5-draft]{--status-bg:#ffd1663d;--status-border:#b9700057;--status-color:#744600}.standards-status-badge[data-status=huecodex-heuristic]{--status-bg:#4169e11c;--status-border:#4169e152;--status-color:#244ca8}.standards-status-badge[data-status=primary-source]{--status-bg:#4858631c;--status-border:#48586352;--status-color:#31404a}.standards-status-badge[data-status=model-source]{--status-bg:#7c51951f;--status-border:#7c519557;--status-color:#653a7d}.standards-status-badge[data-status=approximation]{--status-bg:#ef476f1f;--status-border:#ef476f52;--status-color:#9d2444}.standards-status-badge[data-status=browser-dependent]{--status-bg:#118ab21f;--status-border:#118ab257;--status-color:#0b5f7b}.standards-status-panel{border-block-end-color:#10212b1f}.standards-status-definitions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-block-start:16px;display:grid}.standards-status-definitions-inline{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));width:100%}.standards-status-definitions div{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;min-width:0;padding:12px}.standards-status-definitions strong{color:#263844;font-size:.95rem;line-height:1.2;display:block}.standards-status-definitions span{color:var(--muted);margin-block-start:4px;font-size:.9rem;font-weight:700;line-height:1.38;display:block}.methodology-boundary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block-start:18px;display:grid}.methodology-boundary-card{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;min-width:0;padding:16px}.methodology-boundary-card[data-boundary=standards_based_formulas]{background:#0696760e;border-color:#06967642}.methodology-boundary-card[data-boundary=implementation_choices]{background:#118ab20e;border-color:#118ab23d}.methodology-boundary-card[data-boundary=huecodex_heuristics]{background:#4169e10e;border-color:#4169e13d}.methodology-boundary-card[data-boundary=known_limitations]{background:#ef476f0e;border-color:#ef476f3d}.methodology-boundary-card h3{color:#263844;margin:0;font-size:1rem;line-height:1.2}.methodology-boundary-card p{color:var(--muted);margin-block-start:6px;font-size:.92rem;font-weight:700;line-height:1.38}.methodology-boundary-card ul{color:#33414b;gap:8px;margin:12px 0 0;padding-inline-start:18px;font-size:.96rem;line-height:1.42;display:grid}.methodology-boundary-card li{padding-inline-start:2px}.methodology-code-list{gap:14px;margin-block-start:18px;display:grid}.methodology-link-list{margin-block-start:18px}.methodology-resource-note{min-height:44px;color:var(--muted);align-items:center;font-size:.95rem;font-weight:700;display:inline-flex}.methodology-code-block{color:#f7fbfd;background:#10212b;border-radius:8px;min-width:0;margin:0;padding:16px}.methodology-code-block figcaption{color:#d9edf4;letter-spacing:0;text-transform:uppercase;margin-block-end:10px;font-size:.78rem;font-weight:700}.methodology-code-block pre{max-width:100%;margin:0;overflow-x:auto}.methodology-code-block code{white-space:pre;min-width:max-content;font-size:.86rem;line-height:1.58;display:block}.source-code-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-block:0 10px;display:flex}.source-code-action{white-space:nowrap;border-radius:6px;min-height:44px;padding:0 10px;font-size:.74rem;font-weight:700;line-height:1}.code-panel .source-code-action{color:var(--ink);background:#fff;border-color:#10212b29}.methodology-code-block .source-code-action,.export-panel .source-code-action,.source-code-block-standalone .source-code-action{color:#f7fbfd;background:#ffffff1a;border-color:#ffffff42}.source-code-textarea-actions{margin-block-start:10px}.source-code-block-standalone{padding:var(--space-callout);border-radius:var(--radius);color:#eaf7fa;background:#071016e6;margin:14px 0 0}.source-code-block-standalone pre{max-width:100%;color:inherit;background:0 0;margin:0;padding:0;font-size:.9rem;line-height:1.5;overflow-x:auto}.source-code-block-standalone code{white-space:pre;min-width:max-content;display:block}.methodology-visual-example-list{gap:16px;margin-block:18px 20px;display:grid}.methodology-visual-example{background:#fff;border:1px solid #10212b1f;border-radius:8px;gap:16px;padding:16px;display:grid;box-shadow:0 12px 34px #10212b0f}.methodology-visual-example h3,.methodology-swatch-group h4{color:var(--ink);margin:0}.methodology-visual-example h3{font-size:1rem}.methodology-visual-example p{color:#52616b;margin:0}.methodology-swatch-group{gap:10px;display:grid}.methodology-swatch-group h4{letter-spacing:0;font-size:.84rem}.methodology-swatch-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;display:grid}.methodology-swatch{background:var(--methodology-swatch);min-height:112px;color:var(--methodology-swatch-text);border-radius:8px;flex-direction:column;justify-content:flex-end;gap:5px;padding:12px;display:flex;box-shadow:inset 0 0 0 1px #10212b24}.methodology-swatch--label-surface{color:var(--ink)}.methodology-swatch--label-surface span,.methodology-swatch--label-surface strong,.methodology-swatch--label-surface small{width:fit-content;max-width:100%;color:var(--ink);background:#ffffffeb;border-radius:5px;padding:2px 6px;box-shadow:0 1px 4px #10212b29}.methodology-swatch span,.methodology-swatch strong,.methodology-swatch small{overflow-wrap:anywhere}.methodology-swatch span{text-transform:uppercase;font-size:.72rem;font-weight:700}.methodology-swatch strong{font-size:1rem}.methodology-swatch small{font-size:.76rem;line-height:1.35}.methodology-changelog{background:#f7fbfdc7;border:1px solid #10212b1f;border-radius:8px;margin-block:16px 14px;padding:14px}.methodology-changelog h3{color:#263844;margin:0;font-size:.86rem}.methodology-changelog ol{gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.methodology-changelog li{gap:3px;display:grid}.methodology-changelog strong{color:var(--ink);font-size:.78rem}.methodology-changelog span{color:#52616b;font-size:.82rem;line-height:1.42}.methodology-trust-section{background:#fff}.methodology-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block-start:24px;display:grid}.methodology-trust-grid>div{background:#f7fbfd;border:1px solid #10212b1f;border-radius:8px;min-width:0;padding:18px}.methodology-trust-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.methodology-trust-heading h3{color:var(--ink);margin:0;font-size:1.05rem}.methodology-trust-grid p{color:#33414b;margin:12px 0 0;font-size:.96rem;line-height:1.55}.methodology-trust-table-wrap{overscroll-behavior-inline:contain;background:#fff;border:1px solid #10212b1f;border-radius:8px;max-width:100%;margin-block-start:18px;overflow:auto visible}.methodology-trust-table-wrap:focus-visible,.methodology-coverage-table-wrap:focus-visible,.guide-table-wrap:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.table-sticky-header-clone{z-index:90;pointer-events:none;display:none;position:fixed;inset-block-start:76px;inset-inline-start:0;overflow:hidden}.table-sticky-header-clone.is-active{display:block}.table-sticky-header-clone table{margin:0}.table-sticky-header-clone caption{display:none}.table-sticky-header-clone :is(.guide-table,.methodology-trust-table,.methodology-coverage-table) thead th{position:static;transform:none}.methodology-trust-table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px;color:var(--ink)}.methodology-trust-table caption{color:var(--muted);text-align:left;padding:12px 14px;font-weight:700}.methodology-trust-table th,.methodology-trust-table td{text-align:left;vertical-align:top;border-block-start:1px solid #10212b17;border-inline-start:1px solid #10212b12;padding:13px 14px;font-size:.9rem;line-height:1.45}.methodology-trust-table th:first-child,.methodology-trust-table td:first-child{border-inline-start:0}.methodology-trust-table thead th{z-index:20;color:#f7fbfd;letter-spacing:0;transform:translateY(var(--table-header-lift,0px));text-transform:uppercase;background:#10212b;font-size:.72rem;font-weight:700;position:sticky;inset-block-start:76px;box-shadow:0 1px #10212b29,0 8px 18px #10212b14}.methodology-trust-table tbody th{background:#f7fbfdb8;width:26%;font-weight:700}.methodology-limitations-section{background:#f7fbfd}.methodology-limitations-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-block-start:24px;display:grid}.methodology-limitations-grid>div{background:#fff;border:1px solid #10212b1f;border-radius:8px;min-width:0;padding:18px}.methodology-limitations-grid h3{color:var(--ink);margin:0;font-size:1rem;line-height:1.25}.methodology-limitations-grid p{color:#33414b;margin:12px 0 0;font-size:.94rem;line-height:1.5}.methodology-coverage-section{background:#f7fbfd}.methodology-coverage-table-wrap{overscroll-behavior-inline:contain;background:#fff;border:1px solid #10212b1f;border-radius:8px;max-width:100%;overflow:auto visible;box-shadow:0 16px 36px #10212b14}.methodology-coverage-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1040px;color:var(--ink);font-size:.86rem}.methodology-coverage-table caption{color:var(--muted);text-align:left;padding:14px 16px;font-weight:700}.methodology-coverage-table th,.methodology-coverage-table td{text-align:center;vertical-align:middle;border-block-start:1px solid #10212b17;border-inline-start:1px solid #10212b12;padding:10px 11px}.methodology-coverage-table thead th{z-index:20;color:#f7fbfd;letter-spacing:0;transform:translateY(var(--table-header-lift,0px));text-transform:uppercase;white-space:nowrap;background:#10212b;font-size:.72rem;font-weight:700;position:sticky;inset-block-start:76px;box-shadow:0 1px #10212b38,0 8px 18px #10212b14}.methodology-coverage-table thead th a{color:inherit;text-decoration-color:#f7fbfd8c}.methodology-coverage-table tbody th{z-index:1;text-align:left;background:#fff;border-inline-start:0;min-width:220px;max-width:260px;position:sticky;inset-inline-start:0}.methodology-coverage-table thead th:first-child{z-index:30;text-align:left;border-inline-start:0;min-width:220px;inset-inline-start:0}.methodology-coverage-table tbody tr:nth-child(2n) th,.methodology-coverage-table tbody tr:nth-child(2n) td{background:#f7fbfdb8}.methodology-coverage-table tbody th a{color:var(--ink);font-weight:700;text-decoration-color:#118ab259}.methodology-coverage-table tbody th .methodology-coverage-tool-group{color:#61707a;margin-block-start:3px;font-size:.72rem;font-weight:700;display:block}.methodology-coverage-table td{min-width:82px;font-weight:700;position:relative}.methodology-coverage-table td.is-covered{color:#057864;background:#06967614}.methodology-coverage-table td.is-covered .coverage-mark{background:#0696761f;border:1px solid #06967652;border-radius:50%;place-items:center;width:24px;height:24px;display:inline-grid}.methodology-coverage-table td.is-empty{color:#61707a}.methodology-coverage-table td.is-empty .coverage-mark{place-items:center;width:24px;height:24px;display:inline-grid}.related-methodology-card-title{z-index:2;color:inherit;font-weight:700;line-height:1.2;display:block;position:relative}.methodology-hero .guide-index.related-link-panel a{padding-block:12px}.guide-index.related-link-panel a .standards-status-list-mini{z-index:2;margin-block:0;position:relative}.methodology-link-card .standards-status-badge,.tool-index-card .standards-status-badge,.guide-source-list .standards-status-badge,.guide-index.related-link-panel .standards-status-badge{color:var(--status-color);letter-spacing:0;text-transform:none;font-size:.68rem;font-weight:700;line-height:1.15}.guide-key-takeaways,.guide-list{color:#33414b;gap:8px;margin:16px 0 0;padding-inline-start:22px;font-weight:700;display:grid}.guide-definition{padding:var(--callout-padding,var(--space-callout));border:1px solid #118ab247;border-inline-start:4px solid var(--cyan);border-radius:var(--radius);background:#edf7fa;margin-block-start:16px}.guide-definition strong{font-size:1.05rem;display:block}.guide-definition p{margin-block-start:6px}.guide-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-block-start:18px;display:grid}.guide-mini-card{min-width:0;padding:var(--card-padding,var(--space-card));border-radius:var(--radius)}.guide-mini-card h3{margin:0;font-size:1rem;line-height:1.2}.guide-mini-card p{margin-block-start:8px;font-size:.96rem}.tool-index-card,.tool-link-panel a,.guide-index.related-link-panel a,.guide-mini-card{--prismatic-card-surface:#f8f7f1;--prismatic-card-hover-surface:#fff;--prismatic-card-border:#10212b1a;--prismatic-card-shadow:0 14px 34px #10212b14;border:1px solid var(--prismatic-card-border);background:linear-gradient(var(--prismatic-card-surface), var(--prismatic-card-surface)) padding-box, linear-gradient(135deg, transparent, transparent) border-box;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;position:relative}.tool-link-panel a{--prismatic-card-surface:#fff;--prismatic-card-hover-surface:#fff}.tool-link-panel.related-link-panel a,.guide-index.related-link-panel a{--prismatic-card-surface:#ffffff1f;--prismatic-card-hover-surface:#ffffff38;--prismatic-card-border:#ffffff6b}.tool-index-card:is(:hover,:focus-visible,:focus-within),.tool-link-panel.related-link-panel a:is(:hover,:focus-visible,:focus-within),.guide-index.related-link-panel a:is(:hover,:focus-visible,:focus-within),.guide-mini-card:is(:hover,:focus-within){background:linear-gradient(var(--prismatic-card-hover-surface), var(--prismatic-card-hover-surface)) padding-box, linear-gradient(135deg, #4169e16b, #06d6a057, #ffd1664d, #ef476f57) border-box;box-shadow:var(--prismatic-card-shadow);border-color:#0000;transform:translateY(-1px)}.guide-index-current{--prismatic-card-surface:var(--ink);--prismatic-card-hover-surface:var(--ink);--prismatic-card-border:transparent}.guide-card{position:relative;overflow:hidden}.guide-card:before{content:"";z-index:1;background:linear-gradient(180deg, var(--guide-color-start,var(--hc-primary)), var(--guide-color-end,var(--hc-accent)));opacity:.72;pointer-events:none;width:3px;position:absolute;inset:0 auto 0 0}.guide-card[data-topic=accessibility]{--guide-color-start:#06d6a0;--guide-color-end:#4169e1}.guide-card[data-topic=brand]{--guide-color-start:#ef476f;--guide-color-end:#ffd166}.guide-card[data-topic=css]{--guide-color-start:#4169e1;--guide-color-end:#8b5cf6}.guide-card[data-topic=theory]{--guide-color-start:#ffd166;--guide-color-end:#06d6a0}.guide-card[data-topic=charts]{--guide-color-start:#118ab2;--guide-color-end:#06d6a0}.guide-card[data-topic=print]{--guide-color-start:#ef476f;--guide-color-end:#118ab2}.guide-card[data-topic=dark-mode]{--guide-color-start:#10212b;--guide-color-end:#8b5cf6}.guide-card[data-topic=system]{--guide-color-start:#8b5cf6;--guide-color-end:#06d6a0}.guide-table-wrap{overscroll-behavior-inline:contain;border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;width:100%;max-width:100%;margin-block-start:18px;overflow:auto visible}.guide-table{border-collapse:separate;border-spacing:0;width:100%;min-width:640px;max-width:100%}.guide-table caption{color:#4a5963;text-align:left;padding:12px 14px;font-weight:700}.guide-table th,.guide-table td{text-align:left;vertical-align:top;overflow-wrap:normal;word-break:normal;hyphens:manual;border-block-start:1px solid #10212b1a;padding:12px 14px}.guide-table th{color:#263844;text-transform:uppercase;background:#f2efe6;font-size:.88rem;font-weight:700}.guide-table thead th{z-index:20;transform:translateY(var(--table-header-lift,0px));position:sticky;inset-block-start:76px;box-shadow:0 1px #10212b24,0 8px 18px #10212b12}.guide-table td{color:#33414b}.guide-note{padding:var(--callout-padding,var(--space-callout));border-radius:var(--radius);background:#fff8df;font-weight:700}.guide-source-list{gap:10px;margin-block-start:18px;display:grid}.guide-source-list a{padding:var(--card-padding,var(--space-card));border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;gap:4px;text-decoration:none;display:grid}.guide-source-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.guide-source-title-row .standards-status-list{margin-block-start:0}.guide-source-list a:hover{background:#fff}.guide-source-list strong{color:#263844}.guide-source-list span{color:var(--muted);font-size:.95rem;font-weight:700}.guide-figure{margin:22px 0 0}.image-zoom-trigger{border-radius:var(--radius);appearance:none;width:100%;color:inherit;font:inherit;text-align:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;line-height:0;display:block}.image-zoom-trigger img{cursor:zoom-in}.image-zoom-trigger:focus-visible{outline-offset:5px}.guide-figure-picture{display:block}.guide-figure img{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;width:100%;height:auto;display:block}.guide-figure figcaption{color:var(--muted);margin-block-start:10px;font-size:.95rem;font-weight:700}.guide-tool-links{flex-wrap:wrap;gap:10px;margin-block-start:18px;display:flex}.guide-aside{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b21;gap:8px;padding:16px;display:grid;position:sticky;inset-block-start:106px}.guide-aside a{min-height:var(--hc-control-target);border-radius:var(--radius);color:#263844;align-items:center;padding:0 10px;font-weight:700;text-decoration:none;display:flex}.guide-aside a:hover{background:#fff}.guide-aside p{color:var(--muted);margin:0;font-size:.95rem;font-weight:700}.blog-post-page .blog-hero{padding-block:46px 54px}@media (width<=560px){.blog-post-page .blog-hero{min-height:auto;padding-block:0 44px}}.blog-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.blog-meta-item{color:#263844;background:#ffffff9e;border:1px solid #10212b1f;border-radius:999px;align-items:center;gap:.25rem;min-height:28px;padding:4px 9px;font-size:.8rem;font-weight:700;display:inline-flex}.blog-meta-item-primary{color:var(--ink);background:#ffffffdb;border-color:#10212b33;font-size:.84rem;font-weight:700;box-shadow:0 8px 18px #10212b14}.glossary-show-more{border-radius:var(--radius);min-height:52px;color:var(--ink);background:#edf7fa;border:1px solid #118ab257;grid-column:1/-1;place-items:center;gap:2px;padding:10px 14px;font-weight:700;display:grid}.glossary-show-more span{color:#40515c;font-size:.74rem;font-weight:700}@media (width<=680px){.glossary-featured-facts span{width:auto}}.blog-meta-item-muted{color:#65727b;background:#ffffff61;border-color:#52616b24;font-size:.75rem;font-weight:700}.blog-meta-item-muted .blog-meta-label{color:#52616b;font-weight:700}.blog-byline{color:#263844;white-space:nowrap;max-width:58rem;margin:10px 0 0;font-size:.84rem;font-weight:700;line-height:1.45}.blog-byline a{color:var(--ink);text-underline-offset:.18em;font-weight:700;text-decoration-thickness:1px}@media (width<=720px){.blog-byline{white-space:normal}}@media (width<=960px){.blog-post-page .guide-layout{grid-template-columns:minmax(0,1fr)}}.blog-related-panel a{min-height:58px;padding-block:12px}.blog-post-body .blog-intro-section p{color:#263844;font-size:1.12rem}.guide-section.blog-quick-answer{border:1px solid #118ab23d;border-inline-start:5px solid var(--cyan);border-radius:var(--radius);background:#edf7fa;margin-block:0 22px;padding:18px 20px 18px 22px;position:relative;box-shadow:0 14px 34px #10212b0f}.blog-quick-answer h2{color:#0b5f7b;letter-spacing:.04em;text-transform:uppercase;align-items:center;min-height:24px;margin:0;font-size:.78rem;font-weight:700;line-height:1.2;display:inline-flex}.blog-quick-answer h2:before{content:"";background:var(--cyan);border-radius:50%;width:9px;height:9px;margin-inline-end:8px;box-shadow:0 0 0 4px #118ab224}.blog-quick-answer p{color:#263844;max-width:66rem;margin-block-start:8px;font-size:1.08rem;font-weight:700;line-height:1.55}.blog-feedback-cta{border-radius:var(--radius);background:#edf7fa;border:1px solid #118ab23d;margin-block-start:24px;padding:16px 18px}.blog-feedback-cta p{color:#263844;margin:0;font-size:.98rem;font-weight:700;line-height:1.45}.blog-feedback-cta strong{color:var(--ink);font-weight:700}.blog-feedback-link{color:var(--ink);text-underline-offset:.18em;font-weight:700;text-decoration-thickness:1px}.blog-subheading{color:#263844;margin:22px 0 0;font-size:1.25rem;line-height:1.2}.blog-quote{border-inline-start:4px solid var(--cyan);border-radius:var(--radius);color:#263844;background:#edf7fa;margin:18px 0 0;padding:16px 18px;font-weight:700}.blog-quote p{margin:0}.blog-code-block{margin-block-start:18px}.blog-code-block figcaption{gap:4px;display:grid}.blog-code-filename{color:#fff;text-transform:none;font-size:.84rem}.blog-image-block{margin:22px 0 0}.blog-image-picture{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;display:block;overflow:hidden;box-shadow:0 14px 34px #10212b12}.blog-image-picture img{width:100%;height:auto;display:block}.blog-image-block figcaption{color:#52616b;margin-block-start:9px;font-size:.88rem;font-weight:700;line-height:1.35}.blog-table-block{min-width:0;margin:20px 0 0}.blog-table-block figcaption{color:#52616b;margin-block-end:10px;font-size:.88rem;font-weight:700;line-height:1.35}.blog-table-scroll{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;max-width:100%;overflow-x:auto}.blog-table-block table{border-collapse:collapse;color:#263844;width:100%;min-width:620px;font-size:.93rem;line-height:1.42}.blog-table-block th,.blog-table-block td{text-align:left;vertical-align:top;overflow-wrap:normal;word-break:normal;hyphens:manual;border-block-end:1px solid #10212b1a;padding:12px 14px}.blog-table-block th{color:var(--ink);letter-spacing:0;text-transform:uppercase;white-space:nowrap;background:#f3f8fa;font-size:.78rem;font-weight:700}.blog-table-block tr:last-child td{border-block-end:0}.blog-faq-list{gap:10px;margin-block-start:18px;display:grid}.blog-faq-item{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;box-shadow:0 10px 26px #10212b0e}.blog-faq-item summary{cursor:pointer;color:var(--ink);padding:14px 16px;font-weight:700;line-height:1.35}.blog-faq-item p{color:#52616b;margin:0;padding:0 16px 16px}.blog-aside{align-content:start}.blog-aside .blog-aside-published{color:var(--ink);font-weight:700}.blog-aside .blog-aside-modified{color:#65727b;font-size:.86rem;font-weight:700;line-height:1.45}.blog-aside-heading{color:var(--ink);margin:8px 0 0;font-size:.92rem;line-height:1.2}.blog-preview-panel{z-index:20;color:#f7fbfd;background:#10212b;padding-block:18px;position:relative}.blog-preview-shell{gap:14px;display:grid}.blog-preview-head{grid-template-columns:minmax(0,1fr) minmax(280px,.46fr);align-items:end;gap:16px;display:grid}.blog-preview-head h2,.blog-preview-head p{margin:0}.blog-preview-head h2{color:#fff;font-size:1.35rem;line-height:1.15}.blog-preview-head p:not(.eyebrow){color:#d9edf4;max-width:62rem;margin-block-start:6px;font-weight:700}.blog-preview-picker{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.blog-preview-picker label{color:#d9edf4;text-transform:uppercase;grid-column:1/-1;font-size:.78rem;font-weight:700}.palette-fit-marker{color:#173d33;background:#ffffffeb;border-color:#ffffffb3;box-shadow:0 8px 20px #10212b24}.blog-preview-picker select,.blog-preview-editor textarea{border-radius:var(--radius);color:#fff;background:#ffffff14;border:1px solid #ffffff3d;width:100%}.blog-preview-picker select{min-height:44px;padding:0 10px;font-weight:700}.blog-preview-picker option{color:#10212b}.blog-preview-status,.blog-preview-errors{border-radius:var(--radius);margin:0;padding:12px 14px;font-weight:700}.blog-preview-status{color:#e9fff9;background:#06d6a029}.blog-preview-errors{color:#ffeef3;background:#ef476f29}.blog-preview-errors strong{margin-block-end:6px;display:block}.blog-preview-errors ul{margin:0;padding-inline-start:18px}.blog-preview-editor{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff2e}.blog-preview-editor summary{cursor:pointer;color:#fff;padding:12px 14px;font-weight:700}.blog-preview-editor form{gap:10px;padding:0 14px 14px;display:grid}.blog-preview-editor textarea{min-height:420px;font:var(--font-weight-code) .86rem/1.55 var(--font-code);resize:vertical;tab-size:2;padding:12px}.blog-preview-actions{flex-wrap:wrap;gap:8px;display:flex}.blog-post-card{padding:0;overflow:hidden}.blog-post-card-picture{margin:-1px -1px 0}.blog-post-card-picture img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.blog-post-card .tool-card-kicker,.blog-post-card strong,.blog-post-card>span:last-child{margin-inline:16px}.blog-post-card .tool-card-kicker{flex-wrap:wrap;align-items:center;gap:6px;margin-block-start:14px;display:flex}.blog-post-card>span:last-child{margin-block-end:18px}.blog-topic-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-block:22px 24px;display:grid}.blog-topic-nav a{border-radius:var(--radius);color:#263844;background:#f8f7f1;border:1px solid #10212b1f;gap:4px;min-width:0;padding:14px;text-decoration:none;display:grid}.blog-topic-nav a:is(:hover,:focus-visible){background:#fff}.blog-topic-nav span{color:#0c5f78;letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:700}.blog-topic-nav strong{font-size:.96rem;line-height:1.25}@media (width<=900px){.blog-topic-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.blog-topic-nav{grid-template-columns:1fr}}.blog-pagination{border-block-start:1px solid #10212b1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-block-start:30px;padding-block-start:20px;display:flex}.blog-pagination p{color:var(--muted);margin:0;font-weight:700}.blog-pagination div{flex-wrap:wrap;gap:8px;display:flex}.guide-faq{background:var(--paper)}.export-panel .button-row{margin-block-start:12px}.workspace-panel-actions{flex-wrap:wrap;gap:8px;margin-block-start:12px;display:flex}.workspace-panel-actions .small-button{min-height:var(--hc-control-target);text-decoration:none}.export-tool-actions .small-button{color:#fff;background:#ffffff1a;border-color:#ffffff3d}.platform{--aurora-inset:4% 3% auto 3%;--aurora-height:28rem;--aurora-blur:34px;--aurora-opacity:.48;background:var(--paper-2);overflow:hidden}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.feature-card{min-height:230px;padding:var(--card-padding,var(--space-card));border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--coral), var(--sun), var(--mint), var(--cyan));height:4px;position:absolute;inset:0 0 auto}.feature-token{border-radius:var(--radius);background:var(--demo-highlight);width:44px;height:34px;color:var(--ink);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.feature-glyph{border-radius:var(--radius);opacity:.9;width:54px;height:38px;position:absolute;inset-block-start:18px;inset-inline-end:18px}.feature-card:first-child .feature-glyph{background:linear-gradient(90deg,#ef476f 0 20%,#ffd166 20% 40%,#06d6a0 40% 60%,#118ab2 60% 80%,#6f4bd8 80%)}.feature-card:nth-child(2) .feature-glyph{background:linear-gradient(90deg,#10212b 0 50%,#fbfaf5 50%);border:1px solid #10212b29}.feature-card:nth-child(3) .feature-glyph{background:linear-gradient(135deg,#0000 0 42%,#10212b 42% 58%,#0000 58%),linear-gradient(90deg,#4169e1 0 33%,#06d6a0 33% 66%,#ffd166 66%)}.feature-card:nth-child(4) .feature-glyph{background:#071016}.feature-card:nth-child(4) .feature-glyph:after{content:"{}";color:#eaf7fa;font-family:var(--font-code);place-items:center;font-weight:500;display:grid;position:absolute;inset:0}.feature-card:nth-child(5) .feature-glyph{background:linear-gradient(90deg,#0000 40%,#118ab2 40% 60%,#0000 60%);border:2px solid #118ab2}.feature-card:nth-child(6) .feature-glyph{background:linear-gradient(90deg,#10212b 0 18%,#0000 18%),linear-gradient(#ef476f 0 30%,#ffd166 30% 60%,#06d6a0 60%)}.feature-card:nth-child(2) .feature-token,.feature-card:nth-child(5) .feature-token{background:var(--mint)}.feature-card:nth-child(3) .feature-token,.feature-card:nth-child(6) .feature-token{background:var(--coral);color:#fff}.feature-card h3{margin:18px 0 8px;font-size:1.35rem}.feature-card p{color:var(--muted);margin:0}.layout-preview{--aurora-inset:7% 8% auto 8%;--aurora-height:25rem;--aurora-blur:32px;--aurora-opacity:.42;background:#fff;overflow:hidden}.layout-frame{border-radius:var(--radius);min-height:430px;box-shadow:var(--shadow);background:#f7f4ec;border:1px solid #10212b29;grid-template-columns:190px minmax(0,1fr);gap:0;display:grid;overflow:hidden}.layout-rail{color:#fff;background:#10212b;flex-direction:column;gap:8px;padding:18px;display:flex}.rail-item{border-radius:var(--radius);color:#ffffffc7;align-items:center;min-height:40px;padding:0 12px;font-weight:700;display:inline-flex}.rail-item.active{color:var(--ink);background:#fff}.color-input-combo{grid-template-columns:minmax(0,1fr) 50px;align-items:stretch;gap:8px;width:100%;display:grid}.color-input-combo-large{grid-template-columns:minmax(0,1fr) 56px}.color-input-combo .color-text-input{width:100%}.native-color-picker-shell{--native-color-picker-frame:#fff;border-radius:var(--radius);background:var(--native-color-picker-frame);border:1px solid #10212b38;min-width:50px;min-height:44px;display:block;position:relative;overflow:hidden;width:50px!important}.native-color-picker-preview{border-radius:calc(var(--radius) - 3px);background-color:#fff;background-image:linear-gradient(var(--native-color-picker-swatch,#4169e1), var(--native-color-picker-swatch,#4169e1)), linear-gradient(45deg, #10212b29 25%, transparent 25%), linear-gradient(-45deg, #10212b29 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #10212b29 75%), linear-gradient(-45deg, transparent 75%, #10212b29 75%);pointer-events:none;background-position:0 0,0 0,0 6px,6px -6px,-6px 0;background-size:auto,12px 12px,12px 12px,12px 12px,12px 12px;border:0;position:absolute;inset:3px}.native-color-picker-shell:after{content:attr(data-alpha-percent);z-index:2;color:#10212b;pointer-events:none;background:#ffffffeb;border:1px solid #10212b59;border-radius:999px;padding:1px 4px;font-size:.625rem;font-weight:700;line-height:1.35;position:absolute;bottom:3px;right:3px}.native-color-picker-shell[data-alpha="1"]:after{display:none}.native-color-picker{z-index:1;opacity:0;cursor:pointer;border:0;min-width:0;height:100%;min-height:0;margin:0;position:absolute;inset:0;width:100%!important;padding:0!important}.native-color-picker-shell:focus-within{outline-offset:3px;outline:3px solid #10212b}.color-input-combo-large .native-color-picker-shell{min-width:56px;min-height:56px;width:56px!important}.standalone-native-color-picker-shell{min-height:56px;width:100%!important}@media (forced-colors:active){.native-color-picker-shell{background:canvas;border:2px solid buttontext}.native-color-picker-preview{forced-color-adjust:none}.native-color-picker-shell:after{color:canvastext;background:canvas;border-color:canvastext}.native-color-picker-shell:focus-within{outline:3px solid highlight}}.layout-main{grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:16px;padding:18px;display:grid}.tool-surface-preview,.result-stack>div{border-radius:var(--radius);background:#fff;border:1px solid #10212b21}.tool-surface-preview{min-height:390px;padding:16px}.preview-toolbar{gap:8px;margin-block-end:16px;display:flex}.preview-toolbar span{border-radius:var(--radius);background:var(--ink);width:56px;height:34px;display:block}.preview-toolbar span:nth-child(2){background:var(--coral)}.preview-toolbar span:nth-child(3){background:var(--mint)}.preview-work-area{grid-template-columns:minmax(0,1fr) 160px;gap:16px;display:grid}.preview-spectrum{border-radius:var(--radius);background:linear-gradient(90deg,#ef476f 0 16.6%,#ffd166 16.6% 33.2%,#06d6a0 33.2% 49.8%,#118ab2 49.8% 66.4%,#6f4bd8 66.4% 83%,#10212b 83% 100%);min-height:290px}.preview-controls{grid-template-rows:repeat(3,1fr);gap:10px;display:grid}.preview-controls span{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;display:block}.result-stack{grid-template-rows:repeat(3,1fr);gap:12px;display:grid}.machine-library{isolation:isolate;color:#fff;background:#071016;position:relative;overflow:hidden}.machine-library:before,.machine-library:after{content:"";pointer-events:none;position:absolute;inset:0}.machine-library:before{z-index:-2;background-image:linear-gradient(90deg, #071016fa 0%, #071016db 42%, #0710168a 72%, #0710165c 100%), var(--machine-library-image);background-position:100%;background-repeat:no-repeat;background-size:cover}.machine-library:after{z-index:-1;background:radial-gradient(circle at 18% 22%,#118ab238,#0000 34%),linear-gradient(#07101633,#071016b3)}.machine-library .shell{z-index:1;position:relative}.machine-library h2,.machine-library .fact-list h3 a{color:#fff}.machine-library .eyebrow,.machine-library p{color:#c6d3d8}.library-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:44px;display:grid}.fact-list{gap:12px;display:grid}.fact-item{border-radius:var(--radius);-webkit-backdrop-filter:blur(18px)saturate(1.12);background:#ffffff1c;border:1px solid #ffffff38;min-height:126px;padding:18px;box-shadow:0 18px 42px #0000003d,inset 0 1px #ffffff24}.fact-list h3{margin:0 0 8px}.next-tools{background:var(--paper)}.next-tools-list{counter-reset:next-tools;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.next-tools-list li{border-radius:var(--radius);counter-increment:next-tools;background:#fff;border:1px solid #10212b1f;padding:18px;position:relative}.next-tools-list li:before{content:counter(next-tools);border-radius:var(--radius);background:var(--cyan);color:#fff;place-items:center;width:38px;height:38px;font-weight:700;display:inline-grid}.roadmap-date{color:#3b4b54;margin-block-start:8px;font-size:.95rem;font-weight:700}.status-label{border-radius:var(--radius);color:#0c5f78;text-transform:uppercase;background:#edf7fa;margin-inline-start:10px;padding:0 10px;font-size:.78rem;font-weight:700;line-height:30px}.roadmap-icon{border-radius:var(--radius);background:var(--hc-spectrum);border:1px solid #10212b1a;width:48px;height:38px;position:absolute;inset:18px 18px auto auto}.next-tools-list li:first-child .roadmap-icon{background:linear-gradient(90deg,#4169e1 0 25%,#06d6a0 25% 50%,#fbfaf5 50% 75%,#10212b 75%)}.next-tools-list li:nth-child(2) .roadmap-icon{background:radial-gradient(circle at 28%,#4169e1 0 18%,#0000 19%),radial-gradient(circle at 72%,#06d6a0 0 18%,#0000 19%),#edf7fa}.next-tools-list li:nth-child(3) .roadmap-icon{background:linear-gradient(90deg,#0000 16%,#10212b 16% 22%,#0000 22% 44%,#10212b 44% 50%,#0000 50% 72%,#10212b 72% 78%,#0000 78%),#fbfaf5}.next-tools-list li:nth-child(4) .roadmap-icon{background:linear-gradient(90deg,#10212b 0 50%,#fbfaf5 50%)}.next-tools-list li:nth-child(5) .roadmap-icon{background:linear-gradient(90deg,#ef476f 0 25%,#ffd166 25% 50%,#06d6a0 50% 75%,#118ab2 75%)}.next-tools-list h3{margin:18px 0 0;font-size:1.12rem}.next-tools-list p{color:var(--muted);margin:8px 0 0}.waitlist-form{border-radius:var(--radius);background:#fff;border:1px solid #10212b24;max-width:720px;margin-block-start:22px;padding:18px}.waitlist-form h3{margin:0 0 14px;font-size:1.3rem}.waitlist-form label{margin-block-end:var(--space-form-label);font-weight:700;display:block}.waitlist-form label span{color:var(--muted);font-size:.86rem;font-weight:700}.hp-field{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.hp-field input{border:0;width:1px;height:1px;min-height:0;padding:0}.name-row{gap:var(--space-3);grid-template-columns:minmax(0,1fr);margin-block-end:var(--space-3);display:grid}.waitlist-row{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.waitlist-row>div,.name-row>div{min-width:0}.waitlist-row input,.name-row input{border-radius:var(--radius);width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #10212b38;padding:0 12px}.consent-row{color:#3b4b54;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;margin-block-start:12px;font-size:.9rem;font-weight:700;display:grid}.consent-row input{width:24px;height:24px;margin:3px 0 0}.consent-row a{color:#0c5f78;align-items:center;min-height:48px;font-weight:700;display:inline-flex}.form-status{min-height:24px;font-weight:700}.form-status[data-state=success]{color:#2f855a}.form-status[data-state=error]{color:#b42345}.form-status[data-state=loading]{color:#0c5f78}.waitlist-form p{color:var(--muted);margin:10px 0 0;font-size:.92rem}.faq,.legal-page{background:#fff}.legal-page .shell{max-width:860px}.legal-page h1{margin:0;font-size:3rem;line-height:1.08}.legal-page h2{margin:34px 0 10px;font-size:1.45rem}.contact-page-main{background:#fff}.contact-shell{max-width:980px}.contact-intro{max-width:760px;margin-block-end:28px}.contact-intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.35rem,6vw,4.6rem);line-height:.98}.contact-intro>p:last-child{max-width:var(--measure-content);color:var(--muted);font-size:1.08rem}.contact-form{border-radius:calc(var(--radius) * 1.35);background:#fbfaf5;border:1px solid #10212b2e;padding:clamp(18px,4vw,34px);box-shadow:0 22px 60px #10212b14}.contact-form-lead{color:#3b4b54;margin:0 0 20px}.contact-grid{gap:var(--space-form-field);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.contact-field{min-width:0}.contact-field-wide,.contact-message-field{grid-column:1/-1}.contact-field label,.contact-reason-panel legend{color:var(--ink);margin-block-end:var(--space-form-label);font-weight:700;display:block}.contact-reason-panel legend{padding:0 6px;font-size:1.22rem}.contact-field input,.contact-field select,.contact-field textarea{border-radius:var(--radius);width:100%;min-height:48px;color:var(--ink);font:inherit;background:#fff;border:1px solid #10212b59}.contact-field input,.contact-field select{padding:0 12px}.contact-field textarea{resize:vertical;min-height:126px;padding:12px;line-height:1.55}.contact-field input[aria-invalid=true],.contact-field select[aria-invalid=true],.contact-field textarea[aria-invalid=true]{border-color:#a30f32;box-shadow:0 0 0 2px #a30f321f}.field-optional{color:var(--muted);font-size:.8rem;font-weight:700}.field-help,.contact-field-error{margin:var(--space-form-label) 0 0;font-size:.88rem;line-height:1.45}.field-help{color:#4b5c65}.contact-field-error{color:#a30f32;min-height:1.3em;font-weight:700}.contact-reason-panel{border-radius:var(--radius);background:#fff;border:1px solid #10212b33;min-width:0;margin:24px 0 0;padding:clamp(16px,3vw,24px)}.contact-reason-panel[hidden]{display:none}.contact-reason-panel>p{color:var(--muted);margin:0 0 18px}.contact-message-field{margin-block-start:24px}.contact-error-summary{border-radius:var(--radius);color:#6f0b25;background:#fff4f6;border:2px solid #a30f32;margin-block-start:20px;padding:14px 16px}.contact-error-summary p{margin:0;font-weight:700}.contact-error-summary ul{margin-block-end:0}.contact-error-summary a{color:currentColor;font-weight:700}.contact-form-status{min-height:26px;margin:16px 0 0;font-weight:700}.contact-form-status[data-state=loading]{color:#0c5f78}.contact-form-status[data-state=success]{color:#19633f}.contact-submit-row{gap:var(--space-5);justify-content:space-between;align-items:center;margin-block-start:10px;display:flex}.contact-submit-row .button{min-width:160px}.contact-recaptcha-note{color:#4b5c65;max-width:560px;margin:0;font-size:.86rem}.contact-expectations{border-radius:var(--radius);background:#edf7fa;margin-block-start:28px;padding:22px}.contact-expectations h2{margin:0;font-size:1.35rem}.contact-expectations ul{margin-block-end:0}@media (width<=680px){.contact-grid{grid-template-columns:minmax(0,1fr)}.contact-submit-row{flex-direction:column;align-items:stretch}.contact-submit-row .button{width:100%}}@media (forced-colors:active){.contact-form,.contact-reason-panel,.contact-error-summary,.contact-expectations{background:canvas;border:2px solid canvastext}.contact-field input[aria-invalid=true],.contact-field select[aria-invalid=true],.contact-field textarea[aria-invalid=true]{border:3px solid linktext}}.legal-page p,.legal-page li{color:#33414b}.legal-page ul{padding-inline-start:22px}.faq-list{gap:10px;max-width:900px;display:grid}details{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b24}summary{cursor:pointer;align-items:center;min-height:58px;padding:0 18px;font-weight:700;display:flex}details p{color:var(--muted);margin:0;padding:0 18px 18px}.error-main{background:var(--paper)}.error-hero{min-height:auto}.error-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(320px,.58fr);align-items:center;gap:38px;display:grid}.error-code-panel{border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);background:linear-gradient(#fffffff0,#f8f7f1f0),linear-gradient(135deg,#ef476f1f,#06d6a024);border:1px solid #10212b29;padding:18px}.error-code-display{color:var(--ink);letter-spacing:0;margin-block-end:12px;font-size:6rem;font-weight:700;line-height:.92;display:block}.error-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.error-meta div{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;min-width:0;padding:12px}.error-meta dt{color:#61707a;text-transform:uppercase;font-size:.76rem;font-weight:700}.error-meta dd{overflow-wrap:anywhere;margin:4px 0 0;font-weight:700}.error-palette{border-radius:var(--radius);background:#fff;border:1px solid #10212b24;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));min-height:74px;margin-block-start:14px;display:grid;overflow:hidden}.error-palette span{background:var(--error-color);min-width:0}.error-section{background:#fff}.error-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.error-link-card{border-radius:var(--radius);min-width:0;min-height:178px;color:var(--ink);background:#f8f7f1;border:1px solid #10212b1f;flex-direction:column;justify-content:flex-start;gap:8px;padding:18px;text-decoration:none;display:flex;position:relative;overflow:hidden}.error-link-card:before{content:"";background:linear-gradient(90deg, var(--coral), var(--sun), var(--mint), var(--cyan));height:4px;position:absolute;inset:0 0 auto}.error-link-card:hover{background:#fff;transform:translateY(-1px)}.error-link-card span{color:#61707a;text-transform:uppercase;font-size:.76rem;font-weight:700}.error-link-card strong{font-size:1.12rem;line-height:1.2;display:block}.error-link-card em{color:var(--muted);font-style:normal;font-weight:700}.site-footer{color:#fff;padding-block:44px max(28px, env(safe-area-inset-bottom));background:linear-gradient(135deg,#ef476f1f,#0000 34%),linear-gradient(225deg,#06d6a01a,#0000 36%),#0a1116;position:relative;overflow:visible}.site-footer:before{content:"";background:var(--hc-footer-spectrum);height:5px;position:absolute;inset:0 0 auto}.site-footer>.shell{z-index:1;position:relative}.footer-grid{grid-template-columns:minmax(260px,.9fr) minmax(440px,1.1fr);align-items:start;gap:44px;display:grid}.footer-grid>*,.footer-nav>*,.footer-bottom>*{min-width:0}.footer-brand{max-width:520px}.footer-logo{border-radius:var(--radius);align-items:center;min-height:48px;display:inline-flex}.footer-logo img{width:154px;height:auto;display:block}.footer-summary{color:#c4d2d8;max-width:500px;margin:16px 0 0}.footer-local-note{max-width:460px;padding:var(--callout-padding,var(--space-callout));border:1px solid #06d6a03d;border-inline-start:5px solid var(--mint);border-radius:var(--radius);color:#dffbf4;background:#06d6a014;margin:18px 0 0;font-size:.94rem;font-weight:700;line-height:1.45}.footer-nav{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--grid-min,10rem)), 1fr));align-items:start;gap:26px 18px;display:grid}.footer-link-heading{color:#9eb2ba;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:700;line-height:1.2}.footer-links{gap:8px;display:grid}.footer-links-site{grid-template-columns:1fr}.footer-links a,.footer-links button{min-height:var(--hc-control-target);padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:#eaf7fa;font:inherit;overflow-wrap:anywhere;white-space:normal;word-break:normal;background:#ffffff0e;border:1px solid #ffffff1f;justify-content:flex-start;align-items:center;font-weight:700;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.footer-links-site a,.footer-links-site button{width:100%}.footer-links .footer-contact-link{color:#dffbf4;background:#06d6a024;border-color:#06d6a05c}.footer-links a:hover,.footer-links button:hover{background:#ffffff21;border-color:#ffffff3d;transform:translateY(-1px)}.footer-links .footer-contact-link:hover{background:#06d6a033;border-color:#06d6a09e}.footer-bottom{color:#8fa4ad;border-top:1px solid #ffffff1c;justify-content:space-between;align-items:center;gap:16px;margin-top:34px;padding-top:18px;font-size:.9rem;display:flex}.footer-bottom p{margin:0}.footer-credit a{color:#d9e6eb;font-weight:700}.footer-credit a:hover{color:#fff}body.search-open,body.share-panel-open{overflow:hidden}.image-zoom-overlay{z-index:420;place-items:center;padding:clamp(10px,2.5vw,28px);display:grid;position:fixed;inset:0}.image-zoom-overlay[hidden]{display:none}.image-zoom-scrim{backdrop-filter:blur(10px);background:#071016d1;position:absolute;inset:0}.image-zoom-dialog{z-index:1;pointer-events:none;place-items:center;width:auto;max-width:calc(100vw - 56px);max-height:calc(100dvh - 112px);display:grid;position:relative}.image-zoom-image{border-radius:var(--radius);filter:drop-shadow(0 24px 42px #00000057);object-fit:contain;pointer-events:auto;width:auto;max-width:calc(100vw - 56px);height:auto;max-height:calc(100dvh - 112px);display:block}.image-zoom-close{z-index:2;min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);pointer-events:auto;background:#fbfaf5eb;border:1px solid #ffffff57;padding:0 12px;font-weight:700;position:absolute;inset-block-start:-52px;inset-inline-end:0;box-shadow:0 10px 30px #00000038}.image-zoom-close:is(:hover,:focus-visible){background:#fff;border-color:#06d6a080}.site-search-overlay{--search-overlay-top:max(clamp(18px, 7svh, 72px), env(safe-area-inset-top));--search-overlay-right:max(18px, env(safe-area-inset-right));--search-overlay-bottom:max(18px, env(safe-area-inset-bottom));--search-overlay-left:max(18px, env(safe-area-inset-left));z-index:260;padding:var(--search-overlay-top) var(--search-overlay-right) var(--search-overlay-bottom) var(--search-overlay-left);place-items:start center;display:grid;position:fixed;inset:0}.site-search-overlay[hidden]{display:none}.site-search-scrim{backdrop-filter:blur(8px);background:#10212b7a;position:absolute;inset:0}.site-search-dialog{z-index:1;width:min(780px,100%);max-height:min(780px, calc(100svh - var(--search-overlay-top) - var(--search-overlay-bottom)));max-height:min(780px, calc(100dvh - var(--search-overlay-top) - var(--search-overlay-bottom)));border-radius:var(--radius);background:var(--panel);color:var(--ink);box-shadow:var(--shadow);border:1px solid #10212b24;grid-template-rows:auto auto auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.site-search-head{border-block-end:1px solid #10212b1a;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 18px 12px;display:flex}.site-search-head>div{min-width:0}.site-search-kicker{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:700}.site-search-head h2{margin:0;font-size:clamp(1.15rem,3vw,1.55rem);line-height:1.18}.site-search-close{border-radius:var(--radius);background:var(--paper);min-width:48px;min-height:48px;color:var(--ink);white-space:nowrap;cursor:pointer;border:1px solid #10212b29;flex:none;padding:0 12px;font-weight:700}.site-search-close:is(:hover,:focus-visible){background:var(--hc-danger-soft);border-color:#ef476f61}.site-search-field{padding:14px 18px 10px;display:block}.site-search-field input{border-radius:var(--radius);width:100%;min-height:54px;color:var(--ink);background:#fff;border:2px solid #10212b29;padding:0 16px;font-size:1.05rem;font-weight:700}.site-search-field input:focus{outline-offset:2px;border-color:var(--cyan);outline:3px solid #118ab23d}.site-search-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:0 18px 12px;font-size:.9rem;font-weight:700;display:flex}.site-search-meta p{margin:0}.site-search-results{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;min-height:260px;padding:0 10px 14px;overflow:auto}.site-search-results:focus-visible{outline-offset:-3px;outline:3px solid #118ab2}@media (height<=620px){.site-search-overlay{--search-overlay-top:max(8px, env(safe-area-inset-top));--search-overlay-bottom:max(8px, env(safe-area-inset-bottom))}.site-search-dialog{max-height:calc(100svh - var(--search-overlay-top) - var(--search-overlay-bottom));max-height:calc(100dvh - var(--search-overlay-top) - var(--search-overlay-bottom))}.site-search-results{min-height:0}.site-search-head{padding-block:9px 6px}.site-search-kicker,.site-search-meta p:last-child{display:none}.site-search-head h2{font-size:1rem;line-height:1.2}.site-search-field{padding-block:7px 5px}.site-search-meta{padding-bottom:6px;font-size:.8rem}}.site-search-listbox{min-height:100%}.site-search-group{margin:0;padding:8px 0}.site-search-group+.site-search-group{border-block-start:1px solid #10212b1a}.site-search-group-title{color:#40515c;letter-spacing:.07em;text-transform:uppercase;margin:0;padding:6px 12px 5px;font-size:.76rem;font-weight:700;line-height:1.2}.site-search-correction{color:#263844;background:#e9f6fa;border-inline-start:4px solid #118ab2;margin:0 4px 8px;padding:8px 10px;font-size:.86rem;font-weight:700;line-height:1.4}.site-search-result{border-radius:var(--radius);min-height:64px;color:inherit;border:1px solid #0000;gap:8px;padding:11px 12px;text-decoration:none;display:grid}.site-search-result:is(:hover,:focus-visible,.is-active){background:#e9f6fa;border-color:#118ab2;outline:none;box-shadow:inset 4px 0 #118ab2}.site-search-result-top{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;display:grid}.site-search-result-swatch,.site-search-result-icon{border-radius:var(--radius);background:var(--hc-footer-spectrum);border:1px solid #10212b24;flex:none;width:36px;height:36px}.site-search-result-swatch{box-shadow:inset 0 0 0 1px #ffffff85}.site-search-result-icon[data-kind=guide]{background:linear-gradient(135deg, var(--cyan), var(--mint))}.site-search-result-icon[data-kind=glossary]{background:linear-gradient(135deg, var(--violet), var(--coral))}.site-search-result-icon[data-kind=methodology]{background:linear-gradient(135deg, var(--ink), var(--sun))}.site-search-result-text{min-width:0}.site-search-result-text strong{overflow-wrap:anywhere;font-size:1rem;line-height:1.25;display:block}.site-search-result-text span{color:var(--muted);margin-block-start:3px;font-size:.92rem;line-height:1.35;display:block}.site-search-match-reason{color:#31515f;padding-inline-start:48px;font-size:.82rem;font-weight:700;line-height:1.35;display:block}.site-search-result-meta{flex-wrap:wrap;gap:6px;padding-inline-start:48px;display:flex}.site-search-result-meta span{background:var(--paper);color:#263844;border:1px solid #10212b1f;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:.76rem;font-weight:700;display:inline-flex}.site-search-color-result{border-radius:var(--radius);background:#fff;border:1px solid #10212b29;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:0 2px 8px;padding:12px;display:grid}.site-search-color-swatches{align-items:center;padding-inline-start:6px;display:flex}.site-search-color-swatch{border:2px solid #fff;border-radius:50%;width:42px;height:42px;margin-inline-start:-6px;box-shadow:0 0 0 1px #10212b3d}.site-search-color-text{gap:2px;min-width:0;display:grid}.site-search-color-text strong,.site-search-color-text span{overflow-wrap:anywhere}.site-search-color-text span{color:#40515c;font-size:.88rem;line-height:1.35}.site-search-color-links{flex-wrap:wrap;gap:6px;margin-block-start:4px;display:flex}.site-search-color-links a{color:#10212b;text-underline-offset:.15em;background:#f7fcfd;border:1px solid #118ab259;border-radius:999px;align-items:center;min-height:44px;padding:7px 10px;font-size:.88rem;font-weight:700;text-decoration-thickness:.1em;display:inline-flex}.site-search-color-links a:is(:hover,:focus-visible){outline-offset:2px;border-color:#118ab2;outline:3px solid #118ab242}.site-search-empty{color:#40515c;margin:0;padding:28px 12px;font-weight:700;line-height:1.5}.site-search-empty p{margin:0}.site-search-empty-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block-start:14px;display:grid}.site-search-empty-links a{border-radius:var(--radius);color:#064f68;text-underline-offset:.15em;background:#fff;border:1px solid #10212b29;align-items:center;min-height:48px;padding:10px 12px;font-weight:700;text-decoration-thickness:.1em;display:flex}.site-search-empty-links a:is(:hover,:focus-visible){outline-offset:2px;border-color:#118ab2;outline:3px solid #118ab242}.site-search-load-error .small-button{min-height:48px;margin-block-start:14px}@media (forced-colors:active){.site-search-scrim{background:canvas}.site-search-dialog,.site-search-field input,.site-search-close,.site-search-color-result,.site-search-empty-links a,.site-search-result-meta span{color:canvastext;background:canvas;border-color:canvastext}.site-search-correction{color:canvastext;background:canvas;border-color:highlight}.site-search-result-icon{background:canvas}.site-search-result-swatch,.site-search-color-swatch{forced-color-adjust:none;border-color:canvastext}.site-search-result:is(:hover,:focus-visible,.is-active),.site-search-close:is(:hover,:focus-visible),.site-search-color-links a:is(:hover,:focus-visible),.site-search-results:focus-visible,.site-search-empty-links a:is(:hover,:focus-visible),.site-search-field input:focus{color:canvastext;outline-offset:2px;box-shadow:none;background:canvas;border-color:highlight;outline:3px solid highlight}}.tool-share-overlay{z-index:270;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.tool-share-scrim{backdrop-filter:blur(8px);background:#10212b80;position:absolute;inset:0}.tool-share-dialog{z-index:1;border-radius:var(--radius);background:radial-gradient(circle at 10% 0%, #ef476f1f, transparent 28%), radial-gradient(circle at 82% 6%, #06d6a024, transparent 26%), linear-gradient(180deg, #ffffffd1, #fbfaf5f5), var(--panel);width:min(760px,100%);max-height:min(820px,100svh - 36px);color:var(--ink);border:1px solid #10212b1f;gap:16px;padding:22px;display:grid;position:relative;overflow:auto;box-shadow:0 28px 74px #10212b38,inset 0 0 0 1px #ffffff8f}.tool-share-dialog:before{content:"";background:var(--hc-spectrum);pointer-events:none;height:5px;position:absolute;inset:0 0 auto}.tool-share-dialog-result{width:min(1120px,100%);max-height:min(900px,100svh - 36px)}.tool-share-result-layout{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start;gap:clamp(18px,3vw,30px);min-width:0;display:grid}.tool-share-preview-column,.tool-share-actions-column,.tool-share-action-section{min-width:0}.tool-share-preview-column,.tool-share-actions-column{gap:14px;display:grid}.tool-share-section-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.tool-share-section-heading h3{color:var(--ink);margin:0;font-size:1rem;line-height:1.25}.tool-share-section-heading span{color:var(--muted);font-size:.76rem;font-weight:700}.tool-share-preview-frame{border-radius:var(--radius);background-color:#0000;background-image:linear-gradient(45deg,#10212b09 25%,#0000 25% 75%,#10212b09 75%),linear-gradient(45deg,#10212b09 25%,#fff 25% 75%,#10212b09 75%);background-position:0 0,10px 10px;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #10212b29;place-items:center;min-height:230px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #10212b1a}.tool-share-preview-frame[aria-busy=true]{cursor:progress}.tool-share-preview-frame img{object-fit:contain;width:100%;height:auto;max-height:390px;display:block}.tool-share-preview-frame p{max-width:34ch;color:var(--muted);text-align:center;margin:0;padding:32px;font-weight:700;line-height:1.5}.tool-share-image-controls{border-radius:var(--radius);background:#ffffffb8;border:1px solid #10212b1f;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:13px;display:grid}.tool-share-image-controls label:not(.toggle-row){color:#33414b;gap:6px;min-width:0;font-size:.78rem;font-weight:700;display:grid}.tool-share-image-controls select{width:100%;min-height:var(--hc-control-target);border-radius:calc(var(--radius) - 4px);color:var(--ink);font:inherit;background-color:#fff;border:1px solid #10212b2e;padding:8px 34px 8px 10px}.tool-share-image-controls .toggle-row{min-height:var(--hc-control-target);border-radius:calc(var(--radius) - 4px);color:#33414b;background:#fff;border:1px solid #10212b1f;align-items:center;gap:9px;margin:0;padding:8px 10px;font-size:.8rem;font-weight:700;line-height:1.3;display:flex}.tool-share-image-controls .toggle-row input{width:18px;height:18px;accent-color:var(--cyan);flex:none}.tool-share-image-controls [data-share-qr-note]{color:var(--muted);grid-column:1/-1;margin-block:-2px 2px;font-size:.72rem;line-height:1.4}.tool-share-embed-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;display:grid}.tool-share-embed-controls label{min-width:0;min-height:var(--hc-control-target);border-radius:calc(var(--radius) - 4px);color:#33414b;background:#fff;border:1px solid #10212b1f;align-items:center;gap:8px;margin:0;padding:7px 9px;font-size:.76rem;font-weight:700;line-height:1.3;display:flex}.tool-share-embed-controls label:first-child{grid-column:1/-1;justify-content:space-between}.tool-share-embed-controls label:first-child span{white-space:nowrap;flex:none}.tool-share-embed-controls select{min-width:0;min-height:var(--hc-control-target);color:var(--ink);font:inherit;background-color:#fff;border:1px solid #10212b2e;border-radius:7px;flex:auto;padding-inline:8px 28px}.tool-share-embed-controls input{width:18px;height:18px;accent-color:var(--cyan);flex:none}.tool-share-image-controls :is(select,input):focus-visible,.tool-share-embed-controls :is(select,input):focus-visible,.tool-share-embed-section textarea:focus-visible{outline-offset:2px;outline:3px solid #118ab23d}.tool-share-alt{border-radius:var(--radius);background:#06d6a013;border:1px solid #06d6a042;padding:12px 14px}.tool-share-alt strong{letter-spacing:.04em;text-transform:uppercase;margin-block-end:4px;font-size:.78rem;display:block}.tool-share-alt p,.tool-share-action-section>p,.tool-share-more>p{color:#40515c;margin:0;font-size:.82rem;line-height:1.45}.tool-share-action-section{gap:10px;display:grid}.tool-share-actions-column .tool-share-action-section+.tool-share-action-section{border-block-start:1px solid #10212b1f;padding-block-start:14px}.tool-share-grid-primary,.tool-share-grid-secondary,.tool-share-grid-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-share-grid-secondary .tool-share-option,.tool-share-grid-platforms .tool-share-option{min-height:60px}.tool-share-more{border-radius:var(--radius);background:#fff9;border:1px solid #10212b1f;padding:10px 12px 12px}.tool-share-more summary{color:var(--ink);cursor:pointer;font-weight:700}.tool-share-more>p{margin-block:8px 10px}.tool-share-embed-section textarea{resize:vertical;border-radius:var(--radius);color:#263844;width:100%;min-height:150px;font:var(--font-weight-code) .76rem/1.5 var(--font-code);background:#fff;border:1px solid #10212b2e;padding:11px 12px}.tool-share-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.tool-share-kicker{color:#0b7899;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:700}.tool-share-head h2{margin:0;font-size:clamp(1.2rem,3vw,1.65rem);line-height:1.16}.tool-share-head p:last-child{color:var(--muted);margin:6px 0 0;font-weight:700;line-height:1.45}.tool-share-close{min-height:var(--hc-control-target);border-radius:var(--radius);background:var(--paper);color:var(--ink);cursor:pointer;border:1px solid #10212b29;padding:0 12px;font-weight:700}.tool-share-close:is(:hover,:focus-visible){background:var(--hc-danger-soft);border-color:#ef476f61}.tool-share-url{border-radius:var(--radius);color:#33414b;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#ef476fa3,#ffd166b8,#06d6a0a8,#118ab299) border-box;border:2px solid #0000;min-width:0;padding:11px 12px;font-size:.84rem;font-weight:700}.tool-share-url span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.tool-share-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tool-share-option{--share-accent:var(--cyan);border:1px solid #10212b29;border-color:color-mix(in oklab, var(--share-accent) 28%, #10212b24);border-radius:var(--radius);background:#fff;background:linear-gradient(90deg, color-mix(in oklab, var(--share-accent) 8%, white), #fff 34%);min-height:68px;color:var(--ink);text-align:start;cursor:pointer;align-content:center;justify-items:start;gap:3px;padding:9px 14px 9px 18px;display:grid;position:relative;overflow:hidden}.tool-share-option strong{letter-spacing:.03em;text-transform:uppercase;font-size:.86rem;font-weight:700;line-height:1.2}.tool-share-option small{color:#40515c;letter-spacing:0;text-transform:none;font-size:.76rem;font-weight:700;line-height:1.35}.tool-share-option:before{content:"";background:var(--share-accent);opacity:.74;width:5px;position:absolute;inset:0 auto 0 0}.tool-share-option[data-share-target=copy]{--share-accent:var(--cyan)}.tool-share-option[data-share-target=short]{--share-accent:var(--coral)}.tool-share-option[data-share-target=web-share]{--share-accent:var(--violet)}.tool-share-option[data-share-target=whatsapp],.tool-share-option[data-share-target=telegram]{--share-accent:var(--mint)}.tool-share-option[data-share-target=sms],.tool-share-option[data-share-target=email]{--share-accent:var(--sun)}.tool-share-option[data-share-target=x],.tool-share-option[data-share-target=linkedin]{--share-accent:var(--violet)}.tool-share-option[data-share-target=facebook],.tool-share-option[data-share-target=reddit]{--share-accent:var(--coral)}.tool-share-option:is(:hover,:focus-visible){border-color:#118ab270;border-color:color-mix(in oklab, var(--share-accent) 54%, #10212b1f);background:var(--hc-info-soft);background:linear-gradient(90deg, color-mix(in oklab, var(--share-accent) 14%, white), #fff 42%);outline:3px solid #118ab22e;outline-color:color-mix(in oklab, var(--share-accent) 18%, transparent);outline-offset:2px}.tool-share-option[aria-busy=true]{cursor:wait}.tool-share-status{color:#263844;min-height:1.45em;margin:0;font-size:.9rem;font-weight:700;line-height:1.45}.tool-share-note{border:1px solid #118ab23d;border-inline-start:5px solid var(--cyan);border-radius:var(--radius);color:#263844;background:linear-gradient(90deg,#118ab21c,#06d6a012);margin:0;padding:14px;font-weight:700;line-height:1.45}@media (forced-colors:active){.tool-share-scrim{background:canvas}.tool-share-dialog,.tool-share-url,.tool-share-option,.tool-share-close,.tool-share-note,.tool-share-preview-frame,.tool-share-image-controls,.tool-share-image-controls .toggle-row,.tool-share-image-controls select,.tool-share-embed-controls,.tool-share-embed-controls label,.tool-share-embed-controls select,.tool-share-alt,.tool-share-more,.tool-share-embed-section textarea{color:canvastext;background:canvas;border:1px solid canvastext}.tool-share-option:before,.tool-share-dialog:before{display:none}.tool-share-option:is(:hover,:focus-visible),.tool-share-close:is(:hover,:focus-visible),.tool-share-image-controls :is(select,input):focus-visible,.tool-share-embed-controls :is(select,input):focus-visible,.tool-share-embed-section textarea:focus-visible{outline-offset:2px;outline:3px solid highlight}}.local-workspace-hero{background:linear-gradient(90deg, #ef476f14, #ffd16617, #06d6a014, #118ab214), var(--paper);border-block-end:1px solid #10212b1f;padding-block:58px 42px;position:relative;overflow:hidden}.local-workspace-hero-with-image{isolation:isolate;background:#fbfaf5;align-items:center;min-height:520px;display:flex}.local-workspace-hero-with-image:before,.local-workspace-hero-with-image:after{content:"";pointer-events:none;position:absolute;inset:0}.local-workspace-hero-with-image:before{z-index:1;background:linear-gradient(90deg,#fbfaf5fc 0%,#fbfaf5eb 38%,#fbfaf56b 72%,#fbfaf529 100%)}.local-workspace-hero-with-image:after{z-index:2;background:linear-gradient(#fbfaf500 55%,#f2efe6a8 100%)}.local-workspace-hero-picture img{object-position:center right}.local-workspace-hero-grid{z-index:3;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:start;gap:28px;display:grid;position:relative}.local-workspace-hero h1{max-width:760px;margin:0;font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.02}.local-workspace-hero p:not(.eyebrow){color:#33414b;max-width:760px;margin-block-start:16px;font-size:1.06rem;font-weight:700}.local-workspace-actions{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;gap:10px;padding:16px;display:grid;box-shadow:0 16px 38px #10212b14}.local-workspace-hero-with-image .local-workspace-actions{backdrop-filter:blur(10px)saturate(1.04);background:#ffffffa3;border-color:#ffffff85}.local-workspace-import-control{position:relative;overflow:hidden}.local-workspace-import-control input{opacity:0;cursor:pointer;position:absolute;inset:0}.local-workspace-overview{background:#fff;padding-block-start:54px}.local-workspace-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-block-end:24px;display:grid}.local-workspace-summary div{border-radius:var(--radius);background:var(--paper);border:1px solid #10212b1f;min-width:0;padding:16px}.local-workspace-summary strong{color:var(--ink);font-size:1.8rem;font-weight:700;line-height:1;display:block}.local-workspace-summary span{color:var(--muted);margin-block-start:6px;font-weight:700;display:block}.local-workspace-settings{border:1px solid #10212b1f;border-inline-start:5px solid var(--cyan);border-radius:var(--radius);background:#edf7fa;grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);align-items:center;gap:16px;margin-block:0 24px;padding:16px;display:grid}.local-workspace-settings-copy,.local-workspace-settings-control{min-width:0}.local-workspace-settings label{color:var(--ink);font-size:1rem;font-weight:700;display:block}.local-workspace-settings p{color:#244650;margin:6px 0 0;font-size:.9rem;font-weight:700;line-height:1.45}.local-workspace-settings select{border-radius:var(--radius);width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #10212b2e;padding:0 12px;font-weight:700}.local-workspace-settings-status{font-size:.82rem}.local-workspace-content{gap:24px;display:grid}.local-workspace-section{border-block-start:1px solid #10212b1f;padding-block:22px}.local-workspace-section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-block-end:14px;display:flex}.local-workspace-section-head>div{min-width:0}.local-workspace-section h2{margin:0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.15}.local-workspace-section-head p{color:var(--muted);margin:6px 0 0;font-size:.9rem;font-weight:700}.local-workspace-pagination,.local-workspace-pagination div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.local-workspace-pagination{color:var(--muted);justify-content:flex-end;font-size:.86rem;font-weight:700}.local-workspace-pagination p{margin:0}.local-workspace-pagination button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b29;padding:0 10px;font-size:.82rem;font-weight:700}.local-workspace-pagination button:is(:hover,:focus-visible){background:#edf7fa}.local-workspace-pagination button:disabled{color:#7d8892;cursor:not-allowed;opacity:.78;background:#f8f7f1;transform:none}.local-workspace-pagination span{color:#40515c;white-space:nowrap;font-weight:700}.local-workspace-pagination-end{margin-block-start:14px}.local-workspace-empty{border-radius:var(--radius);color:var(--muted);background:#f8f7f1;border:1px dashed #10212b38;margin:0;padding:18px;font-weight:700}.local-workspace-card-grid,.local-workspace-color-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.local-workspace-item-card,.local-workspace-color-card{border-radius:var(--radius);border:1px solid #10212b1f;min-width:0;box-shadow:0 10px 24px #10212b0f}.local-workspace-item-card{background:#fff;padding:14px}.local-workspace-color-card{background:var(--workspace-color);overflow:hidden}.local-workspace-item-card h3,.local-workspace-color-card strong{overflow-wrap:anywhere;color:var(--ink);margin:10px 0 0;font-size:1rem;line-height:1.22}.local-workspace-item-card p,.local-workspace-color-card small{overflow-wrap:anywhere;color:var(--muted);margin:8px 0 0;font-size:.88rem;font-weight:700;line-height:1.4;display:block}.local-workspace-item-card pre{border-radius:var(--radius);color:#eaf7fa;white-space:pre-wrap;background:#071016;max-height:142px;margin:10px 0 0;padding:10px;font-size:.78rem;line-height:1.45;overflow:auto}.local-workspace-type{color:#0f5f78;overflow-wrap:anywhere;text-transform:uppercase;background:#edf7fa;border:1px solid #118ab23d;border-radius:999px;align-items:center;min-width:0;max-width:100%;min-height:28px;padding:6px 8px;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex}.workspace-swatch-strip{border-radius:var(--radius);border:1px solid #10212b1f;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-height:46px;display:grid;overflow:hidden}.workspace-swatch-strip span{background:var(--workspace-swatch)}.local-workspace-preset-preview{margin-block-end:12px}.local-workspace-card-actions,.local-workspace-color-card div{flex-wrap:wrap;gap:8px;margin-block-start:12px;display:flex}.local-workspace-color-card div{background:#fff;margin-block-start:0;padding:12px}.local-workspace-card-actions a,.local-workspace-card-actions button,.local-workspace-color-card button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);background:#f8f7f1;border:1px solid #10212b29;justify-content:center;align-items:center;padding:0 10px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.local-workspace-card-actions a:hover,.local-workspace-card-actions button:hover,.local-workspace-color-card button:hover{background:#edf7fa}.local-workspace-color-card a{background:var(--workspace-color);min-height:152px;color:var(--workspace-color-text);flex-direction:column;justify-content:space-between;gap:18px;padding:16px;text-decoration:none;display:flex}.local-workspace-color-card a:is(:hover,:focus-visible){outline-offset:-4px;outline:3px solid #118ab252}.local-workspace-color-card .local-workspace-color-meta{gap:6px;min-width:0;display:grid}.local-workspace-color-card a strong{color:inherit;text-shadow:0 1px 10px color-mix(in srgb, var(--workspace-color) 44%, transparent);margin:0;font-size:1.08rem}.local-workspace-color-card em{color:inherit;opacity:.86;font-size:.82rem;font-style:normal;font-weight:700}.local-workspace-color-hex{border:1px solid color-mix(in srgb, var(--workspace-color-text) 34%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--workspace-color-text) 12%, transparent);width:fit-content;max-width:100%;color:inherit;overflow-wrap:anywhere;padding:7px 9px;font-size:.88rem;font-weight:700}.local-workspace-overlay{z-index:280;place-items:start center;padding:clamp(18px,10svh,88px) 18px 18px;display:grid;position:fixed;inset:0}.local-workspace-scrim{backdrop-filter:blur(8px);background:#10212b80;position:absolute;inset:0}.local-workspace-dialog{z-index:1;border-radius:var(--radius);width:min(560px,100%);color:var(--ink);background:#fff;border:1px solid #10212b1f;gap:16px;padding:22px;display:grid;position:relative;box-shadow:0 28px 74px #10212b38}.local-workspace-dialog:before{content:"";background:var(--hc-spectrum);height:5px;position:absolute;inset:0 0 auto}.local-workspace-danger-dialog:before{background:linear-gradient(90deg, var(--coral), #b42342)}.local-workspace-import-dialog{width:min(720px,100%)}.local-workspace-dialog-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.local-workspace-dialog-head h2{margin:0;font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.15}.local-workspace-dialog-head p:last-child{color:var(--muted);margin:6px 0 0;font-weight:700}.local-workspace-field{gap:var(--space-form-label);color:#263844;font-weight:700;display:grid}.local-workspace-field input{border-radius:var(--radius);background:var(--paper);min-height:48px;color:var(--ink);border:1px solid #10212b2e;padding:0 12px}.local-workspace-warning{border:1px solid #ef476f47;border-inline-start:5px solid var(--coral);border-radius:var(--radius);color:#43222b;background:#fff1f4;gap:6px;padding:14px;display:grid}.local-workspace-warning strong,.local-workspace-warning span{display:block}.local-workspace-warning strong{font-weight:700}.local-workspace-warning span{color:#5b3340;font-size:.94rem;font-weight:700;line-height:1.45}.local-workspace-import-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.local-workspace-import-totals div{border-radius:var(--radius);background:var(--paper);border:1px solid #10212b1f;min-width:0;padding:12px}.local-workspace-import-totals strong,.local-workspace-import-totals span{display:block}.local-workspace-import-totals strong{font-size:1.65rem;font-weight:700;line-height:1}.local-workspace-import-totals span{color:var(--muted);margin-block-start:5px;font-size:.82rem;font-weight:700}.local-workspace-import-summary{border-radius:var(--radius);border:1px solid #10212b1f;overflow:hidden}.local-workspace-import-summary-head,.local-workspace-import-summary-row{grid-template-columns:minmax(150px,1.2fr) repeat(3,minmax(78px,.5fr));align-items:center;gap:8px;padding:10px 12px;display:grid}.local-workspace-import-summary-head{color:#fff;background:#10212b;font-size:.78rem;font-weight:700}.local-workspace-import-summary-row{color:#263844;background:#fff;font-weight:700}.local-workspace-import-summary-row+.local-workspace-import-summary-row{border-top:1px solid #10212b1a}.local-workspace-import-summary-row strong{overflow-wrap:anywhere}.local-workspace-import-note{border:1px solid #118ab238;border-inline-start:5px solid var(--cyan);border-radius:var(--radius);color:#244650;background:#edf7fa;margin:0;padding:12px 14px;font-weight:700}.local-workspace-dialog-actions{flex-wrap:wrap;gap:10px;display:flex}.local-workspace-danger-button{color:#fff;background:#b42342;border-color:#ef476f80}.local-workspace-danger-button:is(:hover,:focus-visible){background:#8f1832}.privacy-banner{z-index:260;border-radius:var(--radius);width:min(760px,100% - 40px);color:var(--ink);background:#fffffffa;border:1px solid #10212b24;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;padding:18px;display:none;position:fixed;inset-block-end:20px;inset-inline:20px;box-shadow:0 24px 64px #10212b2e}.privacy-banner:before,.privacy-dialog:before{content:"";background:var(--hc-spectrum);height:5px;position:absolute;inset:0 0 auto}.privacy-banner{overflow:hidden}.privacy-kicker{color:#0c5f78;text-transform:uppercase;margin:0 0 6px;font-size:.76rem;font-weight:700}.privacy-banner h2{margin:0;font-size:1.05rem;line-height:1.22}.privacy-banner p:not(.privacy-kicker){color:#40515c;margin:8px 0 0;font-size:.9rem;font-weight:700;line-height:1.45}.privacy-banner-actions,.privacy-dialog-actions{flex-wrap:wrap;gap:10px;display:flex}.privacy-banner-actions{justify-content:flex-end;min-width:300px}.privacy-overlay{--privacy-overlay-top:clamp(18px, 8svh, 72px);--privacy-overlay-bottom:18px;z-index:300;padding:var(--privacy-overlay-top) 18px var(--privacy-overlay-bottom);place-items:start center;display:grid;position:fixed;inset:0}.privacy-scrim{backdrop-filter:blur(8px);background:#10212b80;position:absolute;inset:0}.privacy-dialog{z-index:1;width:min(720px,100%);max-height:calc(100svh - var(--privacy-overlay-top) - var(--privacy-overlay-bottom));max-height:calc(100dvh - var(--privacy-overlay-top) - var(--privacy-overlay-bottom));border-radius:var(--radius);color:var(--ink);background:#fff;border:1px solid #10212b1f;gap:16px;padding:22px;display:grid;position:relative;overflow-y:auto;box-shadow:0 28px 74px #10212b38}.privacy-dialog-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.privacy-dialog-head h2{margin:0;font-size:clamp(1.35rem,3vw,1.95rem);line-height:1.12}.privacy-dialog-head p:last-child,.privacy-dialog-note{color:var(--muted);margin:8px 0 0;font-weight:700}.privacy-dialog-note{border-radius:var(--radius);color:#244650;background:#edf7fa;border:1px solid #118ab233;margin:0;padding:12px 14px}.privacy-choice-list{gap:10px;display:grid}.privacy-choice-card{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b24;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;padding:14px;display:grid}.privacy-choice-card-required{background:#fff8df}.privacy-choice-card h3,.privacy-choice-card strong{color:var(--ink);margin:0;font-size:1rem;font-weight:700;line-height:1.2;display:block}.privacy-choice-card p,.privacy-choice-card small{color:#40515c;margin:6px 0 0;font-size:.9rem;font-weight:700;line-height:1.42;display:block}.privacy-choice-card input{width:24px;height:24px;accent-color:var(--cyan);margin:0}.privacy-choice-state{color:#1f6946;white-space:nowrap;background:#effaf4;border:1px solid #2f855a47;border-radius:999px;align-items:center;min-height:32px;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.toast,.noscript{z-index:320;border-radius:var(--radius);background:var(--ink);color:#fff;max-width:420px;min-height:48px;box-shadow:var(--shadow);align-items:center;padding:12px 14px;display:none;position:fixed;inset-block-end:20px;inset-inline:20px}.toast.is-visible,.noscript{display:flex}@supports (color:color-mix(in oklab, white, black)){.callout{padding:var(--callout-padding,var(--space-callout));border:1px solid var(--hc-border-primary);border-radius:var(--radius);background:var(--hc-primary-soft)}.callout[data-kind=tip],.guide-definition,.tool-instructions{border-color:var(--hc-border-info);background:var(--hc-info-soft)}.callout[data-kind=warning],.guide-note{border:1px solid var(--hc-border-warning);background:var(--hc-warning-soft)}.callout[data-kind=danger]{border-color:var(--hc-border-danger);background:var(--hc-danger-soft)}.guide-answer-box,.guide-mini-card,.guide-source-list a,.range-control output,.seed-quick-facts div,.workspace-recommendation,.workspace-readiness-list div,.workspace-launch-list a,.palette-health-summary,.workspace-export-summary,.picker-decision-panel,.converter-gamut-panel,.css-support-panel,.gradient-support-panel,.gamut-decision-card,.gamut-space-card,.difference-decision-card,.difference-metric-card,.mixer-decision-card,.opacity-decision-card,.opacity-check-card,.temperature-decision-card,.chroma-decision-card,.ladder-decision-card,.gradient-palette-decision-card,.cvd-decision-card,.pair-decision-card,.focus-decision-card,.focus-check-card,.link-decision-card,.link-check-card,details,.converter-readiness-list div,.workspace-readiness-list div,.contrast-results div,.contrast-decision-summary,.picker-decision-card,.picker-readiness-list div,.css-readiness-list div,.gradient-readiness-list div,.gamut-decision-card,.gamut-space-card,.difference-decision-card,.difference-metric-card,.mixer-decision-card,.opacity-decision-card,.opacity-check-card,.temperature-decision-card,.chroma-decision-card,.ladder-decision-card,.gradient-palette-decision-card,.cvd-decision-card,.pair-decision-card,.focus-decision-card,.focus-check-card,.link-decision-card,.link-check-card,.palette-recommendation,.palette-readiness-list div,.palette-role-checks span,.contrast-fix-card{border-color:var(--hc-border-neutral);background:var(--hc-neutral-soft)}.converter-readiness-list div[data-status=pass],.workspace-recommendation[data-status=pass],.workspace-readiness-list div[data-status=pass],.palette-health-summary[data-status=pass],.contrast-results div[data-status=pass],.contrast-decision-summary[data-status=pass],.picker-decision-card[data-status=pass],.picker-readiness-list div[data-status=pass],.css-readiness-list div[data-status=pass],.gradient-readiness-list div[data-status=pass],.palette-recommendation[data-status=pass],.palette-readiness-list div[data-status=pass],.palette-role-checks span[data-status=pass],.contrast-fix-card[data-status=pass],.picker-gamut-badge,.picker-gamut-details [data-status=pass],.converter-source-details [data-status=pass],.gamut-decision-card[data-status=pass],.gamut-space-card[data-status=pass],.difference-decision-card[data-status=pass],.difference-metric-card[data-status=pass],.mixer-decision-card[data-status=pass],.opacity-decision-card[data-status=pass],.opacity-check-card[data-status=pass],.temperature-decision-card[data-status=pass],.chroma-decision-card[data-status=pass],.ladder-decision-card[data-status=pass],.gradient-palette-decision-card[data-status=pass],.cvd-decision-card[data-status=pass],.pair-decision-card[data-status=pass],.focus-decision-card[data-status=pass],.focus-check-card[data-status=pass],.focus-recommendation[data-status=pass],.link-decision-card[data-status=pass],.link-check-card[data-status=pass],.link-recommendation[data-status=pass]{border-color:var(--hc-border-accent);background:var(--hc-accent-soft)}.converter-readiness-list div[data-status=warn],.workspace-recommendation[data-status=warn],.workspace-readiness-list div[data-status=warn],.palette-health-summary[data-status=warn],.contrast-decision-summary[data-status=warn],.picker-decision-card[data-status=warn],.picker-readiness-list div[data-status=warn],.css-readiness-list div[data-status=warn],.gradient-readiness-list div[data-status=warn],.palette-recommendation[data-status=warn],.palette-readiness-list div[data-status=warn],.palette-role-checks span[data-status=warn],.contrast-fix-card[data-status=warn],.picker-recommendation[data-status=watch],.picker-gamut-badge[data-status=warn],.picker-gamut-details [data-status=warn],.converter-source-details [data-status=warn],.gamut-decision-card[data-status=warn],.gamut-space-card[data-status=warn],.difference-decision-card[data-status=warn],.difference-metric-card[data-status=warn],.mixer-decision-card[data-status=warn],.opacity-decision-card[data-status=warn],.opacity-check-card[data-status=warn],.temperature-decision-card[data-status=warn],.chroma-decision-card[data-status=warn],.ladder-decision-card[data-status=warn],.gradient-palette-decision-card[data-status=warn],.cvd-decision-card[data-status=warn],.pair-decision-card[data-status=warn],.focus-decision-card[data-status=warn],.focus-check-card[data-status=warn],.focus-recommendation[data-status=warn],.link-decision-card[data-status=warn],.link-check-card[data-status=warn],.link-recommendation[data-status=warn]{border-color:var(--hc-border-warning);background:var(--hc-warning-soft)}.converter-readiness-list div[data-status=fail],.workspace-readiness-list div[data-status=fail],.contrast-results div[data-status=fail],.contrast-decision-summary[data-status=fail],.picker-decision-card[data-status=fail],.picker-readiness-list div[data-status=fail],.css-readiness-list div[data-status=fail],.gradient-readiness-list div[data-status=fail],.gamut-decision-card[data-status=fail],.gamut-space-card[data-status=fail],.difference-decision-card[data-status=fail],.difference-metric-card[data-status=fail],.mixer-decision-card[data-status=fail],.opacity-decision-card[data-status=fail],.opacity-check-card[data-status=fail],.temperature-decision-card[data-status=fail],.chroma-decision-card[data-status=fail],.ladder-decision-card[data-status=fail],.gradient-palette-decision-card[data-status=fail],.cvd-decision-card[data-status=fail],.pair-decision-card[data-status=fail],.focus-decision-card[data-status=fail],.focus-check-card[data-status=fail],.link-decision-card[data-status=fail],.link-check-card[data-status=fail],.palette-recommendation[data-status=fail],.palette-readiness-list div[data-status=fail],.palette-role-checks span[data-status=fail]{border-color:var(--hc-border-danger);background:var(--hc-danger-soft)}}@media (width<=1180px){.methodology-page .guide-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=1100px){.methodology-coverage-table{min-width:100%}.methodology-coverage-table thead th{white-space:normal}.methodology-coverage-table td{min-width:64px}.methodology-coverage-table tbody th,.methodology-coverage-table thead th:first-child{min-width:180px;max-width:210px}}@media (width<=1000px){.methodology-coverage-table-wrap{-webkit-overflow-scrolling:touch;overflow:auto visible}.methodology-coverage-table thead th{position:static;transform:none}}@media (width<=960px){.guide-table-wrap,.methodology-trust-table-wrap{-webkit-overflow-scrolling:touch;overflow:auto visible}.guide-table thead th,.methodology-trust-table thead th{position:static;transform:none}.nav{justify-content:space-between;gap:var(--space-2);display:flex}.nav-actions{gap:var(--space-2);flex:none;inline-size:104px;margin-inline-start:auto;display:flex}.site-search-trigger{justify-content:center;justify-self:auto;width:48px;min-width:48px;min-height:48px;padding:0;display:inline-flex}.site-search-trigger-label,.site-search-trigger kbd{display:none}.nav-toggle{width:48px;min-width:48px;height:48px;display:inline-flex}.button,.small-button,.icon-button,.source-code-action{min-height:48px}.small-button,.source-code-action{min-width:48px}.input-row input,.name-row input,.waitlist-row input,select{min-height:48px}.nav-menu{inset:var(--site-header-height) 0 auto;width:100%;height:max(0px, calc(100vh - var(--site-header-height)));height:max(0px, calc(100dvh - var(--site-header-height)));min-height:0;max-height:max(0px, calc(100dvh - var(--site-header-height)));padding-block:18px max(18px, env(safe-area-inset-bottom));padding-inline:max(20px, calc(env(safe-area-inset-left) + 12px)) max(20px, calc(env(safe-area-inset-right) + 12px));overscroll-behavior:contain;background:var(--paper);border:0;box-shadow:none;border-block-start:1px solid #10212b1f;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;display:flex;position:fixed;overflow-y:auto}.js-enabled .nav-menu{display:none}.js-enabled body.nav-open .nav-menu{display:flex}.nav-menu a{overflow-wrap:anywhere;text-align:center;white-space:normal;justify-content:center;width:100%;min-height:54px;padding:12px;line-height:1.25}.nav-menu a:after{bottom:7px}.site-search-overlay{--search-overlay-top:max(10px, env(safe-area-inset-top));--search-overlay-right:max(10px, env(safe-area-inset-right));--search-overlay-bottom:max(10px, env(safe-area-inset-bottom));--search-overlay-left:max(10px, env(safe-area-inset-left));place-items:stretch stretch}.site-search-dialog{width:100%;max-height:calc(100svh - var(--search-overlay-top) - var(--search-overlay-bottom));max-height:calc(100dvh - var(--search-overlay-top) - var(--search-overlay-bottom))}.site-search-head{padding:14px 14px 10px}.site-search-field{padding:12px 14px 8px}.site-search-meta{flex-direction:column;align-items:flex-start;padding-inline:14px}.site-search-results{min-height:0;padding-inline:6px}html:not(.js-enabled) .site-header{position:static}html:not(.js-enabled) .nav{flex-wrap:wrap;padding-block:8px}html:not(.js-enabled) .nav-actions{display:contents}html:not(.js-enabled) .nav-toggle{display:none}html:not(.js-enabled) .nav-menu{width:100%;height:auto;max-height:none;padding:8px 0 12px;position:static;inset:auto;overflow:visible}.site-search-group-title{padding-inline:10px}.site-search-match-reason,.site-search-result-meta{padding-inline-start:0}.site-search-color-result{margin-inline:4px}.site-search-empty-links{grid-template-columns:1fr}.tool-share-overlay{place-items:stretch stretch;padding:10px}.tool-share-dialog{width:100%;max-height:calc(100svh - 20px);padding:16px}.tool-share-result-layout{grid-template-columns:1fr}.tool-share-preview-frame{min-height:190px}.tool-share-preview-frame img{max-height:none}.tool-share-head{flex-direction:column}.tool-share-close{align-self:flex-start}.tool-share-grid,.tool-share-image-controls,.tool-share-embed-controls{grid-template-columns:1fr}.tool-share-embed-controls label:first-child{grid-column:auto}.tool-share-option{min-height:68px}.local-workspace-overlay{place-items:stretch stretch;padding:10px}.local-workspace-dialog{width:100%;max-height:calc(100svh - 20px);padding:16px;overflow:auto}.local-workspace-dialog-head{flex-direction:column}.local-workspace-dialog-head .tool-share-close{align-self:flex-start}.local-workspace-hero-grid{grid-template-columns:1fr}.local-workspace-hero-with-image{min-height:auto}.local-workspace-hero-with-image:before{background:linear-gradient(90deg,#fbfaf5fc 0%,#fbfaf5f0 52%,#fbfaf5ad 100%)}.local-workspace-hero-picture img{object-position:64% center}.local-workspace-actions{max-width:560px}.local-workspace-summary,.local-workspace-card-grid,.local-workspace-color-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:76svh}.hero:before{background-image:linear-gradient(90deg,#fbfaf5fc 0%,#fbfaf5ed 50%,#fbfaf594 100%);background-position:50%}.home-hero-picture{height:min(76svh,680px);bottom:auto}.hero-content{grid-template-columns:1fr;gap:28px}.hero-system-card{max-width:720px}.hero h1{font-size:4rem}.hero-subtitle{font-size:1.55rem}.tool-panel,.feature-card{grid-column:span 12}.feature-grid,.next-tools-list,.library-grid,.layout-main,.tool-hero-grid,.error-hero-grid,.tool-index-hero-grid,.workspace-flow,.workspace-decision-band,.workspace-readiness-list,.workspace-launch-list,.stage-tool-layout,.pro-named-layout,.named-color-workspace,.named-color-decision-grid,.pro-glossary-layout,.glossary-workspace,.glossary-decision-grid,.pro-model-layout,.model-workspace,.model-decision-grid,.pro-gamut-layout,.gamut-workspace,.gamut-decision-grid,.gamut-space-grid,.pro-difference-layout,.difference-workspace,.difference-decision-grid,.difference-metric-grid,.pro-mixer-layout,.mixer-workspace,.mixer-decision-grid,.mixer-mode-grid,.pro-opacity-layout,.opacity-workspace,.opacity-decision-grid,.opacity-check-grid,.pro-temperature-layout,.temperature-workspace,.temperature-decision-grid,.temperature-variant-grid,.pro-chroma-layout,.chroma-workspace,.chroma-decision-grid,.chroma-variant-grid,.pro-ladder-layout,.ladder-workspace,.ladder-decision-grid,.ladder-scale-grid,.pro-gradient-palette-layout,.gradient-palette-workspace,.gradient-palette-decision-grid,.gradient-palette-grid,.pro-duotone-layout,.duotone-workspace,.duotone-preview-grid,.duotone-decision-grid,.pro-cvd-layout,.cvd-workspace,.cvd-decision-grid,.cvd-card-grid,.pro-pair-layout,.pair-workspace,.pair-decision-grid,.pair-results-grid,.pro-focus-layout,.focus-workspace,.focus-specimen-surface,.focus-decision-grid,.focus-check-grid,.pro-link-layout,.link-workspace,.link-preview-surface,.link-decision-grid,.link-check-grid,.pro-image-eye-layout,.image-eye-workspace,.image-eye-decision-grid,.image-eye-sample-grid,.pro-image-palette-layout,.image-palette-workspace,.image-palette-decision-grid,.image-palette-grid,.image-palette-health-list,.pro-css-layout,.css-workspace,.pro-text-layout,.text-color-workspace,.text-color-readiness-list,.text-color-component-preview,.text-color-decision-grid,.pro-harmony-layout,.harmony-workspace,.harmony-readiness-list,.harmony-decision-grid,.pro-scale-layout,.scale-workspace,.scale-readiness-list,.scale-decision-grid,.pro-gradient-layout,.gradient-workspace,.pro-converter-layout,.converter-workspace,.pro-palette-layout,.palette-workspace,.pro-picker-workspace,.pro-contrast-layout,.contrast-workspace,.pro-recent-color-box,.picker-context-grid,.picker-inspector,.picker-pair-preview,.picker-gamut-details,.picker-decision-list,.converter-readiness-list,.converter-source-details,.css-readiness-list,.gradient-readiness-list,.gradient-stop-grid,.palette-readiness-list,.palette-decision-grid,.contrast-ui-preview-grid,.contrast-fix-preview,.next-action-list,.tool-notes-grid,.tool-methodology-grid,.tool-group,.methodology-trust-grid,.methodology-limitations-grid,.guide-hero-grid{grid-template-columns:1fr}.guide-layout{grid-template-columns:minmax(0,1fr)}.machine-library:before{background-image:linear-gradient(180deg, #071016f5 0%, #071016d1 48%, #07101694 100%), var(--machine-library-image);background-position:62%}.pro-picker-preview{display:grid}.pro-picker-preview>.pro-picker-swatch{order:initial;height:auto;min-height:280px;max-height:none}.pro-picker-swatch .picker-swatch-facts span{overflow-wrap:anywhere;white-space:normal;max-width:100%;padding-block:6px;line-height:1.15}.pro-picker-preview>.picker-recommendation,.pro-picker-preview>.picker-context-grid,.pro-picker-controls,.pro-picker-preview>.picker-inspector,.pro-picker-preview>.picker-readiness{order:initial}.pro-output-panel,.contrast-output-panel,.converter-output-panel,.css-output-panel,.gradient-output-panel,.named-color-output-panel,.glossary-output-panel,.model-output-panel,.gamut-output-panel,.difference-output-panel,.mixer-output-panel,.opacity-output-panel,.temperature-output-panel,.chroma-output-panel,.ladder-output-panel,.gradient-palette-output-panel,.duotone-output-panel,.cvd-output-panel,.pair-output-panel,.focus-output-panel,.link-output-panel,.image-eye-output-panel,.image-palette-output-panel,.palette-output-panel{position:static}.stage-result-panel.code-panel{position:relative;inset-block-start:auto}.palette-preview-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.palette-lock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-style-panel{width:var(--style-panel-width,min(720px, calc(100vw - 40px)))}.tool-hero h1,.guide-hero h1{font-size:3.35rem}.tool-hero-with-image{min-height:auto}.tool-hero-with-image:before{background:linear-gradient(90deg,#fbfaf5fc 0%,#fbfaf5f0 50%,#fbfaf594 100%)}.tool-index-hero-with-image{min-height:auto}.tool-index-hero-with-image:before{background:linear-gradient(90deg,#fbfaf5fc 0%,#fbfaf5f0 50%,#fbfaf594 100%)}.guide-hero-with-image{min-height:auto}.guide-hero-with-image:before{background:linear-gradient(90deg,#fbfaf5fc 0%,#fbfaf5f0 48%,#fbfaf594 100%)}.responsive-hero-picture img{object-position:center right}.tool-link-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-aside{position:static}.guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.methodology-link-list,.layout-frame{grid-template-columns:1fr}.layout-rail{flex-direction:row;overflow-x:auto}.error-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}}@media (width<=680px){.next-actions-overlay{padding:12px}.next-actions-dialog{max-height:calc(100svh - 24px);padding:18px}.next-actions-head{flex-direction:column;gap:12px}.next-actions-head h2{font-size:1.35rem}.next-actions-head .tool-share-close{align-self:flex-start}.next-actions-header-actions{justify-content:flex-start}.standards-status-definitions,.methodology-boundary-grid{grid-template-columns:1fr}.standards-status-badge{font-size:.68rem}.image-eye-sample-card{grid-template-columns:1fr}.image-eye-sample-swatch{min-height:128px}.image-eye-inspector-stack{grid-template-columns:1fr}.image-eye-live-card{min-height:auto}.image-eye-live-swatch{min-height:96px}.image-eye-loupe-card{padding:10px}.image-eye-loupe-card canvas{width:min(100%,150px)}.image-eye-floating-loupe{width:164px;height:164px;padding:10px}.image-eye-floating-loupe canvas{width:116px;height:116px}.image-eye-floating-loupe-meta{max-width:112px;padding:4px 7px;bottom:12px}.image-eye-loupe-head{flex-direction:column;align-items:flex-start;gap:2px}.image-eye-loupe-head strong{text-align:left}.image-palette-role-preview figcaption{grid-template-columns:1fr}.image-palette-role-preview .palette-role-inspector-toggle{justify-self:start}.image-palette-card{grid-template-columns:1fr}.image-palette-card-swatch{min-height:128px}.image-palette-role-body{grid-template-columns:1fr}.image-palette-role-legend{grid-template-columns:1fr 1fr}.image-palette-role-preview .palette-role-inspector-panel dl,.image-palette-role-checks li{grid-template-columns:1fr}.image-palette-role-checks strong{text-align:left}.image-palette-role-recovery>div{flex-direction:column;align-items:stretch}.image-palette-strip{min-height:88px}.image-palette-strip span{min-width:92px;min-height:88px}.image-eye-canvas-status,.image-eye-sample-toolbar,.image-palette-canvas-status{flex-direction:column;align-items:stretch}.image-eye-canvas-status .score-pill,.image-eye-canvas-status .image-eye-pin-current,.image-eye-sample-toolbar .small-button,.image-palette-canvas-status .score-pill{width:100%}.image-eye-canvas-status #imageEyeImageMeta{margin-inline-start:0}.local-workspace-card-grid,.local-workspace-color-list,.local-workspace-summary,.local-workspace-settings{grid-template-columns:1fr}.local-workspace-section-head{flex-direction:column;align-items:stretch}.local-workspace-pagination,.local-workspace-pagination div{justify-content:flex-start}.local-workspace-import-totals,.local-workspace-import-summary-head,.local-workspace-import-summary-row{grid-template-columns:1fr}.local-workspace-import-summary-head{display:none}.local-workspace-import-summary-row{gap:4px}.local-workspace-import-summary-row span:before{color:var(--muted);font-weight:700}.local-workspace-import-summary-row span:first-of-type:before{content:"Added: "}.local-workspace-import-summary-row span:nth-of-type(2):before{content:"Already here: "}.local-workspace-import-summary-row span:nth-of-type(3):before{content:"Not added: "}.local-workspace-actions .button,.local-workspace-dialog-actions .small-button,.privacy-dialog-actions .small-button,.privacy-banner-actions .small-button{width:100%}.privacy-banner{grid-template-columns:1fr;align-items:stretch;width:calc(100% - 28px);max-height:calc(100svh - 28px);inset-block-end:14px;inset-inline:14px;overflow-y:auto}.privacy-banner-actions{min-width:0}.privacy-dialog-head{flex-direction:column;align-items:flex-start}.privacy-dialog-head .tool-share-close{align-self:flex-start}.privacy-choice-card{grid-template-columns:1fr;align-items:start}.local-workspace-hero{padding-block:46px 34px}.local-workspace-hero-with-image:before{background:linear-gradient(#fbfaf5fa 0%,#fbfaf5f0 64%,#fbfaf5b8 100%)}.local-workspace-hero-picture{display:none}.local-workspace-hero-picture img{opacity:.62;object-position:68% center}.local-workspace-hero h1{font-size:2.35rem}.shell{width:min(calc(100% - var(--gutter-page) - var(--gutter-page)), var(--shell))}.hero:after{background:linear-gradient(#fbfaf514,#fbfaf5b8),radial-gradient(circle at 24% 28%,#ffffffb8,#0000 42%)}.hero:before{background-image:linear-gradient(#fbfaf5bd 0%,#fbfaf5db 38%,#fbfaf5f5 72%,#fbfaf5 100%);background-position:50%;background-size:cover}.home-hero-picture img{object-position:61% top}.home-hero-picture{display:none}.brand-lockup img{width:148px}.palette-lock-grid,.palette-mini-actions,.palette-copy-actions,.css-copy-actions,.named-color-copy-actions,.glossary-copy-actions,.model-copy-actions,.gamut-copy-actions,.difference-copy-actions,.mixer-copy-actions,.mixer-mode-card-actions,.opacity-copy-actions,.temperature-copy-actions,.temperature-variant-actions,.chroma-copy-actions,.chroma-variant-actions,.ladder-copy-actions,.ladder-step-actions,.gradient-palette-copy-actions,.gradient-palette-card-actions,.gradient-palette-add-row,.gradient-palette-paste-actions,.gradient-palette-color-chip,.gradient-palette-stop-tools,.cvd-copy-actions,.cvd-card-actions,.cvd-add-row,.cvd-paste-actions,.cvd-palette-chip,.pair-copy-actions,.pair-card-actions,.pair-add-row,.pair-paste-actions,.pair-palette-chip,.focus-copy-actions,.focus-control-actions,.link-copy-actions,.link-control-actions,.image-eye-copy-actions,.image-eye-control-actions,.image-eye-sample-actions,.image-palette-copy-actions,.image-palette-card-actions,.duotone-header-actions,.duotone-color-controls,.duotone-copy-actions,.text-color-copy-actions,.harmony-copy-actions,.scale-copy-actions,.gradient-copy-actions,.gradient-add-row,.gradient-paste-actions,.gradient-color-chip,.palette-role-actions{grid-template-columns:1fr}.difference-specimen{grid-template-rows:repeat(2,minmax(132px,auto)) auto;grid-template-columns:1fr}.difference-specimen-swatch{min-height:132px}.mixer-specimen{grid-template-columns:1fr}.mixer-specimen-swatch{min-height:132px}.mixer-specimen-result{box-shadow:inset 0 1px color-mix(in srgb, currentColor 20%, transparent), inset 0 -1px color-mix(in srgb, currentColor 20%, transparent)}.mixer-range-row{grid-template-columns:1fr}.mixer-range-row output{justify-self:stretch}.opacity-specimen-background{grid-template-columns:1fr}.opacity-specimen-base,.opacity-specimen-overlay,.opacity-specimen-source{min-height:132px}.opacity-specimen-overlay{border-block:1px solid color-mix(in srgb, currentColor 22%, transparent);border-inline:0}.opacity-range-row{grid-template-columns:1fr}.opacity-range-row output{justify-self:stretch}.temperature-specimen{grid-template-columns:1fr}.temperature-specimen-swatch{min-height:132px}.temperature-specimen-result{box-shadow:inset 0 1px color-mix(in srgb, currentColor 22%, transparent)}.temperature-range-row{grid-template-columns:1fr}.temperature-range-row output{justify-self:stretch}.chroma-specimen{grid-template-columns:1fr}.chroma-specimen-swatch{min-height:132px}.chroma-specimen-result{box-shadow:inset 0 1px color-mix(in srgb, currentColor 22%, transparent)}.chroma-range-row{grid-template-columns:1fr}.chroma-range-row output{justify-self:stretch}.ladder-specimen{grid-template-columns:1fr}.ladder-specimen-swatch{min-height:132px}.gradient-palette-range-row{grid-template-columns:1fr}.gradient-palette-range-row output{justify-self:stretch}.duotone-range-row{grid-template-columns:1fr}.duotone-range-row output{justify-self:stretch}.duotone-tone-strip{grid-template-columns:1fr}.gradient-palette-preview{min-height:220px}.cvd-card{grid-template-rows:auto 1fr}.cvd-card-swatches{grid-template-columns:1fr}.cvd-card-swatch{min-height:116px}.cvd-card-swatch+.cvd-card-swatch{box-shadow:inset 0 1px color-mix(in srgb, currentColor 24%, transparent)}.cvd-add-button,.cvd-palette-chip button{width:100%}.cvd-palette-chip-swatch{min-height:44px}.pair-card{grid-template-rows:auto 1fr}.pair-card-swatch{min-height:116px}.pair-add-button,.pair-palette-chip button{width:100%}.pair-palette-chip-swatch{min-height:44px}.pair-specimen-card strong{font-size:clamp(1.65rem,11vw,2.55rem)}.focus-range-row{grid-template-columns:1fr}.focus-range-row output{justify-self:stretch}.focus-specimen-surface{min-height:260px;padding:18px}.focus-state-preview{min-height:150px;padding:30px}.focus-specimen-caption strong{font-size:clamp(2rem,13vw,3.2rem)}.link-preview-surface{min-height:260px;padding:18px}.link-preview-copy p{font-size:clamp(1.1rem,6vw,1.48rem)}.link-preview-states a{min-height:44px}.gradient-add-button,.gradient-color-chip button{width:100%}.gradient-color-chip-swatch{min-height:44px}.gradient-palette-add-button,.gradient-palette-stop-tools .small-button,.gradient-palette-color-chip button{width:100%}.gradient-palette-color-chip-swatch{min-height:44px}.palette-style-trigger{grid-template-columns:minmax(0,1fr);padding-inline-end:42px}.palette-style-trigger-preview{width:min(100%,180px)}.palette-style-panel{width:var(--style-panel-width,calc(100vw - 28px));max-height:var(--style-panel-max-height,72svh);border-radius:20px;position:fixed;inset-block-start:var(--style-panel-top,14px);inset-block-end:auto;inset-inline-start:var(--style-panel-left,14px);inset-inline-end:auto}.palette-style-grid,.palette-style-option{grid-template-columns:1fr}.palette-style-option-preview{width:min(100%,180px)}.palette-section-header{flex-direction:column;align-items:stretch}.palette-preview-strip{min-height:260px}.hero-content{padding-block:52px 38px}.hero h1{font-size:3.15rem}.hero-subtitle{font-size:1.28rem}.hero-copy{font-size:1rem}.format-list,.metadata-grid,.contrast-results,.converter-format-chip-grid,.converter-copy-actions,.system-metrics,.error-meta,.copy-card-grid,.stage-picker-grid,.picker-preset-strip,.contrast-preset-strip,.picker-format-chip-grid,.palette-lock-grid,.stage2-comparison-card,.tool-index-summary,.tool-card-grid,.tool-link-panel,.error-action-grid{grid-template-columns:1fr}.tool-hero{padding-block:34px 26px}.tool-hero-with-image:before{background:linear-gradient(#fbfaf5f5 0%,#fbfaf5d1 42%,#fbfaf557 100%)}.tool-index-hero-with-image:before{background:linear-gradient(#fbfaf5f5 0%,#fbfaf5d6 42%,#fbfaf557 100%)}.guide-hero{padding-block:52px 38px}.guide-hero-with-image:before{background:linear-gradient(#fbfaf5f2 0%,#fbfaf5d1 36%,#fbfaf547 100%)}.tool-hero-picture img,.tool-index-hero-picture img{object-position:72% bottom}.guide-hero-picture img{object-position:78% bottom}.tool-hero h1{font-size:2.2rem}.error-code-display{font-size:4.2rem}.guide-hero h1{font-size:2.45rem}.tool-hero p:not(.eyebrow),.guide-hero p:not(.eyebrow){font-size:1rem}.pro-picker-swatch .picker-swatch-facts span{max-inline-size:min(100%,16rem)}.blog-post-page .blog-related-panel{padding-inline:16.5px}.error-code-panel{padding-inline:14px}.tool-hero .hero-actions,.guide-hero .hero-actions{margin-block-start:12px}.tool-link-panel{display:none}.stage-swatch-large,.gradient-preview,.text-color-preview{min-height:220px}.gradient-stop-grid{grid-template-columns:1fr}.suggestion-item{grid-template-columns:36px minmax(0,1fr)}.suggestion-item button{grid-column:2;width:max-content}.guide-section h2,.guide-aside h2,.tool-notes h2{font-size:1.55rem}.guide-section.guide-answer-box{padding:22px 16px 16px}.guide-card-grid{grid-template-columns:1fr}.tool-methodology h2{font-size:1.55rem}.guide-table{min-width:560px}.signature-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-block-start:24px}.hero-facts div{min-height:68px;padding:10px}.hero-facts dt{font-size:1.25rem}.hero-facts dd{font-size:.74rem;line-height:1.2}.section{padding-block:var(--space-section)}.section-heading h2,.library-grid h2{font-size:2.05rem}.tool-panel{padding:var(--panel-padding,var(--space-panel))}.input-row{gap:var(--space-form-label);grid-template-columns:1fr}.seed-visual-row{grid-template-columns:1fr}.field-note,.field-error{margin-inline-start:0}.palette-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch{min-height:88px}.preview-work-area{grid-template-columns:1fr}.preview-spectrum{min-height:210px}.waitlist-row,.name-row,.seed-demo dl,.demo-copy-row,.signature-palette{grid-template-columns:1fr}.system-card-top,.system-seed-row{display:grid}.footer-grid{gap:28px}.footer-nav{grid-template-columns:1fr;gap:24px}.footer-links a,.footer-links button{min-height:48px}.footer-links-site{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}@media (width<=520px){.brand-lockup img{width:150px}}.picker-workflow-strip{border-radius:var(--radius);background:#ffffffe6;border:1px solid #10212b1f;margin-block:0 16px;box-shadow:0 8px 24px #10212b0f}.picker-workflow-strip ol{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.picker-workflow-strip li{min-width:0;padding:12px 14px;position:relative}.picker-workflow-strip li+li{border-inline-start:1px solid #10212b1a}.picker-workflow-strip strong,.picker-workflow-strip span{display:block}.picker-workflow-strip strong{color:var(--ink);font-size:.78rem;font-weight:700}.picker-workflow-strip span{color:var(--muted);margin-block-start:2px;font-size:.7rem;font-weight:700}.picker-history-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.picker-task-label{color:var(--ink);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 12px;font-size:.76rem;font-weight:700;display:flex}.picker-task-label>span{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;display:inline-grid}.picker-intent-fields{border:0;border-block-start:1px solid #10212b1f;gap:0;margin:12px 0 0;padding:16px 0 0;display:grid}.picker-intent-fields legend:not(.sr-only){width:100%;padding:0}.picker-intent-fields legend:not(.sr-only) .picker-task-label{margin-block-end:12px}.color-decision-workbench .input-row>.field-note{margin:-4px 0 2px}.color-decision-workbench .input-row>input,.color-decision-workbench .input-row>select,.color-decision-workbench .input-row>.color-input-combo>input,.color-decision-workbench .native-color-picker-shell,.picker-color-canvas .range-control input[type=range]{min-height:var(--hc-control-target)}.picker-intent-fields .input-row[hidden]{display:none}@media (width>=961px){.color-decision-workbench .input-row>.field-note{grid-column:2}}.picker-advanced-panel{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;margin-block-start:12px}.picker-advanced-panel>summary{min-height:48px;color:var(--ink);cursor:pointer;align-items:center;padding:0 12px;font-weight:700;display:flex}.picker-advanced-panel[open]>summary{border-block-end:1px solid #10212b1a}.picker-advanced-panel>:not(summary){margin-inline:12px}.picker-advanced-panel>:last-child{margin-block-end:12px}.picker-advanced-panel>.picker-disclosure-content{gap:12px;margin:0;padding:16px;display:grid}.picker-disclosure-content>:first-child,.picker-disclosure-content>:last-child{margin-block:0}.picker-context-matrix{grid-template-columns:1fr;margin-block:12px}.picker-context-card[data-status=pass]{border-color:#2f855a6b;box-shadow:inset 0 0 0 1px #2f855a1a}.picker-context-card[data-status=fail]{border-color:#b53c3873;box-shadow:inset 0 0 0 1px #b53c381a}.picker-production-preview,.picker-repair-panel{border-radius:var(--radius);background:#fff;border:1px solid #10212b1f;padding:14px}.picker-production-preview h4,.picker-repair-panel h4{margin:2px 0 12px}.picker-component-samples{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:10px;display:grid}.picker-component-samples .visual-button-specimen,.picker-component-samples a,.picker-sample-badge{border:2px solid var(--picker-action);border-radius:var(--radius);background:var(--picker-action);min-height:44px;color:var(--picker-action-text);justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.picker-component-samples .visual-button-specimen{padding-block:8px;padding-inline:var(--hc-control-padding-inline)}.picker-component-samples a:hover{border-color:var(--picker-action-hover);background:var(--picker-action-hover)}.picker-component-samples a:active{border-color:var(--picker-action-active);background:var(--picker-action-active)}.picker-component-samples :focus-visible{outline:3px solid var(--picker-action);outline-offset:3px}.picker-component-samples label,.picker-component-samples .picker-sample-card{color:var(--ink);gap:5px;font-size:.78rem;font-weight:700;display:grid}.picker-component-samples input{border:2px solid var(--picker-action);border-radius:var(--radius);min-width:0;min-height:44px;padding-inline:10px}.picker-component-samples .picker-sample-card{border-inline-start:6px solid var(--picker-action);border-radius:var(--radius);background:#f8f7f1;padding:12px}.picker-state-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-block-start:12px;display:grid}.picker-state-grid>div{min-width:0;color:var(--muted);text-transform:capitalize;gap:4px;font-size:.66rem;display:grid}.picker-state-grid span{background:var(--state-color);border:1px solid #10212b2e;border-radius:8px;min-height:34px}.picker-state-grid code{overflow-wrap:anywhere;min-width:0}.picker-state-grid input{width:100%;min-width:0;font:var(--font-weight-technical-inline) .72rem/1.2 var(--font-code);text-transform:none;padding:6px}.picker-state-grid small{text-transform:none}.picker-repair-panel{margin-block-start:12px}.picker-fix-preview:not([hidden]){gap:10px;margin-block-start:12px;display:grid}.picker-repair-candidate{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;grid-template-columns:74px minmax(0,1fr);gap:12px;padding:12px;display:grid}.picker-repair-candidate h5,.picker-repair-candidate p,.picker-repair-candidate ul{margin:4px 0}.picker-repair-candidate p,.picker-repair-candidate li{font-size:.78rem;line-height:1.45}.picker-repair-candidate button{min-height:44px;margin:8px 6px 0 0}.picker-repair-swatch{border-radius:var(--radius);background:linear-gradient(180deg, var(--repair-before) 0 50%, var(--repair-after) 50% 100%);border:1px solid #10212b2e;min-height:112px}.picker-alias-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.picker-primary-decision{border:1px solid #10212b24;border-radius:var(--radius);background:#f8f7f1;border-inline-start:6px solid #61707a;gap:7px;padding:14px;display:grid}.picker-primary-decision[data-status=pass]{background:#effaf4;border-inline-start-color:#2f855a}.picker-primary-decision[data-status=fail]{background:#fff1f0;border-inline-start-color:#b53c38}.picker-primary-decision[data-status=review],.picker-primary-decision[data-status=incomplete]{background:#fff8df;border-inline-start-color:#a56b00}.picker-primary-decision[data-status=not-applicable]{background:#f0f3f4;border-inline-start-color:#52636d}.picker-primary-decision-status{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.picker-primary-decision-status span{letter-spacing:.04em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:700}.picker-primary-decision-status small{color:#394b55;font-weight:700}.picker-primary-decision h5,.picker-primary-decision p{margin:0}.picker-primary-decision h5{color:var(--ink);font-size:1rem;line-height:1.25}.picker-primary-decision p{color:#394b55;font-size:.8rem;font-weight:700;line-height:1.42}.picker-primary-decision-evidence{color:var(--ink)!important;font-size:.92rem!important;font-weight:700!important}.picker-primary-decision-scope,.picker-primary-decision-next{border-block-start:1px solid #10212b1a;padding-block-start:6px}.picker-repair-heading>div{gap:5px;min-width:0;display:grid}.picker-repair-scope{max-width:42rem;color:#52636d;min-block-size:2.8em;margin:0;font-size:.76rem;font-weight:700;line-height:1.4}.picker-context-heading{color:var(--ink);margin:8px 0 0}.picker-context-aggregate{color:#394b55;margin:0;font-size:.78rem;font-weight:700}.picker-context-table-shell{border-radius:var(--radius);overscroll-behavior-inline:contain;background:#fff;border:1px solid #10212b21;max-width:100%;overflow-x:auto}.picker-context-table-shell:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.picker-context-table{border-collapse:collapse;width:100%;min-width:510px;color:var(--ink);font-size:.76rem}.picker-context-table caption{color:#394b55;text-align:start;padding:10px 12px;font-weight:700}.picker-context-table th,.picker-context-table td{text-align:start;vertical-align:top;border-block-start:1px solid #10212b1a;border-inline-end:1px solid #10212b14}.picker-context-table th{background:#f8f7f1;min-width:130px;padding:10px;font-weight:700}.picker-context-table td{min-width:155px;padding:0}.picker-context-table td>button{width:100%;min-height:88px;color:var(--ink);text-align:start;background:#fff;border:0;border-radius:0;align-content:center;justify-items:start;gap:4px;padding:10px;display:grid}.picker-context-table td[data-status=pass]>button{background:#effaf4}.picker-context-table td[data-status=fail]>button{background:#fff1f0}.picker-context-table td[data-status=review]>button,.picker-context-table td[data-status=incomplete]>button{background:#fff8df}.picker-context-table td[data-status=not-applicable]>button{background:#f0f3f4}.picker-context-table td>button span{letter-spacing:.03em;text-transform:uppercase;font-size:.68rem;font-weight:700}.picker-context-table td>button strong{font-size:.92rem}.picker-context-table td>button small{color:#52636d;font-weight:700}.picker-context-detail{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;gap:7px;padding:12px;display:grid}.picker-context-detail h5,.picker-context-detail p{margin:0}.picker-context-detail dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;display:grid}.picker-context-detail dl>div{gap:2px;min-width:0;display:grid}.picker-context-detail dt{color:#61707a;text-transform:uppercase;font-size:.68rem;font-weight:700}.picker-context-detail dd{overflow-wrap:anywhere;color:var(--ink);margin:0;font-size:.78rem;font-weight:700}.picker-pair-preview[hidden]{display:none}.picker-data-series-editor{border-radius:var(--radius);background:#f8f7f1;border:1px solid #10212b1f;gap:8px;margin-block-end:12px;padding:12px;display:grid}.picker-data-series-editor[hidden]{display:none}#pickerDataSeriesList{gap:6px;display:grid}.picker-data-series-row{grid-template-columns:24px minmax(100px,1fr) repeat(3,auto);align-items:center;gap:6px;display:grid}.picker-data-series-row button{min-width:44px;min-height:44px;padding-inline:8px}.picker-data-series-swatch{background:var(--series-color);border:1px solid #10212b3d;border-radius:6px;width:22px;height:22px}.picker-data-series-add{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.picker-data-series-add label{grid-column:1/-1;font-size:.76rem;font-weight:700}.picker-primary-export-actions{flex-wrap:wrap;gap:8px;margin-block:-2px 12px;display:flex}.picker-primary-export-actions button{min-height:44px}.picker-more-exports{border-radius:var(--radius);border:1px solid #10212b1f;margin-block-end:12px}.picker-more-exports>summary{min-height:44px;color:var(--ink);cursor:pointer;align-items:center;padding-inline:10px;font-weight:700;display:flex}.picker-more-exports .picker-export-actions{margin:0;padding:0 10px 10px}@container picker-decision (width>=31rem){.picker-pair-preview{grid-template-columns:minmax(190px,.78fr) minmax(250px,1.22fr)}}@media (width<=980px){.picker-workflow-strip ol{grid-template-columns:1fr}.picker-workflow-strip li{grid-template-columns:minmax(130px,.45fr) 1fr;gap:8px;display:grid}.picker-workflow-strip li+li{border-block-start:1px solid #10212b1a;border-inline-start:0}}@media (width<=600px){.picker-repair-heading{grid-template-columns:minmax(0,1fr);align-items:stretch}.picker-history-actions,.picker-component-samples,.picker-context-matrix,.picker-alias-controls{grid-template-columns:1fr}.picker-history-actions{width:100%;display:grid}.picker-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-repair-candidate{grid-template-columns:1fr}.picker-repair-swatch{min-height:72px}.picker-context-detail dl,.picker-data-series-add,.picker-data-series-row{grid-template-columns:1fr}.picker-data-series-row{border-block-end:1px solid #10212b1a;padding-block-end:8px}.picker-data-series-row button{width:100%}.picker-data-series-swatch{width:44px;height:44px}}@media (forced-colors:active){.picker-task-label>span,.picker-component-samples .visual-button-specimen,.picker-component-samples a,.picker-sample-badge,.picker-state-grid span,.picker-repair-swatch{forced-color-adjust:auto;border:2px solid canvastext}.picker-context-card[data-status=pass],.picker-context-card[data-status=fail],.picker-primary-decision,.picker-context-table-shell,.picker-context-table th,.picker-context-table td,.picker-context-table td>button,.picker-context-detail{color:canvastext;background:canvas;border:2px solid canvastext}}.color-picker-utility-section{padding-block:24px 72px}.section-heading.compact.color-picker-workspace-heading,.section-heading.compact.tool-workspace-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px 24px;max-width:none;margin-block-end:16px;display:grid}.color-picker-workspace-heading h2{max-width:900px;font-size:clamp(1.55rem,3vw,2.05rem)}.color-picker-workspace-heading p:not(.eyebrow){max-width:900px;margin-block-start:8px;font-size:.96rem}.color-picker-workspace-heading .workspace-share-actions,.tool-workspace-heading .workspace-share-actions{align-self:center}.color-picker-workspace-heading .workspace-share-menu,.tool-workspace-heading .workspace-share-menu{grid-column:2;align-self:center;min-width:190px}.color-picker-workspace-heading .workspace-share-menu>summary,.tool-workspace-heading .workspace-share-menu>summary{border-radius:var(--radius);min-height:44px;color:var(--ink);background:#fff;border:1px solid #10212b2e;justify-content:center;align-items:center;padding:8px 14px;font-weight:700;display:flex}.color-picker-workspace-heading .workspace-share-menu[open]>summary,.tool-workspace-heading .workspace-share-menu[open]>summary{margin-block-end:8px}.color-picker-workspace-heading .workspace-share-content,.tool-workspace-heading .workspace-share-content{border-radius:var(--radius);background:#f8f7f1;padding:12px}.color-picker-workspace-heading .workspace-share-menu .workspace-share-actions,.tool-workspace-heading .workspace-share-menu .workspace-share-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.color-picker-workspace-heading .workspace-share-menu .local-workspace-note,.tool-workspace-heading .workspace-share-menu .local-workspace-note{text-align:start;max-width:260px;margin:7px 0 0;font-size:.74rem}.color-picker-workspace-heading .tool-runtime-status,.color-picker-workspace-heading noscript,.tool-workspace-heading .tool-runtime-status,.tool-workspace-heading noscript{grid-column:1/-1;margin-block-start:0}.color-picker-workspace-heading .local-workspace-note{text-align:end;grid-column:2;max-width:360px;margin-block-start:-4px;font-size:.78rem}.color-decision-workbench{grid-template-columns:minmax(0,1fr)}.picker-example-panel,.picker-more-constraints{border-radius:var(--radius);background:#fff;border:1px solid #10212b21}.picker-example-panel{margin-block-end:10px}.picker-example-panel>summary,.picker-more-constraints>summary{color:#314650;align-items:center;min-height:44px;padding:8px 12px;font-size:.86rem;font-weight:700;display:flex}.picker-example-panel[open]>summary,.picker-more-constraints[open]>summary{border-block-end:1px solid #10212b1c}.picker-example-panel .picker-preset-strip{margin:0;padding:10px}.color-decision-workbench .pro-picker-workspace{grid-template-columns:minmax(0,1fr)}.color-decision-workbench .pro-picker-controls{align-items:start;justify-content:initial;grid-template-columns:minmax(250px,.72fr) minmax(430px,1.28fr);gap:10px 16px;padding:12px;display:grid}.color-decision-workbench .pro-picker-controls>*{grid-column:1;min-width:0}.color-decision-workbench .input-row>.color-input-combo{width:100%}.color-decision-workbench .picker-intent-fields{gap:9px;margin:0;display:grid}.color-decision-workbench .picker-background-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.color-decision-workbench .picker-background-fields .input-row{grid-template-columns:minmax(0,1fr);align-content:start;gap:4px}.color-decision-workbench #pickerInputHelp{font-size:var(--font-size-helper);line-height:var(--line-height-helper);margin:2px 0 0}.color-decision-workbench .picker-intent-fields>legend:not(.sr-only){margin-block-end:4px}.picker-task-label-inline{margin:0;display:inline-flex}.picker-more-constraints{margin-block-start:3px}.picker-more-constraints>.input-row{margin-inline:10px}.picker-more-constraints>.input-row:first-of-type{margin-block-start:10px}.picker-more-constraints>.input-row:last-child{margin-block-end:10px}.color-decision-workbench .picker-decision-panel{grid-area:1/2/span 20;margin:0;padding:14px}.color-decision-workbench .pro-picker-preview{grid-template-columns:minmax(240px,.6fr) minmax(0,1.4fr);align-items:start;margin-block-start:4px}.color-decision-workbench .picker-production-preview{grid-area:1/2/span 2}.color-decision-workbench .picker-recommendation{grid-column:1}@media (width<=980px){.section-heading.compact.color-picker-workspace-heading,.section-heading.compact.tool-workspace-heading{grid-template-columns:minmax(0,1fr);align-items:start}.color-picker-workspace-heading .workspace-share-menu,.tool-workspace-heading .workspace-share-menu{grid-column:1;min-width:0}.color-picker-workspace-heading .local-workspace-note{text-align:start;grid-column:1;max-width:none;margin-block-start:0}}@media (width<=680px){.tool-hero-color-picker .eyebrow{display:none}.color-picker-utility-section{padding-block:6px 44px}.color-picker-workspace-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;margin-block-end:8px}.color-picker-workspace-heading h2{margin:0}.color-picker-workspace-heading .eyebrow,.color-picker-workspace-heading>div>p:not(.tool-runtime-status){display:none}.color-picker-workspace-heading .workspace-share-menu>summary{min-height:var(--hc-control-target);padding-inline:10px}.color-picker-workspace-heading .workspace-share-menu{grid-column:2}.color-decision-workbench .panel-header{margin-block-end:6px}.color-decision-workbench .panel-header .panel-kicker{display:none}.color-decision-workbench .panel-header h3{font-size:1rem}.color-decision-workbench .picker-history-actions{grid-template-columns:1fr 1fr;gap:6px;width:100%}.color-decision-workbench .picker-history-actions>*{width:auto;min-height:var(--hc-control-target);padding-inline:5px;font-size:.76rem}.color-decision-workbench #pickerInputHelp{display:none}.color-decision-workbench .picker-background-fields{grid-template-columns:minmax(0,1fr)}.color-decision-workbench .input-row>.color-input-combo{display:block;position:relative}.color-decision-workbench .input-row>.color-input-combo>input{width:100%;min-height:var(--hc-control-target);padding-inline-end:52px}.color-decision-workbench .input-row>.color-input-combo>.native-color-picker-shell{width:44px;min-height:var(--hc-control-target);padding:2px;position:absolute;inset-block:0;inset-inline-end:3px}.color-decision-workbench .pro-picker-preview{grid-template-columns:minmax(0,1fr)}}.tool-hero-color-picker{background:#fbfaf5;min-height:226px}.tool-hero-color-picker .tool-hero-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:0;min-height:165px}.tool-hero-color-picker .tool-hero-grid>div{width:min(56%,720px)}@media (width>1040px){.tool-hero-color-picker .tool-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(320px,.72fr);gap:38px}.tool-hero-color-picker .tool-hero-grid>div{width:auto}}.tool-hero-color-picker h1{max-width:720px}.tool-hero-color-picker p:not(.eyebrow){max-width:620px;margin-block-start:10px}.tool-page .stage1-main>#workspace.utility-section{padding-block-start:18px}.section-heading.compact.color-picker-workspace-heading{margin-block-end:12px}.color-picker-workspace-heading h2{font-size:clamp(1.45rem,2.5vw,1.9rem)}.color-picker-workspace-heading p:not(.eyebrow){margin-block-start:5px;font-size:.9rem}.color-decision-workbench .pro-picker-panel{padding:14px}.color-decision-workbench .pro-picker-controls{grid-template-columns:minmax(320px,.86fr) minmax(430px,1.14fr);gap:12px 16px;padding:12px}.picker-color-canvas{border-radius:var(--radius);background:linear-gradient(150deg,#4169e112,#06d6a00b 55%,#0000),#fff;border:1px solid #10212b26;gap:10px;min-width:0;padding:12px;display:grid}.picker-color-canvas-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.picker-color-canvas-heading h4{margin:3px 0 0;font-size:1.06rem}.picker-color-canvas-heading .small-button{min-height:var(--hc-control-target);padding-inline:10px}.picker-color-canvas-body{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch;gap:10px;min-width:0;display:grid}.picker-color-canvas-controls{align-content:start;gap:9px;min-width:0;display:grid}.picker-color-canvas .pro-picker-swatch{border:1px solid color-mix(in srgb, currentColor 26%, transparent);border-radius:var(--radius);height:auto;min-height:275px;max-height:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 9%, transparent);flex-direction:column;justify-content:flex-end;gap:4px;padding:18px;display:flex;overflow:hidden}.picker-color-canvas .pro-picker-swatch strong{font-size:clamp(1rem,15cqi,2.25rem)}.picker-color-canvas .picker-swatch-facts{margin-block-start:6px}.picker-color-canvas .input-row{grid-template-columns:minmax(96px,.38fr) minmax(0,1fr)}.picker-color-canvas .picker-color-value-row,.picker-color-canvas .picker-visual-input-row{grid-template-columns:minmax(0,1fr);align-content:start;gap:4px}.picker-color-canvas .picker-color-value-row>input{width:100%;min-height:44px}.picker-color-canvas .picker-color-value-row .field-note{grid-column:1;margin:-2px 0 0}.picker-color-canvas .picker-visual-input-row{align-items:stretch}.picker-color-canvas .picker-canvas-alpha-row{grid-template-columns:minmax(0,1fr);align-content:start;gap:4px}.picker-color-canvas .native-color-picker-shell{border-color:#10212b47;min-height:58px;padding:4px;width:100%!important}.picker-color-canvas .native-color-picker-preview{border-radius:calc(var(--radius) - 3px)}.picker-color-canvas .picker-alpha-control{min-width:0}.picker-color-canvas .picker-control-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;display:grid}.picker-color-canvas .picker-control-actions>*{min-width:0;min-height:var(--hc-control-target);text-align:center;justify-content:center}.picker-color-canvas .picker-support-note,.picker-color-canvas .field-error{margin:0}.color-decision-workbench .picker-intent-fields{border-radius:var(--radius);background:#fff;border:1px solid #10212b21;padding:12px}.color-decision-workbench .picker-intent-heading{margin-block-end:4px}.color-decision-workbench .picker-decision-panel{padding:12px}.color-decision-workbench .picker-primary-decision{gap:6px;padding:12px}.color-decision-workbench .picker-primary-decision h5{font-size:1.04rem}.color-decision-workbench .picker-primary-decision-scope,.color-decision-workbench .picker-primary-decision-next{display:none}.color-decision-workbench .picker-recommendation{background:0 0;border:0;gap:3px;padding:0 2px 2px;display:grid}.color-decision-workbench .picker-recommendation span,.color-decision-workbench .picker-recommendation strong{color:#394b55;margin:0;font-size:.78rem;line-height:1.4}.color-decision-workbench .picker-recommendation span{color:var(--ink);font-weight:700}.color-decision-workbench .picker-context-heading{margin-block:2px -2px}.color-decision-workbench .picker-context-table th,.color-decision-workbench .picker-context-table td{padding:5px}.color-decision-workbench .picker-context-table td>button{min-height:52px;padding:5px 6px}.picker-shared-evidence{border-radius:var(--radius);background:#fff;border:1px solid #10212b29;overflow:hidden}.picker-shared-evidence>summary{cursor:pointer;gap:0;padding:0;list-style:none;display:grid}.picker-shared-evidence>summary::-webkit-details-marker{display:none}.picker-shared-evidence .picker-pair-preview{border:0;border-radius:0}.picker-shared-evidence .picker-evidence-toggle-label{color:#314650;background:#f8f7f1;border-block-start:1px solid #10212b1f;justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:7px 11px;font-size:.78rem;font-weight:700;display:flex}.picker-shared-evidence .picker-evidence-toggle-label:after{content:"+";font-size:1rem}.picker-shared-evidence[open] .picker-evidence-toggle-label:after{content:"−"}.picker-shared-evidence .picker-context-detail{border:0;border-block-start:1px solid #10212b1f;border-radius:0}.color-decision-workbench .picker-production-preview{grid-area:auto;margin:0}@media (forced-colors:active){.picker-color-canvas,.picker-color-canvas .pro-picker-swatch,.picker-shared-evidence,.picker-shared-evidence .picker-pair-preview,.picker-shared-evidence .picker-context-detail{color:canvastext;background:canvas;border:2px solid canvastext}}@media (width<=1040px){.color-decision-workbench .pro-picker-controls{grid-template-columns:minmax(0,1fr)}.color-decision-workbench .picker-decision-panel{grid-area:auto/1}}@media (width<=680px){.tool-hero-color-picker{min-height:142px}.tool-hero-color-picker .tool-hero-grid{min-height:112px}.tool-hero-color-picker .tool-hero-grid>div{width:72%}.tool-hero-color-picker h1{max-width:none;margin:0;display:block}.tool-hero-color-picker .tool-promise{max-width:96%;margin-block-start:6px;display:block}.tool-page .stage1-main>#workspace.utility-section{padding-block-start:8px}.color-decision-workbench .pro-picker-panel{padding:10px}.color-decision-workbench .pro-picker-controls{gap:10px}.picker-color-canvas{padding:10px}.picker-color-canvas-body{grid-template-columns:minmax(0,1fr)}.picker-color-canvas .pro-picker-swatch{min-height:195px;padding:14px}.picker-color-canvas .input-row{grid-template-columns:minmax(0,1fr)}.picker-color-canvas .picker-color-value-row .field-note{grid-column:1}.picker-color-canvas .picker-control-actions{grid-template-columns:minmax(0,1fr)}.color-decision-workbench .picker-intent-fields{padding:10px}}.tool-page .utility-section{content-visibility:visible;contain-intrinsic-size:none}.tool-methodology,.tool-notes,.tool-reference,.tool-faq{content-visibility:auto;contain-intrinsic-block-size:auto 900px}:where(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea){padding-block:var(--hc-control-padding-block);padding-inline:var(--hc-control-padding-inline)}:where(button:not(.icon-button),.button,.small-button,[role=button]:not(.icon-button)){padding-block:8px;padding-inline:var(--hc-control-padding-inline)}:where(input[type=checkbox],input[type=radio]){block-size:1.25rem;inline-size:1.25rem;accent-color:var(--cyan);cursor:pointer;flex:none}:where(.toggle-row,.stage2-checkbox-row,.consent-row,label:has(>input[type=checkbox]),label:has(>input[type=radio])){align-items:center;gap:8px}:where(.nav-menu a,.guide-index a,.footer-links a,.workspace-launch-list a,.tool-link-panel a,.next-action-card,.color-reference-result-control){min-block-size:var(--hc-control-target)}:where(input[type=range]){inline-size:100%;accent-color:var(--cyan);cursor:pointer;touch-action:pan-y}button:disabled,button[aria-disabled=true],.button[aria-disabled=true],[role=button][aria-disabled=true],a[aria-disabled=true],:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea):disabled{border-color:var(--hc-a11y-control-border)!important;color:#394b55!important;cursor:not-allowed!important;filter:none!important;opacity:1!important;background:#eef0ed!important;transform:none!important}:where(input[type=checkbox],input[type=radio],input[type=range],input[type=color]):disabled,label:has(input:disabled){color:#52616a;cursor:not-allowed!important}button[aria-busy=true]{cursor:progress!important}:where(input:not([type=color]),textarea)[readonly]{cursor:text;border-style:dashed!important}input:not([type=color])[readonly]{color:#33414b!important;background:#f8f7f1!important}:where(input,select,textarea)[aria-invalid=true]{border:2px solid #a30f32!important}:where(input,select,textarea)[aria-invalid=true]:not(:focus-visible){box-shadow:0 0 0 2px #a30f3229!important}:where(.field-error,.contact-field-error,.form-status[data-state=error]):not(:empty){border-inline-start:4px solid;padding-inline-start:10px}:where(button,[role=button])[aria-pressed=true]{font-weight:700;box-shadow:inset 0 -3px}.toast{border:2px solid}.toast[data-state=error]{border-style:double;border-width:4px}@media (forced-colors:active){.guide-body :where(p,li) a:visited,.legal-page :where(p,li) a:visited,.blog-post-body :where(p,li) a:visited,.faq-list details p a:visited,.consent-row a:visited,.footer-credit a:visited{color:visitedtext}.converter-gamut-badge[data-status],.picker-pair-badge[data-status],.toast{border-color:canvastext!important}:where(button:not(:disabled):not([aria-disabled=true]),.button:not([aria-disabled=true]),.small-button:not([aria-disabled=true]),.icon-button:not([aria-disabled=true]),[role=button]:not([aria-disabled=true])):active{color:highlighttext!important;background:highlight!important;border-color:highlight!important}}:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:88px;--gutter-page:clamp(16px, calc(13px + .75vw), 24px);--shell-gutter-start:max(var(--gutter-page), env(safe-area-inset-left));--shell-gutter-end:max(var(--gutter-page), env(safe-area-inset-right));--site-header-height:calc(76px + env(safe-area-inset-top));--anchor-gap:12px;--space-section:clamp(var(--space-8), calc(45px + 4.8vw), var(--space-9));--space-panel:clamp(var(--space-4), calc(14px + .5vw), 18px);--space-card:var(--space-4);--space-callout:var(--space-4);--space-stack:var(--space-4);--space-cluster:var(--space-3);--space-grid:var(--space-5);--space-form-field:var(--space-4);--space-form-label:var(--space-2);--measure-content:var(--measure-prose,67ch);--measure-content-narrow:48ch;--measure-content-wide:82ch}html{scroll-padding-block-start:var(--site-header-height)}html [id]{scroll-margin-block-start:var(--anchor-gap)}.shell{width:min(calc(100% - var(--shell-gutter-start) - var(--shell-gutter-end)), var(--shell));max-width:100%;margin-inline-start:max(var(--shell-gutter-start), calc((100% - var(--shell)) / 2));margin-inline-end:max(var(--shell-gutter-end), calc((100% - var(--shell)) / 2))}.site-header{padding-block-start:env(safe-area-inset-top)}.skip-link{max-inline-size:calc(100vw - max(12px, env(safe-area-inset-left)) - max(12px, env(safe-area-inset-right)));overflow-wrap:anywhere;white-space:normal;inset-block-start:max(12px, env(safe-area-inset-top));inset-inline-start:max(12px, env(safe-area-inset-left))}.page-breadcrumbs,.page-breadcrumbs ol,.page-breadcrumbs li{min-width:0;max-width:100%}.page-breadcrumbs{padding-block:18px 0}.page-breadcrumbs.shell{max-width:100%}.page-breadcrumbs ol{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;font-size:.82rem;font-weight:700;line-height:1.35;list-style:none;display:flex}.page-breadcrumbs li+li:before{color:var(--muted);content:">";margin-inline-end:8px}.page-breadcrumbs a,.page-breadcrumbs [aria-current=page]{overflow-wrap:anywhere;white-space:normal;word-break:normal}.page-breadcrumbs a{color:inherit;text-underline-offset:.18em;font-weight:700;text-decoration-thickness:1px}.page-breadcrumbs [aria-current=page]{color:var(--ink)}.page-breadcrumbs--hero{z-index:3;position:absolute;inset-block-start:0;inset-inline:0}.page-breadcrumb-content{padding-block:34px var(--space-section)}.section:not(.color-picker-utility-section){padding-block:var(--space-section)}.nav{gap:var(--space-5)}.nav-actions{gap:var(--space-4);grid-template-columns:minmax(180px,1fr) minmax(386.25px,max-content)}.nav-menu{flex-wrap:wrap;justify-content:flex-end;min-width:0;max-width:100%}.nav-menu a{overflow-wrap:anywhere;white-space:normal;min-width:0;max-width:100%;line-height:1.25}.brand-lockup{gap:var(--space-2);min-width:0;max-width:100%}.site-footer{padding-block-end:max(28px, env(safe-area-inset-bottom))}.site-search-overlay{--search-overlay-top:max(clamp(18px, 7svh, 72px), env(safe-area-inset-top));--search-overlay-right:max(18px, env(safe-area-inset-right));--search-overlay-bottom:max(18px, env(safe-area-inset-bottom));--search-overlay-left:max(18px, env(safe-area-inset-left));padding:var(--search-overlay-top) var(--search-overlay-right) var(--search-overlay-bottom) var(--search-overlay-left)}.site-search-dialog{max-height:min(780px, calc(100svh - var(--search-overlay-top) - var(--search-overlay-bottom)));max-height:min(780px, calc(100dvh - var(--search-overlay-top) - var(--search-overlay-bottom)))}html:not(.js-enabled) .site-search-trigger{display:none}html:not(.js-enabled) .site-header{position:static}.stack,.cluster,.grid,.form-fields,.form-field,.measure{min-width:0}.stack{gap:var(--stack-space,var(--space-stack));flex-direction:column;display:flex}.cluster{align-items:var(--cluster-align,center);justify-content:var(--cluster-justify,flex-start);gap:var(--cluster-space,var(--space-cluster));flex-wrap:wrap;display:flex}.grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--grid-min,16rem)), 1fr));gap:var(--grid-space,var(--space-grid));display:grid}.stack>*,.cluster>*,.grid>*,.form-fields>*,.form-field>*,.tool-grid>*,.panel-header>*,.panel-actions>*,.input-row>*,.hero-content>*,.tool-hero-grid>*,.tool-index-hero-grid>*,.guide-hero-grid>*,.guide-layout>*,.guide-card-grid>*,.feature-grid>*,.next-action-list>*,.tool-starter-heading>*,.tool-starter-grid>*,.footer-grid>*,.footer-nav>*,.color-reference-hero-grid>*,.color-reference-section-head>*,.color-reference-subgrid>*,.role-guidance-list>*{min-width:0}.measure{width:100%;max-width:var(--measure,var(--measure-content))}.measure-narrow{--measure:var(--measure-content-narrow)}.measure-wide{--measure:var(--measure-content-wide)}.form-fields{gap:var(--form-field-gap,var(--space-form-field));display:grid}.form-field{gap:var(--form-label-gap,var(--space-form-label));display:grid}.panel,.card,.callout,.tool-panel,.guide-index,.guide-mini-card,.tool-index-card,.feature-card,.workspace-flow a,.workspace-recommendation,.tool-link-panel,.guide-source-list a,.guide-definition,.guide-note,.next-action-card,.tool-instructions{min-width:0}.panel,.tool-panel{padding:var(--panel-padding,var(--space-panel))}.card,.guide-index,.guide-mini-card,.tool-index-card,.feature-card,.next-action-card,.workspace-flow a,.workspace-recommendation,.tool-link-panel,.guide-source-list a{padding:var(--card-padding,var(--space-card))}.callout,.guide-definition,.guide-note,.launch-note{padding:var(--callout-padding,var(--space-callout))}.code-panel,.panel,.card,.callout,.tool-panel,.guide-definition,.guide-note,.tool-instructions,.next-action-card,.guide-hero{overflow:visible}@media (height<=620px){.site-search-overlay{--search-overlay-top:max(8px, env(safe-area-inset-top));--search-overlay-bottom:max(8px, env(safe-area-inset-bottom))}.site-search-dialog{max-height:calc(100svh - var(--search-overlay-top) - var(--search-overlay-bottom));max-height:calc(100dvh - var(--search-overlay-top) - var(--search-overlay-bottom))}}@media (width<=760px){.page-breadcrumbs--hero{position:relative;inset:auto}.tool-hero.tool-hero-with-image,.tool-index-hero.tool-index-hero-with-image,.guide-hero.guide-hero-with-image,.colors-hub-hero.colors-hub-hero-with-image,.local-workspace-hero.local-workspace-hero-with-image{grid-template-rows:auto minmax(0,1fr);align-items:stretch;padding-block-start:0;display:grid}.page-breadcrumbs--hero+.tool-hero-grid,.page-breadcrumbs--hero+.tool-index-hero-grid,.page-breadcrumbs--hero+.guide-hero-grid,.page-breadcrumbs--hero+.colors-hub-hero-grid,.page-breadcrumbs--hero+.local-workspace-hero-grid{align-self:center;margin-block-start:18px}}@media (width<=960px){.brand-lockup{flex:auto}.brand-wordmark{white-space:normal;flex-wrap:wrap;flex:auto;min-width:0;max-width:100%}.brand-wordmark-hue,.brand-wordmark-codex{white-space:nowrap}.nav{gap:var(--space-2)}.nav-actions{gap:var(--space-2);inline-size:104px}.nav-menu{inset:var(--site-header-height) 0 auto;width:100%;height:max(0px, calc(100vh - var(--site-header-height)));height:max(0px, calc(100dvh - var(--site-header-height)));min-height:0;max-height:max(0px, calc(100dvh - var(--site-header-height)));padding-block:18px max(18px, env(safe-area-inset-bottom));padding-inline:max(20px, calc(env(safe-area-inset-left) + 12px)) max(20px, calc(env(safe-area-inset-right) + 12px));overscroll-behavior:contain;border:0;background:var(--paper);box-shadow:none;border-block-start:1px solid #10212b1f;border-radius:0;flex-flow:column;justify-content:flex-start;align-items:stretch;gap:0;display:flex;position:fixed;overflow-y:auto}.js-enabled .nav-menu{display:none}.js-enabled body.nav-open .nav-menu{display:flex}.nav-menu a{overflow-wrap:anywhere;text-align:center;white-space:normal;flex:none;justify-content:center;width:100%;min-width:0;min-height:54px;padding:12px;line-height:1.25}.site-search-overlay{--search-overlay-top:max(10px, env(safe-area-inset-top));--search-overlay-right:max(10px, env(safe-area-inset-right));--search-overlay-bottom:max(10px, env(safe-area-inset-bottom));--search-overlay-left:max(10px, env(safe-area-inset-left))}.site-search-dialog{max-height:calc(100svh - var(--search-overlay-top) - var(--search-overlay-bottom));max-height:calc(100dvh - var(--search-overlay-top) - var(--search-overlay-bottom))}html:not(.js-enabled) .nav{flex-wrap:wrap;padding-block:8px}html:not(.js-enabled) .nav-actions{display:contents}html:not(.js-enabled) .nav-toggle{display:none}html:not(.js-enabled) .nav-menu{width:100%;height:auto;max-height:none;padding:8px 0 12px;position:static;inset:auto;overflow:visible}}.panel-header{gap:var(--space-4);flex-wrap:wrap}.panel-actions{gap:var(--space-2)}.input-row{column-gap:var(--space-3);row-gap:var(--space-form-label);margin-block-end:var(--space-3)}.stacked-label,.waitlist-form label,.contact-field label,.contact-reason-panel legend{margin-block-end:var(--space-form-label)}.name-row,.waitlist-row{gap:var(--space-3)}.name-row{margin-block-end:var(--space-3)}.contact-grid{gap:var(--space-form-field)}.field-help,.contact-field-error{margin-block-start:var(--space-form-label)}.local-workspace-field{gap:var(--space-form-label)}.tool-starter-heading{flex-wrap:wrap}.tool-starter-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--grid-min,10rem)), 1fr));gap:var(--space-3)}.site-footer.site-footer{content-visibility:visible;contain-intrinsic-size:none;overflow:visible}.footer-local-note{padding:var(--callout-padding,var(--space-callout))}.footer-nav{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--grid-min,10rem)), 1fr))}.footer-links a,.footer-links button{padding:var(--space-2) var(--space-3);overflow-wrap:anywhere;white-space:normal;word-break:normal}.guide-table-wrap,.methodology-trust-table-wrap,.methodology-coverage-table-wrap,.data-table-wrap{overscroll-behavior-inline:contain;width:100%;min-width:0;max-width:100%;overflow:auto visible}.data-table-wrap th,.data-table-wrap td{overflow-wrap:normal;word-break:normal;hyphens:manual}.swatch{overflow-wrap:anywhere;white-space:normal;word-break:normal;min-width:0;max-width:100%;overflow:visible}.swatch strong,.swatch span,.swatch small{min-width:0;max-width:100%}.swatch small{justify-self:start;width:fit-content}.guide-index a{overflow-wrap:anywhere;white-space:normal;word-break:normal;min-width:0;max-width:100%}.color-reference-section-head,.color-reference-subgrid,.role-guidance-list,.reference-panel,.color-reference-swatch,.color-reference-swatch>div,.color-reference-swatch span,.color-reference-swatch small{min-width:0;max-width:100%}.color-reference-swatch span,.color-reference-swatch small{overflow-wrap:anywhere;white-space:normal;word-break:normal}.reference-scale,.reference-scale-step{min-width:0;max-width:100%}.reference-scale-step{gap:var(--space-2);flex-wrap:wrap}.reference-scale-step>*{min-width:0;max-width:100%}.reference-scale-step span{overflow-wrap:anywhere;flex:0 auto;width:auto;min-width:min(40px,100%)}.reference-scale-step strong{overflow-wrap:anywhere}.reference-scale-step small{overflow-wrap:anywhere;white-space:normal;max-width:100%;padding-inline:6px}.harmony-layout,.harmony-groups,.harmony-group,.harmony-swatch-row,.harmony-swatch,.harmony-preview,.harmony-layout>*,.harmony-groups>*,.harmony-swatch-row>*,.harmony-preview>*{min-width:0;max-width:100%}.harmony-swatch span,.harmony-swatch strong,.harmony-swatch small,.harmony-preview h3,.harmony-preview p{overflow-wrap:anywhere;white-space:normal;word-break:normal;max-width:100%}.color-reference-section-head h2,.color-reference-section-head p,.reference-panel{overflow-wrap:anywhere;word-break:normal}.tool-instructions summary{padding:var(--space-2) var(--space-callout)}.tool-instructions-body{padding:0 var(--space-callout) var(--space-callout)}.hero h1,.hero h2,.section-heading h1,.section-heading h2,.tool-hero h1,.tool-hero h2,.guide-hero h1,.guide-hero h2{overflow-wrap:anywhere;word-break:normal;min-width:0}.legal-page p,.legal-page li,.contact-intro>p:last-child{max-width:var(--measure-content)}:where(.panel,.card,.callout,.tool-panel,.guide-index,.guide-mini-card,.tool-index-card,.feature-card,.guide-definition,.guide-note,.next-action-card,.tool-instructions,.panel-header){overflow-wrap:anywhere;word-break:normal}body{font-size:var(--font-size-body);line-height:var(--line-height-body)}:where(h1,h2,h3,h4,h5,h6){min-inline-size:0;max-inline-size:100%;margin-block:0 var(--space-flow-heading);line-height:var(--line-height-heading);overflow-wrap:anywhere;white-space:normal;word-break:normal}.hero h1{font-size:var(--font-size-heading-display);letter-spacing:var(--letter-spacing-heading);line-height:var(--line-height-heading-display)}.tool-hero h1,.guide-hero h1,.contact-intro h1{font-size:var(--font-size-heading-page);letter-spacing:var(--letter-spacing-heading);line-height:var(--line-height-heading-page)}.section-heading:not(.color-picker-workspace-heading) h1,.section-heading:not(.color-picker-workspace-heading) h2{font-size:var(--font-size-heading-section);letter-spacing:var(--letter-spacing-heading);line-height:var(--line-height-heading-section)}label,legend,.stacked-label,.picker-task-label{max-inline-size:100%;font-size:var(--font-size-label);line-height:var(--line-height-label);overflow-wrap:anywhere;white-space:normal;word-break:normal}small,.field-note,.field-help,.field-error,.contact-field-error,.color-decision-workbench #pickerInputHelp,.converter-support-note,.contrast-support-note,.picker-support-note,.palette-style-note,.contact-recaptcha-note,.field-optional,.inline-note,.section-footnote,.contrast-alpha-note,.export-card-note,.local-workspace-import-note,.local-workspace-note,.palette-export-option-note,.palette-role-inspector-help,.picker-gamut-note,.privacy-dialog-note,.tool-share-note{max-inline-size:100%;font-size:var(--font-size-helper);line-height:var(--line-height-helper);overflow-wrap:anywhere;white-space:normal;word-break:normal}:is(.home,.tool-page,.guide-page,.color-reference-page,.colors-hub-page,.methodology-index-page) figcaption,:is(.home,.tool-page,.guide-page,.color-reference-page,.colors-hub-page,.methodology-index-page) caption{max-inline-size:100%;font-size:var(--font-size-caption);line-height:var(--line-height-caption);overflow-wrap:anywhere;white-space:normal;word-break:normal}:is(.guide-page,.color-reference-page,.colors-hub-page,.methodology-index-page) table,.tool-page:not(.tool-page-color-picker) table{max-inline-size:100%;font-size:var(--font-size-table);line-height:var(--line-height-table)}.legal-page p,.legal-page ul,.legal-page ol,.legal-page dl,.legal-page blockquote,.contact-intro>p:last-child{max-inline-size:var(--measure-content)}.guide-page .guide-body>.guide-section>:where(ul,ol) li,.guide-page .guide-body>.guide-section>dl dt,.guide-page .guide-body>.guide-section>dl dd{font-size:inherit;line-height:inherit}.guide-page .guide-body>.guide-section,.guide-page.methodology-page .guide-body>.guide-section:nth-of-type(n):not(:empty){overflow:visible}.guide-table-wrap,.methodology-trust-table-wrap,.methodology-coverage-table-wrap,.data-table-wrap,.blog-table-scroll,.picker-context-table-shell,.colors-family-table-wrap{overscroll-behavior-inline:contain;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow:auto visible}.guide-table{min-inline-size:40rem}pre,.code-panel textarea[readonly],.tool-share-embed-section textarea[readonly]{overscroll-behavior-inline:contain;white-space:pre;word-break:normal;max-inline-size:100%;overflow:auto}.code-panel textarea[readonly],.tool-share-embed-section textarea[readonly]{overflow-wrap:normal}:where(.font-technical,:not(pre)>code,samp,output){overflow-wrap:anywhere;word-break:normal;min-inline-size:0;max-inline-size:100%}.guide-source-title-row>strong,.guide-source-list>a>span{overflow-wrap:anywhere;white-space:normal;word-break:normal;min-inline-size:0;max-inline-size:100%}.blog-byline,.tool-share-url span,.gradient-palette-source-preview code,.gradient-preview-caption span,.gradient-preview-caption strong,.gradient-preview-caption small,.gradient-palette-preview-caption span,.gradient-palette-preview-caption strong,.gradient-palette-preview-caption small,.gradient-palette-preview-caption code,.duotone-preview-head strong,.duotone-preview-head .duotone-meta-name,.duotone-tone-strip strong,.duotone-tone-strip em,.image-eye-floating-loupe-meta strong,.image-eye-floating-loupe-meta span,.image-palette-strip strong,.image-palette-strip em,.image-palette-role-legend strong{text-overflow:clip;overflow-wrap:anywhere;white-space:normal;word-break:normal;max-inline-size:100%;overflow:visible}.gradient-palette-source-preview code{overflow-x:visible}:root{--hc-a11y-control-border:#61707a;--hc-a11y-control-border-dark:#8fa3ad;--hc-a11y-focus-dark:#10212b;--hc-a11y-focus-light:#fff;--hc-control-target:44px;--hc-control-target-coarse:48px}#main-content:focus{outline:none}#main-content:focus-visible{outline:3px solid var(--hc-a11y-focus-dark);outline-offset:-3px;box-shadow:inset 0 0 0 3px var(--hc-a11y-focus-light)}.stage-result-panel.code-panel{color:var(--ink);background:#fff;border-color:#10212b24}.stage-result-panel.code-panel .panel-kicker,.stage-result-panel.code-panel .input-row label{color:#394b55}.stage-result-panel.code-panel .css-support-panel .panel-kicker,.stage-result-panel.code-panel .gradient-support-panel .panel-kicker{color:#334b56}.stage-format-list .stage-copy-chip{grid-template-columns:minmax(0,1fr);align-content:start;padding-block-end:10px;display:grid}.stage-copy-chip button{justify-self:start;margin-block-start:10px;padding-inline:9px;position:static}select,.input-row textarea,.input-row input,.native-color-picker,.waitlist-row input,.name-row input,.site-search-field input,.converter-source-details button,.converter-copy-actions button,.picker-export-actions button,.contrast-fix-card button,.stage-copy-chip button,.copy-card button,.stage-swatch-card button,.suggestion-item button,.lock-swatch button,.gradient-color-chip button,.tool-share-option,.local-workspace-pagination button{border-color:var(--hc-a11y-control-border)}:where(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){min-block-size:var(--hc-control-target);border-color:var(--hc-a11y-control-border)}.system-palette-strip{height:auto;min-height:72px;overflow:visible}.system-palette-strip>span{color:#071016;overflow-wrap:anywhere;flex-direction:column;justify-content:flex-end;gap:2px;min-width:0;padding:8px 6px;display:flex}.system-palette-strip>span strong{font-size:.7rem;line-height:1.1}.system-palette-strip>span small{font-size:.62rem;line-height:1.1}.system-palette-strip>span:first-child{color:#fff;background:#3157c8}.system-palette-strip>span:nth-child(2){background:#06d6a0}.system-palette-strip>span:nth-child(3){background:#fbfaf5}.system-palette-strip>span:nth-child(4){color:#fff;background:#10212b}.system-palette-strip>span:nth-child(5){background:#ffd166}.system-palette-strip>span:nth-child(6){background:#ef476f}.stage-result-panel.code-panel textarea{border-color:var(--hc-a11y-control-border-dark)}.stage-result-panel.code-panel input,.stage-result-panel.code-panel select,.stage-result-panel.code-panel .next-action-card,.stage-result-panel.code-panel .small-button:not(.primary-action){border-color:var(--hc-a11y-control-border)}.feature-card:nth-child(3) .feature-token,.feature-card:nth-child(6) .feature-token,.next-tools-list li:before,.signature-palette .palette-primary,.signature-palette .palette-danger{color:#071016!important}.signature-palette em,.local-workspace-color-card em{opacity:1}.local-workspace-color-meta{border-radius:var(--radius);background:var(--workspace-color-label-bg);border:1px solid;width:fit-content;max-width:100%;padding:8px 10px}.local-workspace-color-hex{background:var(--workspace-color-label-bg);border-color:currentColor}:where(a[href],area[href],button:not([disabled]),input:not([disabled]):not([type=hidden]),select:not([disabled]),textarea:not([disabled]),summary,iframe,audio[controls],video[controls],[contenteditable=true],[tabindex]:not([tabindex="-1"]),pre[tabindex],canvas[tabindex]):focus-visible{outline:3px solid var(--hc-a11y-focus-dark)!important;outline-offset:3px!important;box-shadow:0 0 0 6px var(--hc-a11y-focus-light)!important}:where(button,.button,.small-button,summary,[role=button],input[type=range],input[type=color]){min-block-size:var(--hc-control-target)}:where(button,.button,.small-button,[role=button]){min-inline-size:var(--hc-control-target)}:where(.toggle-row,.stage2-checkbox-row,.consent-row,label:has(>input[type=checkbox]),label:has(>input[type=radio])){min-block-size:var(--hc-control-target)}:where(.icon-button,button[aria-label],input[type=color]){min-inline-size:var(--hc-control-target)}.tool-runtime-status{z-index:100;inline-size:min(620px,100% - 32px);border-radius:var(--radius);color:#4f4210;background:#fff8d9;border:1px solid #7c6b24;align-items:center;gap:10px;min-height:48px;margin:0;padding:9px 12px;font-weight:700;display:flex;position:fixed;inset-block-end:max(16px, env(safe-area-inset-bottom));inset-inline-start:50%;transform:translate(-50%);box-shadow:0 8px 24px #10212b2e}.tool-runtime-status.is-ready{block-size:1px;inline-size:1px;clip:rect(0 0 0 0);clip-path:inset(50%);min-height:0;box-shadow:none;pointer-events:none;white-space:nowrap;border:0;padding:0;overflow:hidden}.tool-runtime-status[hidden]{display:none}[data-tool-load-state=loading] .tool-runtime-status,:where(canvas,[aria-live],[role=img])[aria-busy=true],.score-pill[data-status=working]{cursor:progress}.score-pill[data-status=working]{color:#4f4210;background:#fff8d9;border-color:#7c6b24}:where(canvas,[role=img])[aria-busy=true]{opacity:.72}:where(h1,h2,h3,h4,h5,h6,p,li,dd,dt,blockquote,figcaption,caption,label,legend,small,summary,p a,li a,dd a,dt a,figcaption a,caption a){overflow-wrap:anywhere;white-space:normal;word-break:normal;min-inline-size:0;max-inline-size:100%}table :where(th,td){overflow-wrap:normal;word-break:normal;hyphens:manual}@media (width<=1180px){.methodology-page .guide-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=1100px){.methodology-coverage-table{min-width:100%}.methodology-coverage-table thead th{white-space:normal}.methodology-coverage-table td{min-width:64px}.methodology-coverage-table tbody th,.methodology-coverage-table thead th:first-child{min-width:180px;max-width:210px}}@media (width<=1000px){.methodology-coverage-table-wrap{-webkit-overflow-scrolling:touch;overflow:auto visible}.methodology-coverage-table thead th{position:static;transform:none}}@media (width<=960px){.guide-layout{grid-template-columns:minmax(0,1fr)}.guide-table-wrap,.methodology-trust-table-wrap{-webkit-overflow-scrolling:touch;overflow:auto visible}.guide-table thead th,.methodology-trust-table thead th{position:static;transform:none}}@media (pointer:coarse){:where(button,.button,.small-button,summary,[role=button],input[type=range],input[type=color]){min-block-size:var(--hc-control-target-coarse)}:where(.icon-button,button[aria-label],input[type=color]){min-inline-size:var(--hc-control-target-coarse)}}@media (width<=420px){.palette-strip{grid-template-columns:minmax(0,1fr)}.swatch{overflow:visible}.swatch strong,.swatch span,.swatch small{white-space:normal;overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}.swatch small{inline-size:auto}.system-palette-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=421px) and (width<=720px){.system-palette-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@media (prefers-contrast:more){:root{--hc-a11y-control-border:#394b55;--hc-a11y-control-border-dark:#cfe6ee}:where(a[href],area[href],button:not([disabled]),input:not([disabled]):not([type=hidden]),select:not([disabled]),textarea:not([disabled]),summary,[contenteditable=true],[tabindex]:not([tabindex="-1"]),pre[tabindex],canvas[tabindex]):focus-visible{outline-width:4px!important}}@media (forced-colors:active){.stage-result-panel.code-panel{color:canvastext;background:canvas;border-color:canvastext}.stage-result-panel.code-panel .panel-kicker,.stage-result-panel.code-panel .input-row label{color:canvastext}:where(button,input,select,textarea,.button,[role=button]){border-color:buttontext!important}:where(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){color:fieldtext;background:field}:where(input[type=checkbox],input[type=radio],input[type=range]){accent-color:highlight}:where(a[href],area[href],button:not([disabled]),input:not([disabled]):not([type=hidden]),select:not([disabled]),textarea:not([disabled]),summary,iframe,audio[controls],video[controls],[contenteditable=true],[tabindex]:not([tabindex="-1"]),pre[tabindex],canvas[tabindex]):focus-visible{box-shadow:none!important;outline-color:highlight!important}button:disabled,button[aria-disabled=true],.button[aria-disabled=true],[role=button][aria-disabled=true],a[aria-disabled=true],:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea):disabled{color:graytext!important;background:canvas!important;border-color:graytext!important}:where(input[type=checkbox],input[type=radio],input[type=range],input[type=color]):disabled,label:has(input:disabled){color:graytext!important}:where(input:not([type=color]),textarea)[readonly]{border-style:dashed!important;border-color:canvastext!important}:where(input,select,textarea)[aria-invalid=true]{box-shadow:none!important;border:2px dashed highlight!important}:where(input,select,textarea)[aria-invalid=true]:not(:focus-visible){outline:2px dashed canvastext}:where(canvas,input[type=color],.swatch,.stage-swatch-card,.signature-palette span,.gradient-preview){forced-color-adjust:none}}html:not(.js-enabled) .privacy-banner,:root[data-hc-privacy-preferences=saved] .privacy-banner,html:not(.js-enabled) .source-code-actions{display:none}:where(body:not(.tool-page-color-picker) main *,body:not(.tool-page-color-picker) .site-footer,body.tool-page-color-picker .utility-section,body.tool-page-color-picker .tool-methodology,body.tool-page-color-picker .tool-notes,body.tool-page-color-picker .tool-reference,body.tool-page-color-picker .tool-faq,body.tool-page-color-picker .site-footer){content-visibility:visible!important;contain-intrinsic-size:none!important;contain-intrinsic-block-size:none!important}