.cd{--bg:#fff4f8;--panel:#f7e9ed;--fg:#010000;--muted:#645459;--edge:#8c7b80;--line:#f7e9ed;--ring:#010000;--on-fg:#fff4f8;--fg-hover:#1b1315;--on-fg-hover:#fff4f8;--fg-pressed:#3a2e32;--on-fg-pressed:#fff4f8;--warn-bg:#ffe08a;--warn-edge:#8a5f00;--font:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-title:"DM Sans", system-ui, sans-serif;--font-label:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--r-strip:0;--r-panel:0;--r-control:0;--bw:2px;--shadow-comp:2px 2px 0 0 var(--fg);--shadow-comp-hover:4px 4px 0 0 var(--fg);--shadow-layout:4px 4px 0 0 var(--fg);--band:#057abd;--band-w:5px;--rail:19.5rem;--control:2.75rem;--ease:cubic-bezier(.3, .7, .2, 1);color-scheme:light}.cd[data-theme=dark]{--warn-bg:#4a3800;--warn-edge:#ffc94d}.cd *,.cd :before,.cd :after{box-sizing:border-box}.cd{background:var(--bg);color:var(--fg);font:400 1rem/1.5 var(--font);font-optical-sizing:auto;transition:background-color .25s var(--ease), color .25s var(--ease);margin:0}.cd h1,.cd h2,.cd h3,.cd p{margin:0}.cd button,.cd input,.cd select,.cd textarea{font:inherit;color:inherit}.cd [hidden]{display:none!important}.cd .sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cd .skip{z-index:10;background:var(--fg);color:var(--bg);border-radius:var(--r-control);padding:.5rem 1rem;position:absolute;top:-4rem;left:1rem}.cd .skip:focus{top:.75rem}.cd :focus-visible{outline:2px solid var(--ring);outline-offset:2px}.cd .top{border-bottom:var(--band-w) solid var(--band)}.cd .top__inner{justify-content:space-between;align-items:center;gap:1rem;max-width:80rem;margin:0 auto;padding:1.25rem 1.5rem;display:flex}.cd .brand{font-family:var(--font-title);letter-spacing:-.01em;align-items:center;gap:.625rem;font-size:1.25rem;font-weight:700;line-height:1.2;display:flex}.cd .brand__mark{width:1.75rem;height:1.25rem}.cd .btn{height:var(--control);border-radius:var(--r-control);border:var(--bw) solid var(--fg);background:var(--bg);box-shadow:var(--shadow-comp);cursor:pointer;font-family:var(--font-label);text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;padding:0 1rem;font-size:.875rem;font-weight:700;line-height:1.2;transition:transform .1s,box-shadow .1s;display:inline-flex}.cd .btn:hover{box-shadow:var(--shadow-comp-hover);transform:translate(-2px,-2px)}.cd .btn:active{box-shadow:none;transform:translate(1px,1px)}.cd .btn--solid{background:var(--fg);color:var(--bg);border-color:var(--bg)}.cd .btn--quiet{box-shadow:none;text-underline-offset:.2em;background:0 0;border-color:#0000;text-decoration:underline}.cd .btn--quiet:hover{box-shadow:none;background:var(--panel);transform:none}.cd .btn--quiet:active{transform:none}.cd .segmented{height:var(--control);border:var(--bw) solid var(--fg);border-radius:var(--r-control);gap:.125rem;padding:.125rem;display:flex}.cd .segmented__item{cursor:pointer;flex:1;display:block;position:relative}.cd .segmented__item input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.cd .segmented__item span{height:100%;font-family:var(--font-label);text-transform:uppercase;justify-content:center;align-items:center;padding:0 .875rem;font-size:.875rem;font-weight:700;display:flex}.cd .segmented__item input:checked+span{background:var(--fg);color:var(--bg)}.cd .segmented__item input:focus-visible+span{outline:2px solid var(--ring);outline-offset:2px}.cd .shell{grid-template-columns:var(--rail) minmax(0, 1fr);align-items:start;gap:2.5rem;max-width:80rem;margin:0 auto;padding:.5rem 1.5rem 3rem;display:grid}.cd .rail{background:var(--panel);border:var(--bw) solid var(--fg);border-radius:var(--r-panel);box-shadow:var(--shadow-layout);gap:1.25rem;padding:1.25rem;display:grid}.cd .more>:not(summary){margin-top:1.25rem}.cd .more>:not(summary):first-of-type{margin-top:0}.cd .more__summary{cursor:pointer;height:var(--control);align-items:center;font-weight:600;display:flex}.cd .more__summary:after,.cd .adv__summary:after,.cd .tune__summary:after{content:"";width:.5rem;height:.5rem;transition:transform .2s var(--ease);border-bottom:2px solid;border-right:2px solid;margin-left:.625rem;transform:translateY(-.125rem)rotate(45deg)}.cd details[open]>.more__summary:after,.cd details[open]>.adv__summary:after,.cd details[open]>.tune__summary:after{transform:translateY(.125rem)rotate(-135deg)}.cd .rail__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.cd .rail__head .btn--quiet{padding-inline:0}.cd .rail__title{font-family:var(--font-title);font-size:1.125rem;font-weight:700}.cd .rail__divider{border-top:var(--bw) solid var(--edge)}.cd .field{gap:.375rem;display:grid}.cd .field__label,.cd .tune__label,.cd .switch__label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.02em;padding:0;font-size:.8125rem;font-weight:700;line-height:1.3}.cd .field__help{color:var(--muted);font-size:.8125rem;line-height:1.4}.cd .field__error{color:var(--fg);border-left:var(--bw) solid var(--fg);padding-left:.625rem;font-size:.8125rem;font-weight:600;line-height:1.4}.cd .field__help--check{margin-top:-.75rem;padding-left:3.5rem}.cd .input{width:100%;height:var(--control);background:var(--bg);border:var(--bw) solid var(--fg);border-radius:var(--r-control);font-variant-numeric:tabular-nums;padding:0 .75rem}.cd .input--hex{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.02em;font-weight:700}.cd .input--area{resize:vertical;text-transform:none;letter-spacing:0;height:auto;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.5}.cd .input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--fg)}.cd .hexrow{grid-template-columns:var(--control) minmax(2.5rem, 1fr) 7.25rem;align-items:start;gap:.5rem;display:grid}.cd .hexrow .mini{margin-top:calc((var(--control) - 1.75rem) / 2)}.cd .color{width:var(--control);height:var(--control);border:var(--bw) solid var(--fg);border-radius:var(--r-control);background:var(--bg);cursor:pointer;padding:0}.cd .color::-webkit-color-swatch-wrapper{padding:3px}.cd .color::-webkit-color-swatch{border:0;border-radius:0}.cd .color::-moz-color-swatch{border:0;border-radius:0}.cd .range{width:100%;accent-color:var(--fg);height:var(--control);margin:0}.cd .tune{gap:.75rem;display:grid}.cd .tune__more{gap:.25rem;display:grid}.cd .tune__summary{cursor:pointer;height:var(--control);align-items:center;font-weight:600;display:flex}.cd .tune__row{display:grid}.cd .tune__label{justify-content:space-between;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.cd .tune__label output{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:400}.cd .range--tune{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0}.cd .range--tune::-webkit-slider-runnable-track{border:var(--bw) solid var(--fg);background:var(--track,var(--panel));border-radius:0;height:.75rem}.cd .range--tune::-moz-range-track{border:var(--bw) solid var(--fg);background:var(--track,var(--panel));border-radius:0;height:.75rem}.cd .range--tune::-webkit-slider-thumb{-webkit-appearance:none;background:var(--bg);border:var(--bw) solid var(--fg);width:1.5rem;height:1.5rem;box-shadow:var(--shadow-comp);border-radius:0;margin-top:-.625rem}.cd .range--tune::-moz-range-thumb{box-sizing:border-box;background:var(--bg);border:var(--bw) solid var(--fg);width:1.5rem;height:1.5rem;box-shadow:var(--shadow-comp);border-radius:0}.cd .tune__actions{gap:.5rem;display:flex}.cd .tune__actions .btn{height:2.25rem;padding:0 .75rem;font-size:.75rem}.cd .btn[aria-pressed=true]{background:var(--fg);color:var(--on-fg)}.cd .btn[aria-pressed=true]:not(:disabled):hover{background:var(--fg-hover);color:var(--on-fg-hover)}.cd .btn[aria-pressed=true]:not(:disabled):active{background:var(--fg-pressed);color:var(--on-fg-pressed)}.cd .btn:disabled{opacity:.45;cursor:default;box-shadow:none}.cd .btn:disabled:hover,.cd .btn:disabled:active{box-shadow:none;transform:none}.cd .tune__status:focus{outline:none}.cd .tune__status.is-warn{border:var(--bw) solid var(--warn-edge);border-radius:var(--r-control);background:var(--warn-bg);color:var(--fg);margin-top:.25rem;padding:.5rem .75rem}.cd .mini{min-width:0}.cd .mini__strip,.cd .mini__flags{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.cd .mini__strip{border:var(--bw) solid var(--fg);overflow:hidden}.cd .mini__strip i{background:var(--c);height:1.5rem}.cd .mini__flags{margin-top:4px}.cd .mini__flags b{background:0 0;height:.5rem}.cd .mini__flags b.is-flag{background:var(--warn-bg);border:solid var(--warn-edge);border-width:2px 0}.cd .mini__flags b.is-start{border-left-width:2px}.cd .mini__flags b.is-end{border-right-width:2px}.cd .adv{border-top:var(--bw) solid var(--edge);padding-top:.5rem}.cd .adv>.field,.cd .adv>p{margin-top:1rem}.cd .adv__summary{cursor:pointer;height:var(--control);align-items:center;font-weight:600;display:flex}.cd .tabs{border-bottom:var(--bw) solid var(--fg);flex-wrap:wrap;gap:.25rem;display:flex}.cd .tab{height:var(--control);cursor:pointer;font-family:var(--font-label);text-transform:uppercase;color:var(--muted);border-radius:var(--r-control) var(--r-control) 0 0;background:0 0;border:0;align-items:center;padding:0 1rem;font-size:.875rem;font-weight:700;display:inline-flex;position:relative}.cd .tab:hover{color:var(--fg)}.cd .tab[aria-selected=true]{background:var(--fg);color:var(--bg)}.cd .stage{grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.cd .stage>.tabs{grid-area:1/1/auto/-1}.cd .stage__export{z-index:1;grid-area:1/2;position:relative}.cd .stage__panel{flex-direction:column;grid-area:2/1/auto/-1;min-width:0;display:flex}.cd .scale-note{color:var(--muted);order:2;margin:1.5rem 0 0;font-size:.8125rem;line-height:1.4}.cd .link{cursor:pointer;font:inherit;color:var(--fg);text-underline-offset:.2em;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline;display:inline}.cd .link[hidden]{display:none}.cd .dialog--narrow{width:min(30rem,100vw - 2rem)}.cd .learn__text{gap:.75rem;max-width:62ch;line-height:1.55;display:grid}.cd .stage__panel>#alerts:not(:empty){order:3;gap:.75rem;margin-top:.5rem;display:grid}.cd .stage__panel>#similar-host:not(:empty){order:1;margin-top:1rem}.cd .choice{order:-2;gap:.25rem;margin-top:1.25rem;display:grid}.cd .choice[hidden]{display:none}.cd .choice__help{margin:0}.cd .switch{width:fit-content;max-width:100%;min-height:var(--control);cursor:pointer;justify-self:start;align-items:center;gap:.75rem;display:flex;position:relative}.cd .switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.cd .switch__track{border:var(--bw) solid var(--fg);width:2.75rem;height:1.5rem;transition:background .2s var(--ease);background:0 0;border-radius:0;flex:none;position:relative}.cd .switch__track:after{content:"";background:var(--fg);width:1rem;height:1rem;transition:transform .2s var(--ease), background .2s var(--ease);border-radius:0;position:absolute;top:50%;left:.1875rem;transform:translateY(-50%)}.cd .switch input:checked+.switch__track{background:var(--fg);border-color:var(--fg)}.cd .switch input:checked+.switch__track:after{background:var(--bg);transform:translate(1.25rem,-50%)}.cd .switch input:focus-visible+.switch__track{outline:2px solid var(--ring);outline-offset:2px}.cd .switch__label{font-size:.9375rem;font-weight:600}@media (prefers-reduced-motion:reduce){.cd .switch__track,.cd .switch__track:after{transition:none}}.cd .stage__panel>#ribbon-host{margin-top:1.25rem}.cd .notice{border:var(--bw) solid var(--fg);border-radius:var(--r-panel);box-shadow:var(--shadow-comp);background:var(--panel);gap:.375rem;max-width:62ch;margin:0;padding:.875rem 1rem;display:grid}.cd .notice__title{font-weight:600}.cd .notice--compact{box-shadow:none;color:var(--muted);background:0 0;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;line-height:1.4}.cd .notice--warn{border:var(--bw) solid var(--warn-edge);border-radius:var(--r-control);box-shadow:2px 2px 0 0 var(--warn-edge);background:var(--warn-bg);color:var(--fg);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.4}.cd .notice--warn p{margin:0}.cd .notice__icon{flex:none;width:1.5rem;height:1.5rem;display:block}.cd .notice--compact .notice__list{font-size:.8125rem}.cd .notice__list{font-variant-numeric:tabular-nums;max-height:11rem;margin:.25rem 0 0;padding-left:1.25rem;font-size:.875rem;overflow:auto}.cd .notice .btn{justify-self:start}.cd .ribbon{grid-template-columns:repeat(var(--n), minmax(0, 1fr));display:grid;position:relative}.cd .swatch{cursor:pointer;text-align:left;background:var(--s);height:14.5rem;color:var(--t);forced-color-adjust:none;transition:background-color .3s var(--ease), color .3s var(--ease);border:0;flex-direction:column;justify-content:space-between;align-items:flex-start;margin:0;padding:.75rem .5rem;display:flex;position:relative}.cd .cell{border:var(--bw) solid var(--fg);box-shadow:var(--shadow-layout);display:grid;position:relative}.cd .cell+.cell{margin-left:calc(var(--bw) * -1)}.cd .cell:first-of-type>.swatch{border-radius:var(--r-strip) 0 0 var(--r-strip)}.cd .cell:last-of-type>.swatch{border-radius:0 var(--r-strip) var(--r-strip) 0}.cd .swatch[aria-checked=true]{outline:var(--bw) solid var(--t);outline-offset:-.5rem;z-index:1}.cd .swatch:focus-visible{outline:2px solid var(--ring);outline-offset:2px;z-index:2}.cd .swatch__num{font-family:var(--font-label);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:700;line-height:1}.cd .swatch__aa{font-family:var(--font-title);font-size:1.5rem;font-weight:700;line-height:1}.cd .swatch__name{font-size:.9375rem;font-weight:600;line-height:1.2}.cd .swatch__flag{background:currentColor;height:4px;position:absolute;top:0;left:.5rem;right:.5rem}.cd .swatch__stack{gap:.25rem;display:grid}.cd .swatch__meta,.cd .swatch__tag{display:none}.cd .ribbon>.cell{grid-row:2}.cd .ribbon__base{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-family:var(--font-label);text-align:center;flex-direction:column;grid-row:1;justify-self:center;align-items:center;padding-bottom:.5rem;font-size:.75rem;font-weight:700;line-height:1.2;display:flex}.cd .ribbon__base:after{content:"";background:var(--fg);clip-path:polygon(0 0,100% 0,50% 100%);width:.625rem;height:.5rem;margin-top:.25rem}.cd .ribbon>.detail,.cd .ribbon>.hint{grid-area:3/1/auto/-1}.cd .detail{background:var(--panel);border:var(--bw) solid var(--fg);border-radius:var(--r-panel);box-shadow:var(--shadow-layout);grid-template-columns:minmax(0,1fr) minmax(0,18rem);gap:1.25rem 2rem;margin-top:1.25rem;padding:1.25rem;display:grid;position:relative}.cd .detail:before{content:"";top:calc(-.4375rem - var(--bw));left:calc(var(--caret,.5) * 100%);background:var(--panel);border:solid var(--fg);border-width:var(--bw) 0 0 var(--bw);width:.875rem;height:.875rem;position:absolute;transform:translate(-50%)rotate(45deg)}.cd .detail__head{grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.cd .detail__title{font-family:var(--font-title);font-size:1.375rem;font-weight:700;line-height:1.2}.cd .detail__note{color:var(--muted);font-size:.875rem}.cd .values{align-content:start;gap:.5rem;max-width:28rem;margin:0;display:grid}.cd .value{grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.cd .value__chip{background:var(--c);border:var(--bw) solid var(--fg);forced-color-adjust:none;width:2rem;height:2rem}.cd .value__label{color:var(--muted);font-size:.8125rem;line-height:1.2;display:block}.cd .value__hex{font-family:var(--font-label);font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.02em;font-weight:700}.cd .value .btn{font-size:.875rem}.cd .verdict{font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;margin-top:1rem;font-size:.9375rem;font-weight:600;display:flex}.cd .verdict__icon{flex:none;width:1.125rem;height:1.125rem}.cd .sample{border-radius:var(--r-control);background:var(--s);min-height:6.5rem;color:var(--t);border:2px solid var(--b);forced-color-adjust:none;flex-direction:column;justify-content:space-between;align-self:start;gap:.75rem;padding:1rem;display:flex}.cd .sample__big{font-family:var(--font-title);font-size:1.75rem;font-weight:700;line-height:1}.cd .sample__small{font-size:.9375rem}.cd .other{color:var(--muted);border-top:var(--bw) solid var(--edge);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.75rem;padding-top:.875rem;font-size:.875rem;display:flex}.cd .other__chip{font-variant-numeric:tabular-nums;color:var(--fg);text-transform:uppercase;align-items:center;gap:.375rem;display:inline-flex}.cd .other__chip i{background:var(--c);border:var(--bw) solid var(--fg);forced-color-adjust:none;width:1.125rem;height:1.125rem}.cd .hint{color:var(--muted);margin-top:.5rem;font-size:.8125rem;line-height:1.4}.cd .foot{max-width:80rem;color:var(--muted);margin:0 auto;padding:1rem 1.5rem 2.5rem;font-size:.8125rem}.cd .dialog{border:var(--bw) solid var(--fg);width:min(38rem,100vw - 2rem);box-shadow:var(--shadow-layout);background:var(--bg);color:var(--fg);border-radius:0;padding:0}.cd .dialog::backdrop{background:#00000080}.cd .dialog__body{gap:1.125rem;padding:1.5rem;display:grid}.cd .dialog__title{font-family:var(--font-title);font-size:1.375rem;font-weight:700}.cd .dialog__actions{flex-wrap:wrap;gap:.5rem;display:flex}.cd .dialog__status{min-height:1.5rem;font-size:.875rem;font-weight:600}.cd .fieldset{border:0;margin:0;padding:0}.cd .radio{min-height:var(--control);align-items:center;gap:.625rem;display:flex}.cd .radio input{width:1.25rem;height:1.25rem;accent-color:var(--fg);margin:0}@media (width<=56.25rem){.cd .shell{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-inline:1rem}.cd .top__inner{flex-wrap:wrap;padding-inline:1rem}.cd .stage{grid-template-columns:minmax(0,1fr)}.cd .stage>.tabs,.cd .stage__panel{grid-column:1}.cd .stage__export{grid-area:3/1;justify-self:start;margin-top:1.5rem}.cd .scale-note{order:-1;margin-top:1.25rem}.cd .rail{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.cd .tabs{gap:0}.cd .tab{padding-inline:.5rem}.cd .foot{padding-inline:1rem}.cd .ribbon{grid-template-columns:minmax(0,1fr);gap:0}.cd .cell+.cell{margin-left:0;margin-top:calc(var(--bw) * -1)}.cd .swatch{flex-direction:row;align-items:center;gap:1rem;height:auto;min-height:3.5rem;padding:.625rem 1rem}.cd .cell:first-of-type>.swatch{border-radius:var(--r-strip) var(--r-strip) 0 0}.cd .cell:last-of-type>.swatch{border-radius:0 0 var(--r-strip) var(--r-strip)}.cd .swatch__num{min-width:2.25rem;font-size:.9375rem}.cd .swatch__aa{font-size:1.25rem}.cd .swatch__name{flex:1}.cd .swatch__flag{width:4px;height:auto;inset:.5rem auto .5rem 0}.cd .swatch__meta{font-variant-numeric:tabular-nums;text-align:right;margin-left:auto;font-size:.8125rem;line-height:1.3;display:block}.cd .swatch__hex{text-transform:uppercase}.cd .swatch__tag{border:var(--bw) solid currentColor;font-family:var(--font-label);letter-spacing:.04em;text-transform:uppercase;margin-right:.5rem;padding:0 .5rem;font-size:.6875rem;font-weight:700;display:inline-block}.cd .ribbon__base{display:none}.cd .ribbon>.cell,.cd .ribbon>.detail,.cd .ribbon>.hint{grid-row:auto}.cd .detail{grid-template-columns:minmax(0,1fr);margin-block:.75rem}.cd .detail:before{display:none}.cd .detail__head{flex-direction:column;gap:.25rem}}@media (prefers-reduced-motion:reduce){.cd *,.cd :before,.cd :after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}@media (forced-colors:active){.cd .swatch[aria-checked=true],.cd .swatch:focus-visible{outline-color:highlight}.cd .tab[aria-selected=true]{color:highlighttext;background:highlight}}@media (width<=23.75rem){.cd .tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.cd .tab{flex:none}}.cd .support__add{justify-self:start}.cd .support{margin-top:.5rem}.cd .hexrow--remove{grid-template-columns:var(--control) 1fr auto;align-items:center}.cd .tune__edit{gap:.25rem;margin-bottom:.5rem;display:grid}.cd .swatch__copy{z-index:3;cursor:pointer;background:var(--s);width:2rem;height:2rem;color:var(--t);border:var(--bw) solid currentColor;forced-color-adjust:none;opacity:0;transition:opacity .15s var(--ease);place-items:center;margin:0;padding:0;display:grid;position:absolute;top:.375rem;right:.375rem}.cd .swatch__copy svg{grid-area:1/1;width:1.125rem;height:1.125rem}.cd .swatch__copy-done,.cd .swatch__copy.is-done .swatch__copy-icon{display:none}.cd .swatch__copy.is-done .swatch__copy-done{display:block}.cd .swatch__copy:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.cd .cell:hover>.swatch__copy,.cd .cell:focus-within>.swatch__copy,.cd .swatch[aria-checked=true]+.swatch__copy,.cd .swatch__copy.is-done{opacity:1}@media (hover:none),(width<=56.25rem){.cd .swatch__copy{opacity:1;top:50%;right:.5rem;transform:translateY(-50%)}.cd .cell--copy .swatch__meta{margin-right:2.5rem}}@media (forced-colors:active){.cd .swatch__copy{forced-color-adjust:auto}}@media (prefers-reduced-motion:reduce){.cd .swatch__copy{transition:none}}.cd .help{max-width:80rem;margin:0 auto;padding:1rem 1.5rem 3rem}.cd .help__inner{gap:1.5rem;max-width:44rem;display:grid}.cd .help__back{justify-self:start}.cd .help__title{font-family:var(--font-title);text-transform:uppercase;letter-spacing:-.015em;font-size:2.25rem;font-weight:800;line-height:1.1}.cd .help__title:focus,.cd .help__h2:focus{outline:none}.cd .help__title:focus-visible,.cd .help__h2:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.cd .help__intro{max-width:60ch}.cd .help__toc{gap:.25rem;display:grid}.cd .help__toc-title{color:var(--muted);font-size:.875rem}.cd .help__toc ul{flex-wrap:wrap;gap:.25rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.cd .help__toc a{min-height:var(--control);color:var(--fg);text-underline-offset:.2em;align-items:center;font-weight:600;display:inline-flex}.cd .help__section{border-top:var(--bw) solid var(--fg);gap:1rem;padding-top:1.5rem;display:grid}.cd .help__h2{font-family:var(--font-title);font-size:1.5rem;font-weight:700;line-height:1.2}.cd .help__h3{font-family:var(--font-title);margin-top:1rem;font-size:1.125rem;font-weight:700;line-height:1.25}.cd .help__for{color:var(--muted);font-size:.875rem}.cd .help__steps{counter-reset:step;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.cd .help__steps li{counter-increment:step;grid-template-columns:2rem minmax(0,1fr);column-gap:.75rem;max-width:60ch;display:grid}.cd .help__steps li:before{content:counter(step);font-family:var(--font-title);font-variant-numeric:tabular-nums;grid-row:1/span 2;font-size:1.5rem;font-weight:700;line-height:1.2}.cd .help__step-title{font-weight:600}.cd .help__steps li>span{grid-column:2}.cd .help__faq{justify-items:start;gap:.5rem;display:grid}.cd .help__toggle{padding-left:0}.cd .help__list{width:100%;display:grid}.cd .help__q{border-bottom:var(--bw) solid var(--fg)}.cd .help__q:first-child{border-top:var(--bw) solid var(--fg)}.cd .help__q>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:3.25rem;padding:.5rem 0;font-weight:600;line-height:1.35;list-style:none;display:flex}.cd .help__q>summary::-webkit-details-marker{display:none}.cd .help__q>summary:after{content:"";width:.5rem;height:.5rem;transition:transform .2s var(--ease);border-bottom:2px solid;border-right:2px solid;flex:none;transform:translateY(-.125rem)rotate(45deg)}.cd .help__q[open]>summary:after{transform:translateY(.125rem)rotate(-135deg)}.cd .help__a{gap:.75rem;max-width:60ch;padding:0 0 1.25rem;line-height:1.55;display:grid}.cd .code{gap:.5rem;margin:0 0 .25rem;display:grid}.cd .code pre{background:var(--panel);border:var(--bw) solid var(--fg);border-radius:var(--r-panel);box-shadow:var(--shadow-comp);tab-size:2;margin:0;padding:1rem;font:400 .875rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}.cd .code__copy{order:-1;justify-self:end;height:2.25rem}@media (width<=56.25rem){.cd .help{padding-inline:1rem}.cd .help__title{font-size:1.875rem}}@media (prefers-reduced-motion:reduce){.cd .help__q>summary:after{transition:none}}@media (width<=767px){html{scroll-padding-top:calc(var(--header-mobile-height) + var(--scale-x2))}}