@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-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;--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-page:1.05;--line-height-heading-section:1.1;--letter-spacing-heading:-.025em;--measure-prose:67ch;--space-flow-text:1em;--space-flow-heading:.65em}html,body{font-family:var(--font-ui);font-synthesis:none}body{font-weight:var(--font-weight-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{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,select,textarea{font-family:inherit}nav a,[role=navigation] a{font-weight:var(--font-weight-navigation)!important}button,summary,.button,.small-button,:is(button,.button,.small-button,.icon-button,[role=button]) :is(span,strong){font-weight:var(--font-weight-action)!important}label,legend,.picker-task-label{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{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)}.tool-link-panel a>span,.next-action-card>span{font-weight:var(--font-weight-card-title)!important}.section-heading p:not(.eyebrow),.tool-hero p:not(.eyebrow),.guide-section p,.guide-section li,small,.field-note,.field-error,.color-decision-workbench #pickerInputHelp,.picker-support-note,.local-workspace-note,.picker-gamut-note,.privacy-dialog-note,.tool-share-note{font-weight:var(--font-weight-body)!important}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-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)}.font-technical,code,kbd,.color-text-input,output[for],#pickerHexLarge,.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}.code-panel textarea[readonly],.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),.picker-state-grid input{overflow-wrap:anywhere;word-break:normal;min-inline-size:0;max-inline-size:100%}.hex-token{white-space:nowrap}@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)}}html.js-enabled.privacy-controls-ready:not([data-hc-privacy-preferences=saved]) .privacy-banner{display:grid}.privacy-dialog-head p:last-child{line-height:1.45}@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{--a:1px solid #10212b1f;--b:repeat(2,minmax(0,1fr));--c:1px solid #10212b29;--d:1px solid #10212b1a;--e:1px solid #10212b24;--f:repeat(auto-fit,minmax(min(100%,220px),1fr));color-scheme:light;--paper:#fbfaf5;--paper-2:#f2efe6;--ink:#10212b;--muted:#5b6470;--line:#d8d3c5;--panel:#fff;--coral:#ef476f;--mint:#06d6a0;--cyan:#118ab2;--sun:#ffd166;--violet:#6f4bd8;--shadow:0 22px 60px #10212b24;--radius:8px;--shell:1180px;--demo-primary:#4169e1;--scrollbar-track:#ece7dc;--scrollbar-thumb:#263844;--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-accent-soft:#effaf4;--hc-warning-soft:#fff8df;--hc-danger-soft:#fff1f4;--hc-info-soft:#edf7fa;--hc-neutral-soft:#f8f7f1;--hc-border-accent:#06d6a047;--hc-border-warning:#ffd16680;--hc-border-info:#118ab247;--hc-border-neutral:#10212b1a;--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-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-accent:color-mix(in oklab, var(--hc-accent) 28%, white);--hc-border-warning:color-mix(in oklab, var(--hc-warning) 38%, white);--hc-border-info:color-mix(in oklab, var(--cyan) 28%, white);--hc-border-neutral:color-mix(in oklab, var(--hc-ink) 10%, transparent)}}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);letter-spacing:0;margin:0}body.nav-open,body.next-actions-open,body.privacy-controls-open{overflow:hidden}img{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}button,select{cursor:pointer}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;background:var(--ink);color:#fff;border-radius:var(--radius);min-height:48px;padding:10px 14px;position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.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}.code-panel,.guide-definition,.guide-note,.next-action-card{position:relative}.code-panel{border:var(--d)}.code-panel:before,.guide-definition:before,.guide-note: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,.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);border-block-end:var(--a);background:#fbfaf5eb;position:sticky;inset-block-start:0}.nav{grid-template-columns:auto minmax(0,1fr);align-items:center;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{align-items:center;gap:8px;display:flex}.nav-menu a{min-height:var(--hc-control-target);border-radius:var(--radius);color:#263844;text-decoration:none;text-decoration-thickness:var(--hc-nav-decoration-thickness,1px);text-underline-offset:.18em;flex:0 auto;align-items:center;padding:8px 12px;font-weight:700;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}.footer-credit a{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;transition:background-size .18s,color .18s,text-decoration-color .18s;position:relative}.footer-credit a:is(:hover,:focus-visible){color:var(--hc-ink);background-size:100% 2px;text-decoration-color:#0000}.footer-credit a:visited{color:#f4b7ca;text-decoration-style:dotted}.nav-actions{align-items:center;min-width:0;display:grid}.site-search-trigger{border-radius:var(--radius);color:#263844;white-space:nowrap;cursor:pointer;border:var(--c);background:#fff;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:var(--c);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}.eyebrow{color:#364a54;text-transform:uppercase;letter-spacing:0;margin:0 0 12px;font-size:.82rem;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-weight:700}.button,.small-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{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}.section{padding-block:var(--space-section)}.section-heading{max-width:820px;margin-block-end:32px}.section-heading.compact{max-width:740px}.section-heading h2{letter-spacing:0;margin:0;font-size:2.75rem;line-height:1.08}.section-heading p:not(.eyebrow){max-width:var(--measure-content);color:var(--muted);margin:16px 0 0;font-size:1.06rem}.tool-panel{background:var(--panel);border-radius:var(--radius);border:var(--e);grid-column:span 6;box-shadow:0 8px 26px #10212b14}.panel-header{justify-content:space-between;align-items:flex-start;min-height:52px;margin-block-end:14px;display:flex}.panel-header h3{margin:2px 0 0;font-size:1.2rem;line-height:1.2}.panel-kicker{color:#61707a;text-transform:uppercase;letter-spacing:0;margin:0;font-size:.78rem;font-weight:700}.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 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;border:var(--c);background:#f8f7f1;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}.field-error{color:#b42345;min-height:22px;margin:-6px 0 12px 122px;font-weight:700}.format-list{grid-template-columns:var(--b);gap:8px;display:grid}.format-chip{border-radius:var(--radius);border:var(--a);background:#f8f7f1;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}[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}.metadata-grid{grid-template-columns:var(--b);gap:8px;margin-block-start:12px;display:grid}.metadata-grid div{border-radius:var(--radius);border:var(--a);background:#f8f7f1;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}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{border-block-end:var(--a);background:linear-gradient(#ffffffb8,#f2efe6e6),linear-gradient(90deg,#ef476f24,#06d6a029,#118ab224);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-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}.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);border-radius:var(--radius);grid-template-columns:var(--b);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{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-primary{min-height:100%}.stage-swatch-large{border-radius:var(--radius);border:var(--c);background:#4169e1;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}.color-system-card{isolation:isolate;position:relative}.color-system-card:is(:hover,:focus-within):after{opacity:.16}@media (prefers-reduced-motion:no-preference){.color-system-card:is(:hover,:focus-within):after{animation:18s linear infinite halo-turn}}.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}.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{color:#394b55}.pro-output-panel h3,.pro-output-panel h4{color:var(--ink)}.pro-output-panel textarea{min-height:294px}.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);border-radius:var(--radius);min-height:64px;color:var(--ink);border:var(--a);background:#fff;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-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-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:var(--e);gap:16px;padding:22px;display:grid;position:relative;overflow:auto;box-shadow:0 28px 74px #10212b38,inset 0 0 0 1px #ffffffa3}.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-dialog .next-action-card{background:#fff;min-height:122px}.next-actions-dialog .next-action-card .next-action-carryover{color:#394b55;border-block-start:var(--d);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}.stage-copy-chip button{min-height:var(--hc-control-target);border-radius:var(--radius);color:var(--ink);border:var(--c);background:#fff;font-size:.76rem;font-weight:700}.copy-button,button[data-copy-target],button[data-copy-value],button[data-model-copy-preset],button[data-action=copy-share-url],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%)}.stage-copy-chip button{padding:0 9px}@media (forced-colors:active){:where(button,[role=button])[aria-pressed=true]{box-shadow:none;color:selecteditemtext!important;background:selecteditem!important}}.stage-result-panel textarea{min-height:340px}.recent-color-box{border-radius:var(--radius);border:var(--a);background:#fff;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:var(--c);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:var(--c);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}.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:var(--b);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;border:var(--a);background:#f8f7f1;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);border:var(--a);background:#fff;min-height:116px;padding:16px}.note-list h3{margin:0 0 6px}.note-list p{margin:0}.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:var(--d);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);border:var(--e);background:#f8f7f1;margin-block-end:16px;padding:30px 22px 22px}.guide-answer-box h2{font-size:1.45rem}.standards-status-list{flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;margin-block-start:12px;display:flex}.standards-status-list-mini{gap:5px;margin-block-start:0}.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}.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}.methodology-link-list{margin-block-start:18px}.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}.source-code-textarea-actions{margin-block-start:10px}.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 :is(.guide-table,.methodology-trust-table,.methodology-coverage-table) thead th{position:static;transform:none}.methodology-link-card .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{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{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-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{--prismatic-card-surface:#ffffff1f;--prismatic-card-hover-surface:#ffffff38;--prismatic-card-border:#ffffff6b}.tool-link-panel.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-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=css]{--guide-color-start:#4169e1;--guide-color-end:#8b5cf6}.guide-card[data-topic=charts]{--guide-color-start:#118ab2;--guide-color-end:#06d6a0}.guide-card[data-topic=system]{--guide-color-start:#8b5cf6;--guide-color-end:#06d6a0}.guide-table-wrap{border-radius:var(--radius);border:var(--a);background:#fff;margin-block-start:18px}.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:var(--d);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{border-radius:var(--radius);background:#fff8df;font-weight:700}.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}.guide-faq{background:var(--paper)}.color-input-combo{grid-template-columns:minmax(0,1fr) 50px;align-items:stretch;gap:8px;width:100%;display:grid}.color-input-combo .color-text-input{width:100%}.faq{background:#fff}.faq-list{gap:10px;max-width:900px;display:grid}details{border-radius:var(--radius);border:var(--e);background:#f8f7f1}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}.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-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{border:1px solid #06d6a03d;border-inline-start:5px solid var(--mint);border-radius:var(--radius);color:#dffbf4;background:#06d6a014;max-width:460px;margin:18px 0 0;font-size:.94rem;font-weight:700;line-height:1.45}.footer-nav{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);border-radius:var(--radius);color:#eaf7fa;font:inherit;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.share-panel-open{overflow:hidden}.site-search-overlay{z-index:260;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;border-radius:var(--radius);background:var(--panel);width:min(780px,100%);color:var(--ink);box-shadow:var(--shadow);border:var(--e);grid-template-rows:auto auto auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.site-search-head{border-block-end:var(--d);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:var(--c);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-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%}@media (forced-colors:active){.site-search-scrim{background:canvas}.site-search-dialog,.site-search-field input,.site-search-close{color:canvastext;background:canvas;border-color:canvastext}.site-search-close:is(:hover,:focus-visible),.site-search-results: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:var(--a);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);border:var(--c);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;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);border:var(--a);grid-template-columns:var(--b);background:#ffffffb8;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;border:var(--a);background:#fff;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:var(--b);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;border:var(--a);background:#fff;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:var(--a);padding-block-start:14px}.tool-share-grid-primary,.tool-share-grid-secondary,.tool-share-grid-platforms{grid-template-columns:var(--b)}.tool-share-grid-secondary .tool-share-option,.tool-share-grid-platforms .tool-share-option{min-height:60px}.tool-share-more{border-radius:var(--radius);border:var(--a);background:#fff9;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:var(--c);padding:0 12px;font-weight:700}.tool-share-close:is(:hover,:focus-visible){background:var(--hc-danger-soft);border-color:#ef476f61}.tool-share-grid{grid-template-columns:var(--b);gap:10px;display:grid}.tool-share-option{--share-accent:var(--cyan);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;border:var(--c);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=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-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}@media (forced-colors:active){.tool-share-scrim{background:canvas}.tool-share-dialog,.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}}.privacy-banner{z-index:260;border-radius:var(--radius);width:min(760px,100% - 40px);color:var(--ink);border:var(--e);background:#fffffffa;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);border:var(--a);background:#fff;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);border:var(--e);background:#f8f7f1;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{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{display:flex}@supports (color:color-mix(in oklab, white, black)){.guide-definition{border-color:var(--hc-border-info);background:var(--hc-info-soft)}.guide-note{border:1px solid var(--hc-border-warning);background:var(--hc-warning-soft)}.guide-answer-box,.guide-mini-card,.range-control output,details{border-color:var(--hc-border-neutral);background:var(--hc-neutral-soft)}}@media (width<=960px){.nav{justify-content:space-between;display:flex}.nav-actions{flex:none;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,.source-code-action{min-height:48px}.small-button,.source-code-action{min-width:48px}.input-row input,select{min-height:48px}.nav-menu a:after{bottom:7px}.site-search-overlay{place-items:stretch stretch}.site-search-dialog{width:100%}.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}.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}.tool-panel{grid-column:span 12}.tool-hero-grid,.stage-tool-layout,.pro-recent-color-box,.next-action-list,.tool-notes-grid,.tool-methodology-grid{grid-template-columns:1fr}.pro-output-panel{position:static}.stage-result-panel.code-panel{position:relative;inset-block-start:auto}.tool-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%)}.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:var(--b)}.methodology-link-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-nav{grid-template-columns:var(--b);max-width:820px}}@media (width<=680px){.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}.standards-status-badge{font-size:.68rem}.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}.shell{width:min(calc(100% - var(--gutter-page) - var(--gutter-page)), var(--shell))}.brand-lockup img{width:148px}.format-list,.metadata-grid,.tool-link-panel{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-hero-picture img{object-position:72% bottom}.tool-hero h1{font-size:2.2rem}.tool-hero p:not(.eyebrow){font-size:1rem}.tool-hero .hero-actions{margin-block-start:12px}.tool-link-panel{display:none}.stage-swatch-large{min-height:220px}.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}.section{padding-block:var(--space-section)}.section-heading h2{font-size:2.05rem}.tool-panel{padding:var(--panel-padding,var(--space-panel))}.field-note,.field-error{margin-inline-start:0}.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}}.tool-page .stage1-main>#workspace.utility-section{padding-block-start:18px}@media (width<=680px){.tool-page .stage1-main>#workspace.utility-section{padding-block-start:8px}}.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],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}: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){.footer-credit a:visited{color:visitedtext}.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}}.input-row{grid-template-columns:112px minmax(0,1fr);align-items:center;display:grid}.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);border:var(--e);background:#fff;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-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: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}.pro-picker-swatch.color-system-card{overflow:visible}.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:var(--f);gap:8px;display:grid}.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);border:var(--a);background:#f8f7f1;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:var(--a);border-radius:var(--radius);color:#394b55;background:#effaf4;border-inline-start:5px solid #2f855ac7;min-height:auto;margin:0;padding:11px 12px;font-weight:700}.picker-gamut-note[data-status=warn]{color:#5d4b13;border-color:#ffd16685;background:#fff8df;border-inline-start-color:#ffd166}.picker-decision-panel{border-radius:var(--radius);border:var(--a);background:#fff;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{margin-block-end:6px}.picker-repair-heading{border-block-start:var(--a);grid-template-columns:minmax(0,1fr) 13.75rem;align-items:center;gap:10px;padding-block-start:12px;display:grid}.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:var(--f);gap:8px;display:grid}.picker-gamut-details [data-status]{border-radius:var(--radius);border:var(--d);background:#f8f7f1;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);border:var(--c);background:#fff;justify-self:start;padding:0 8px;font-size:.72rem;font-weight:700}.picker-pair-preview{border:var(--c);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-fix-preview{border-radius:var(--radius);border:var(--a);background:#f8f7f1;gap:8px;padding:12px;display:grid}.picker-fix-preview[hidden]{display:none}.picker-inspector{grid-template-columns:var(--b);margin-block-start:0}.picker-format-shell{min-width:0}.picker-format-list{grid-template-columns:1fr;gap:12px}.picker-format-group{border-radius:var(--radius);border:var(--d);background:#fff;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}.picker-token-preview .panel-kicker{color:#394b55}.picker-token-preview h4{color:var(--ink)}.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);border:var(--c);background:#fff;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);border:var(--a);background:#f8f7f1;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}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}.picker-next-actions-dialog .next-action-list{grid-template-columns:var(--f);gap:10px;margin-block-start:0}button[data-picker-copy-export],button[data-picker-copy-handoff]{position:relative;overflow:hidden}.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}@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}}@supports (color:color-mix(in oklab, white, black)){.picker-decision-panel{border-color:var(--hc-border-neutral);background:var(--hc-neutral-soft)}.picker-gamut-badge,.picker-gamut-details [data-status=pass]{border-color:var(--hc-border-accent);background:var(--hc-accent-soft)}.picker-recommendation[data-status=watch],.picker-gamut-badge[data-status=warn],.picker-gamut-details [data-status=warn]{border-color:var(--hc-border-warning);background:var(--hc-warning-soft)}}@media (width<=960px){.pro-picker-workspace,.picker-context-grid,.picker-inspector,.picker-pair-preview,.picker-gamut-details{grid-template-columns:1fr}.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-controls{order:initial}}@media (width<=680px){.picker-preset-strip,.picker-format-chip-grid{grid-template-columns:1fr}.pro-picker-swatch .picker-swatch-facts span{max-inline-size:min(100%,16rem)}.input-row{gap:var(--space-form-label);grid-template-columns:1fr}}.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-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:var(--a);gap:0;margin:12px 0 0;padding:16px 0 0;display:grid}.picker-intent-fields legend:not(.sr-only){width:100%;padding:0}.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);border:var(--a);background:#fff;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:var(--d)}.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-production-preview{border-radius:var(--radius);border:var(--a);background:#fff;padding:14px}.picker-production-preview h4{margin:2px 0 12px}.picker-component-samples{grid-template-columns:var(--b);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-fix-preview:not([hidden]){gap:10px;margin-block-start:12px;display:grid}.picker-alias-controls{grid-template-columns:var(--b);gap:8px;display:grid}.picker-primary-decision{border-radius:var(--radius);border:var(--e);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:var(--d);padding-block-start:6px}.picker-repair-heading>div{gap:5px;min-width:0;display:grid}.picker-repair-scope{color:#52636d;max-width:42rem;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);background:#fff;border:1px solid #10212b21;max-width:100%}.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:var(--d);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);border:var(--a);background:#f8f7f1;gap:7px;padding:12px;display:grid}.picker-context-detail h5,.picker-context-detail p{margin:0}.picker-context-detail dl{grid-template-columns:var(--b);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);border:var(--a);background:#f8f7f1;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-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:var(--a);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<=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:var(--b)}.picker-context-detail dl,.picker-data-series-add{grid-template-columns:1fr}}@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{forced-color-adjust:auto;border:2px solid canvastext}.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{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px 24px;max-width:none;display:grid}.color-picker-workspace-heading h2,.color-picker-workspace-heading p:not(.eyebrow){max-width:900px}.color-picker-workspace-heading .workspace-share-actions{align-self:center}.color-picker-workspace-heading .workspace-share-menu{grid-column:2;align-self:center;min-width:190px}.color-picker-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{margin-block-end:8px}.color-picker-workspace-heading .workspace-share-content{border-radius:var(--radius);background:#f8f7f1;padding:12px}.color-picker-workspace-heading .workspace-share-menu .workspace-share-actions{grid-template-columns:var(--b);gap:6px;display:grid}.color-picker-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{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;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:var(--b);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{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}.color-decision-workbench .picker-recommendation{grid-column:1}@media (width<=980px){.section-heading.compact.color-picker-workspace-heading{grid-template-columns:minmax(0,1fr);align-items:start}.color-picker-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}}.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}.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:var(--b);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);border:var(--c);background:#fff;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;border-block-start:var(--a);background:#f8f7f1;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:var(--a);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}.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}}@media (forced-colors:active){.picker-pair-badge[data-status]{border-color:canvastext!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}.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}.panel-header>*,.input-row>*,.tool-hero-grid>*,.guide-layout>*,.guide-card-grid>*,.next-action-list>*,.footer-grid>*,.footer-nav>*,.tool-panel,.guide-mini-card,.tool-link-panel,.guide-definition,.guide-note,.next-action-card{min-width:0}.tool-panel{padding:var(--panel-padding,var(--space-panel))}.guide-mini-card,.next-action-card,.tool-link-panel{padding:var(--card-padding,var(--space-card))}.guide-definition,.guide-note{padding:var(--callout-padding,var(--space-callout))}.code-panel,.tool-panel,.guide-definition,.guide-note,.next-action-card{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{grid-template-rows:auto minmax(0,1fr);align-items:stretch;padding-block-start:0;display:grid}.page-breadcrumbs--hero+.tool-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;background:var(--paper);box-shadow:none;border:0;border-block-start:var(--a);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}.input-row{column-gap:var(--space-3);row-gap:var(--space-form-label);margin-block-end: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{width:100%;min-width:0;max-width:100%}.section-heading h2,.tool-hero h1{overflow-wrap:anywhere;word-break:normal;min-width:0}: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}.tool-hero 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) h2{font-size:var(--font-size-heading-section);letter-spacing:var(--letter-spacing-heading);line-height:var(--line-height-heading-section)}label,legend,.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-error,.color-decision-workbench #pickerInputHelp,.picker-support-note,.local-workspace-note,.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) 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}.tool-page:not(.tool-page-color-picker) table{max-inline-size:100%;font-size:var(--font-size-table);line-height:var(--line-height-table)}.guide-table-wrap,.picker-context-table-shell{overscroll-behavior-inline:contain;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow:auto visible}.guide-table{min-inline-size:40rem}.code-panel textarea[readonly],.tool-share-embed-section textarea[readonly]{overscroll-behavior-inline:contain;white-space:pre;word-break:normal;overflow-wrap:normal;max-inline-size:100%;overflow:auto}:where(.font-technical,:not(pre)>code,samp,output){overflow-wrap:anywhere;word-break:normal;min-inline-size:0;max-inline-size:100%}: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-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 input,.native-color-picker,.site-search-field input,.picker-export-actions button,.stage-copy-chip button,.tool-share-option{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)}.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)}: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;border-radius:var(--radius);color:#4f4210;inline-size:min(620px,100% - 32px);min-height:48px;background:#fff8d9;border:1px solid #7c6b24;align-items:center;gap:10px;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{clip:rect(0 0 0 0);clip-path:inset(50%);block-size:1px;inline-size:1px;min-height:0;box-shadow:none;pointer-events:none;white-space:nowrap;border:0;padding:0;overflow:hidden}.tool-runtime-status[hidden]{display:none}: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<=960px){.guide-layout{grid-template-columns:minmax(0,1fr)}.guide-table-wrap{-webkit-overflow-scrolling:touch;overflow:auto visible}.guide-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 (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],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}