fauxparse · August 10, 2026 03:37
diff --git a/comparison.html b/comparison.html
 <!doctype html><meta charset="utf-8"><title>Issue 186 colour scale prototype</title><style>body{font:14px system-ui;margin:32px;background:#f6f6f6;color:#222}section{background:#fff;padding:16px;margin:16px 0;border-radius:8px;box-shadow:0 1px 4px #0002}svg{display:block;max-width:980px;margin:8px 0;border:1px solid #ddd;background:#fff}code{font-family:ui-monospace,monospace}</style><h1>Issue 186 colour scale prototype</h1><p>Delta-transfer vs fixed-lightness baseline. Each row pins the seed at its nearest reference rung, then applies either clamp-chroma or CSS4-style hue-preserving gamut mapping.</p><section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · red · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · red · delta-transfer · clamp-chroma · seed #fb4934</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffcfc" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ffeceb" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ffd5d2" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ffb0a9" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ff766a" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#fb4934" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#e82c00" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#c22602" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#a12611" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#85281b" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#4a140c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · red · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · red · delta-transfer · css4-hue-preserving · seed #fb4934</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffaf9" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ffeae8" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ffd3cf" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ffada6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ff7467" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#fb4934" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#e82c00" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#c22602" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#a12611" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#85281b" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#4a140c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · red · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · red · fixed-ramp · clamp-chroma · seed #fb4934</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffcfc" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ffede9" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ffd5ce" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ffb1a3" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ff7763" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#fb4934" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#e82a16" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#c32413" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#a12517" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#85281c" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#4a140d" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · red · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · red · fixed-ramp · css4-hue-preserving · seed #fb4934</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffaf8" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ffebe6" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ffd3ca" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ffae9f" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ff7560" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#fb4934" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#e82a16" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#c32413" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#a12517" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#85281c" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#4a140d" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · orange · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · orange · delta-transfer · clamp-chroma · seed #fe8019</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f9f1e7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fae6cf" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fbcfa3" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#feb068" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#fe8019" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#fb6400" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#eb4600" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#c32d00" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#99250c" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#792310" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#3f0d06" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · orange · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · orange · delta-transfer · css4-hue-preserving · seed #fe8019</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f9f1e7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fae6cf" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fbcfa3" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#feb068" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#fe8019" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#ff5f00" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#ef3f00" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#c42b00" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#99250c" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#792310" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#3f0d06" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · orange · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · orange · fixed-ramp · clamp-chroma · seed #fe8019</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffefe" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ffefe6" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ffd9c3" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ffb68a" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#fe8019" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#e26e00" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#c76000" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#a85000" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#8e4300" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#7b3900" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#451d00" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · orange · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · orange · fixed-ramp · css4-hue-preserving · seed #fe8019</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffcf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ffeee1" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ffd8bf" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ffb586" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#fe8019" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#ec6600" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#d05800" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#b14800" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#973b00" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#833100" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#4a1900" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · yellow · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · yellow · delta-transfer · clamp-chroma · seed #fabd2f</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f9f4e5" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fcf0c5" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fee595" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ffd45e" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#fabd2f" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#eaa831" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#c7812a" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#9b5b24" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#7e4721" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#693a20" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#3a1c0e" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · yellow · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · yellow · delta-transfer · css4-hue-preserving · seed #fabd2f</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f9f4e5" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fcf0c5" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fee595" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ffd45a" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#fabd2f" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#eaa831" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#c7812a" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#9b5b24" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#7e4721" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#693a20" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#3a1c0e" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · yellow · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · yellow · fixed-ramp · clamp-chroma · seed #fabd2f</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffdfa" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fff0d5" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fddd9f" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#fabd2f" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#fabd2f" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#bb8900" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#a47800" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#8a6500" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#745400" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#644800" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#372600" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · yellow · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · yellow · fixed-ramp · css4-hue-preserving · seed #fabd2f</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffdf0" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fff0d1" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fddd9f" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#fabd2f" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#fabd2f" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#c08700" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#a97600" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#8f6300" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#795200" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#694600" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#3b2400" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · green · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · green · delta-transfer · clamp-chroma · seed #b8bb26</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f0f1e7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e8edd4" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#dbe3b3" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#cbd47b" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#b8bb26" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#a6a300" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#888500" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#686800" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#505104" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#40420d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#202102" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · green · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · green · delta-transfer · css4-hue-preserving · seed #b8bb26</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f0f1e7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e8edd4" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#dbe3b3" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#cbd47b" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#b8bb26" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#a7a400" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#898500" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#696800" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#505104" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#40420d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#202102" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · green · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · green · fixed-ramp · clamp-chroma · seed #b8bb26</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#e7e9db" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#dddfbe" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#cdd18f" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#b8bb26" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#b8bb26" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#838500" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#717200" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#5c5d00" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#4b4c00" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#3e3f00" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1b1b00" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · green · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · green · fixed-ramp · css4-hue-preserving · seed #b8bb26</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#e7e9db" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#dddfbe" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#cdd18f" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#b8bb26" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#b8bb26" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#848500" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#727300" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#5d5e00" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#4c4c00" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#3e3f00" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1b1b00" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · aqua · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · aqua · delta-transfer · clamp-chroma · seed #8ec07c</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#ecf0e7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#dfead4" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#cce1bb" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#b1d599" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#8ec07c" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#75a86e" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#53875b" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#406b48" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#33553b" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#294632" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#152c1e" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · aqua · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · aqua · delta-transfer · css4-hue-preserving · seed #8ec07c</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#ecf0e7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#dfead4" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#cce1bb" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#b1d599" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#8ec07c" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#75a86e" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#53875b" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#406b48" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#33553b" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#294632" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#152c1e" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · aqua · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · aqua · fixed-ramp · clamp-chroma · seed #8ec07c</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#ffffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f5fef2" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#dff0d9" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#bddbb2" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#8ec07c" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#70ae59" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#5d9c43" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#4e8339" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#446f34" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#3e5f32" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#23361c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · aqua · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · aqua · fixed-ramp · css4-hue-preserving · seed #8ec07c</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdfffc" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f5fef2" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#dff0d9" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#bddbb2" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#8ec07c" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#70ae59" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#5d9c43" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#4e8339" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#446f34" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#3e5f32" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#23361c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · blue · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · blue · delta-transfer · clamp-chroma · seed #83a598</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#eef1f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#dfe6e3" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#cad7d2" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#adc2b8" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#83a598" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#5f8e81" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#41786c" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#2f675d" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#28534c" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#27453f" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#192a27" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · blue · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · blue · delta-transfer · css4-hue-preserving · seed #83a598</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#eef1f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#dfe6e3" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#cad7d2" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#adc2b8" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#83a598" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#5f8e81" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#41786c" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#2f675d" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#28534c" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#27453f" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#192a27" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · blue · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · blue · fixed-ramp · clamp-chroma · seed #83a598</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f0f2f1" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e2e8e5" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#cdd8d4" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#aec2ba" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#83a598" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#689283" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#558171" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#466a5d" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#3b584d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#334941" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#17241f" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · blue · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · blue · fixed-ramp · css4-hue-preserving · seed #83a598</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f0f2f1" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e2e8e5" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#cdd8d4" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#aec2ba" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#83a598" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#689283" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#558171" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#466a5d" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#3b584d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#334941" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#17241f" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · purple · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · purple · delta-transfer · clamp-chroma · seed #d3869b</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f9f3f4" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f4e6e9" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#eed4da" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#e5b5c0" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#d3869b" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#c26282" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#af496f" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#963b5f" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#7c334d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#632b3d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#441828" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · purple · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · purple · delta-transfer · css4-hue-preserving · seed #d3869b</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f9f3f4" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f4e6e9" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#eed4da" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#e5b5c0" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#d3869b" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#c26282" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#af496f" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#963b5f" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#7c334d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#632b3d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#441828" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · purple · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · purple · fixed-ramp · clamp-chroma · seed #d3869b</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#faf4f5" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f5e6e9" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#edd1d8" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#e2b2bd" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#d3869b" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#c76a86" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#b45774" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#964860" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#7c3d50" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#663544" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#361a22" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · purple · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · purple · fixed-ramp · css4-hue-preserving · seed #d3869b</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#faf4f5" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f5e6e9" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#edd1d8" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#e2b2bd" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#d3869b" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#c76a86" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#b45774" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#964860" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#7c3d50" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#663544" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#361a22" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.03 · seed #282828</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fafafa" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f4f4f4" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e7e7e7" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d4d4d4" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a0a0a0" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#717171" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#545454" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#404040" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#282828" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#181818" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#070707" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.04 · seed #282828</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fafafa" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f4f4f4" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e7e7e7" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d4d4d4" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a0a0a0" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#717171" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#545454" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#404040" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#282828" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#181818" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#070707" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.045 · seed #282828</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fafafa" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f4f4f4" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e7e7e7" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d4d4d4" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a0a0a0" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#717171" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#545454" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#404040" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#282828" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#181818" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#070707" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.05 · seed #282828</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fafafa" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f4f4f4" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e7e7e7" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d4d4d4" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a0a0a0" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#717171" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#545454" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#404040" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#282828" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#181818" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#070707" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.06 · seed #282828</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fafafa" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f4f4f4" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e7e7e7" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d4d4d4" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a0a0a0" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#717171" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#545454" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#404040" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#282828" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#181818" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#070707" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.03 · seed #3c3836</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f4efed" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#eee9e7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e2dcda" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#cfcac8" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9b9694" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6d6866" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#4f4b49" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3c3836" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#24211f" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#14110f" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#050302" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.04 · seed #3c3836</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f4efed" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#eee9e7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e2dcda" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#cfcac8" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9b9694" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6d6866" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#4f4b49" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3c3836" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#24211f" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#14110f" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#050302" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.045 · seed #3c3836</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f4efed" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#eee9e7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e2dcda" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#cfcac8" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9b9694" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6d6866" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#4f4b49" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3c3836" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#24211f" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#14110f" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#050302" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.05 · seed #3c3836</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f4efed" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#eee9e7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e2dcda" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#cfcac8" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9b9694" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6d6866" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#4f4b49" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3c3836" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#24211f" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#14110f" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#050302" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.06 · seed #3c3836</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f4efed" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#eee9e7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e2dcda" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#cfcac8" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9b9694" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6d6866" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#4f4b49" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3c3836" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#24211f" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#14110f" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#050302" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.03 · seed #504945</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f5ece8" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#efe7e2" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e2dad5" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d0c8c3" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9c948f" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6d6662" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#504945" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3d3632" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#251f1b" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#150f0c" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#050201" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.04 · seed #504945</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f5ece8" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#efe7e2" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e2dad5" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d0c8c3" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9c948f" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6d6662" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#504945" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3d3632" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#251f1b" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#150f0c" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#050201" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.045 · seed #504945</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f5ece8" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#efe7e2" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e2dad5" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d0c8c3" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9c948f" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6d6662" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#504945" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3d3632" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#251f1b" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#150f0c" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#050201" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.05 · seed #504945</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f5ece8" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#efe7e2" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e2dad5" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d0c8c3" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9c948f" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6d6662" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#504945" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3d3632" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#251f1b" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#150f0c" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#050201" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.06 · seed #504945</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f5ece8" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#efe7e2" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e2dad5" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d0c8c3" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9c948f" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6d6662" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#504945" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3d3632" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#251f1b" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#150f0c" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#050201" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.03 · seed #665c54</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffef7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fffdf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fbf1e9" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#eaded5" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#b5a9a0" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#857a72" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#665c54" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#524840" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#382f28" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#271f18" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#140d07" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.04 · seed #665c54</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffef7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fffdf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fbf1e9" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#eaded5" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#b5a9a0" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#857a72" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#665c54" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#524840" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#382f28" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#271f18" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#140d07" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.045 · seed #665c54</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffef7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fffdf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fbf1e9" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#eaded5" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#b5a9a0" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#857a72" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#665c54" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#524840" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#382f28" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#271f18" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#140d07" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.05 · seed #665c54</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffef7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fffdf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fbf1e9" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#eaded5" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#b5a9a0" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#857a72" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#665c54" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#524840" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#382f28" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#271f18" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#140d07" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.06 · seed #665c54</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffef7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fffdf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fbf1e9" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#eaded5" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#b5a9a0" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#857a72" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#665c54" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#524840" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#382f28" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#271f18" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#140d07" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.03 · seed #bdae93</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#e6e4e1" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ddd8d1" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d0c7b9" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#bdae93" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a38d5f" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#91793c" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#7e6826" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#67541d" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#534419" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#443818" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1e1705" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.04 · seed #bdae93</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#e6e4e1" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ddd8d1" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d0c7b9" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#bdae93" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a38d5f" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#91793c" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#7e6826" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#67541d" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#534419" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#443818" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1e1705" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.045 · seed #bdae93</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffff6" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fffff6" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fdf7ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ece4d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#bdae93" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#8b7f68" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6d6048" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#594c34" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#3f331b" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#2e220a" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1a0f00" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.05 · seed #bdae93</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffff6" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fffff6" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fdf7ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ece4d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#bdae93" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#8b7f68" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6d6048" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#594c34" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#3f331b" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#2e220a" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1a0f00" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-dark-medium · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-dark-medium · neutral threshold 0.06 · seed #bdae93</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffff6" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fffff6" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fdf7ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ece4d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#bdae93" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#8b7f68" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6d6048" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#594c34" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#3f331b" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#2e220a" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1a0f00" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · red · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · red · delta-transfer · clamp-chroma · seed #9d0006</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcf0f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fde0df" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fec7c6" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ffa09f" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ff6161" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#f9262c" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#e00007" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#bb0003" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#9d0006" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#801414" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#450605" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · red · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · red · delta-transfer · css4-hue-preserving · seed #9d0006</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcf0f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fde0df" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fec7c6" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ffa09e" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ff6161" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#f9262c" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#e60000" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#bf0000" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#9d0006" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#801414" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#450605" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · red · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · red · fixed-ramp · clamp-chroma · seed #9d0006</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcf0ee" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fde0dc" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fec8c0" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ffa195" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ff6354" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#f92824" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#e0000d" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#bb0009" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#9d0006" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#801511" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#450605" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · red · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · red · fixed-ramp · css4-hue-preserving · seed #9d0006</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcf0ee" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fde0dc" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fec8c0" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ffa194" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ff6354" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#f92824" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#e60000" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#bf0000" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#9d0006" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#801511" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#450605" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · orange · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · orange · delta-transfer · clamp-chroma · seed #af3a03</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f0eae2" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#efe0cc" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#eccba4" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ebaf70" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#e78531" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#e66a0b" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#d75000" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#af3a03" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#882e0d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#6a270f" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#340e03" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · orange · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · orange · delta-transfer · css4-hue-preserving · seed #af3a03</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f0eae2" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#efe0cc" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#eccba4" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ebaf70" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#e78531" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#e66a0b" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#d75000" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#af3a03" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#882e0d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#6a270f" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#340e03" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · orange · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · orange · fixed-ramp · clamp-chroma · seed #af3a03</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fef6f3" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fce7e1" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#f8d2c5" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#f4b099" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ed7f5a" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#e45d2a" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#d14601" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#af3a03" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#90330e" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#773016" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#411708" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · orange · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · orange · fixed-ramp · css4-hue-preserving · seed #af3a03</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fef6f3" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fce7e1" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#f8d2c5" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#f4b099" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ed7f5a" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#e45d2a" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#d14601" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#af3a03" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#90330e" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#773016" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#411708" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · yellow · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · yellow · delta-transfer · clamp-chroma · seed #b57614</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#e9e6d7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ebe2b8" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ebd889" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ebc84e" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#e5b219" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#d69d1c" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#b57614" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#8b5010" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#6f3c10" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#5a3012" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#2e1203" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · yellow · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · yellow · delta-transfer · css4-hue-preserving · seed #b57614</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#e9e6d7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ebe2b8" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ebd889" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ebc84e" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#e5b219" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#d69d1c" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#b57614" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#8b5010" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#6f3c10" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#5a3012" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#2e1203" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · yellow · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · yellow · fixed-ramp · clamp-chroma · seed #b57614</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f2eeea" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ebe2d7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e1d0bc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d4b48f" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#c28e4e" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#b57614" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#b57614" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#845300" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#6d4400" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#5a3908" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#2d1a01" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · yellow · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · yellow · fixed-ramp · css4-hue-preserving · seed #b57614</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f2eeea" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ebe2d7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e1d0bc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d4b48f" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#c28e4e" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#b57614" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#b57614" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#875100" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#6e4300" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#5a3908" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#2d1a01" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · green · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · green · delta-transfer · clamp-chroma · seed #79740e</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#ffffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f8fce3" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#edf2c3" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#dee28b" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#cbc840" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#b9b000" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#9a9200" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#79740e" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#5f5d1a" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#4e4e1d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#2c2c0e" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · green · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · green · delta-transfer · css4-hue-preserving · seed #79740e</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffff6" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f8fce3" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#edf2c3" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#dee28b" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#cbc840" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#bab000" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#9b9200" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#79740e" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#5f5d1a" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#4e4e1d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#2c2c0e" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · green · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · green · fixed-ramp · clamp-chroma · seed #79740e</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#ebebe7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e1e1d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d1d1bc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#bab993" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9d9a58" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#8a862e" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#79740e" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#79740e" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#514e0d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#434013" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1f1d04" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · green · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · green · fixed-ramp · css4-hue-preserving · seed #79740e</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#ebebe7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e1e1d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d1d1bc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#bab993" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9d9a58" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#8a862e" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#79740e" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#79740e" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#514e0d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#434013" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1f1d04" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · aqua · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · aqua · delta-transfer · clamp-chroma · seed #427b58</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdfffc" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ebfbe3" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d5f3ca" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#b5e7a8" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#8ed38c" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#75bb7e" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#53986b" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#427b58" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#37644a" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#2f5440" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1b392b" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · aqua · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · aqua · delta-transfer · css4-hue-preserving · seed #427b58</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fafff7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ebfbe3" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d5f3ca" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#b5e7a8" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#8ed38c" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#75bb7e" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#53986b" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#427b58" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#37644a" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#2f5440" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1b392b" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · aqua · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · aqua · fixed-ramp · clamp-chroma · seed #427b58</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#ffffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#edf6f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d7e8dc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#b4d2bd" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#83b795" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#63a57c" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#4f9369" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#427b58" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#3a674b" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#355741" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1c3023" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · aqua · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · aqua · fixed-ramp · css4-hue-preserving · seed #427b58</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcfffd" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#edf6f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d7e8dc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#b4d2bd" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#83b795" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#63a57c" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#4f9369" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#427b58" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#3a674b" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#355741" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1c3023" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · blue · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · blue · delta-transfer · clamp-chroma · seed #076678</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#ecf0f1" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#dbe5e6" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#c4d7d9" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#a2c2c5" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#72a6ac" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#498e9a" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#227789" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#076678" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#0f5261" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#1a444e" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#13292f" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · blue · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · blue · delta-transfer · css4-hue-preserving · seed #076678</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#ecf0f1" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#dbe5e6" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#c4d7d9" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#a2c2c5" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#72a6ac" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#498e9a" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#227789" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#076678" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#0f5261" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#1a444e" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#13292f" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · blue · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · blue · fixed-ramp · clamp-chroma · seed #076678</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e8f5f9" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#cee7ee" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#a2d2df" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#60b6cb" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#26a4be" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#0091aa" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#076678" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#076678" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#185764" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#0b2f37" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · blue · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · blue · fixed-ramp · css4-hue-preserving · seed #076678</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#faffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e8f5f9" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#cee7ee" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#a2d2df" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#60b6cb" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#26a4be" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#0091ac" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#076678" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#076678" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#185764" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#0b2f37" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · purple · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · purple · delta-transfer · clamp-chroma · seed #8f3f71</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f9f3f6" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f4e7ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#edd5df" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#e1b6ca" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#cd88ab" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#bb6596" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#a74d84" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#8f3f71" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#77365c" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#602d49" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#411a32" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · purple · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · purple · delta-transfer · css4-hue-preserving · seed #8f3f71</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f9f3f6" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f4e7ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#edd5df" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#e1b6ca" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#cd88ab" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#bb6596" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#a74d84" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#8f3f71" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#77365c" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#602d49" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#411a32" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · purple · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · purple · fixed-ramp · clamp-chroma · seed #8f3f71</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f4eef1" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#eee0e8" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e6cbda" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#dbabc6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#cb7eab" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#bf619a" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#ad4d89" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#8f3f71" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#75355d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#602f4d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#311426" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · purple · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · purple · fixed-ramp · css4-hue-preserving · seed #8f3f71</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f4eef1" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#eee0e8" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e6cbda" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#dbabc6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#cb7eab" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#bf619a" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#ad4d89" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#8f3f71" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#75355d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#602f4d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#311426" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.03 · seed #fbf1c7</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fbf1c7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ffe573" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#f9d200" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#dabb00" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#b19c00" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#968900" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#807800" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#6a6300" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#585200" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#4c4400" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#252100" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.04 · seed #fbf1c7</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fbf1c7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ffe573" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#f9d200" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#dabb00" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#b19c00" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#968900" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#807800" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#6a6300" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#585200" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#4c4400" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#252100" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.045 · seed #fbf1c7</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fbf1c7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ffe573" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#f9d200" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#dabb00" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#b19c00" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#968900" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#807800" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#6a6300" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#585200" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#4c4400" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#252100" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.05 · seed #fbf1c7</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fbf1c7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ffe573" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#f9d200" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#dabb00" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#b19c00" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#968900" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#807800" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#6a6300" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#585200" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#4c4400" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#252100" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.06 · seed #fbf1c7</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f8f6ed" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fbf1c7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e6e4d8" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d5d1c3" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a39d87" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#756f56" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#575138" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#443e22" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#2c250a" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#1c1500" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#090500" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.03 · seed #f2e5bc</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f6f1e0" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f2e5bc" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#edd380" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#e2b800" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#b89a00" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#9c8700" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#867700" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#6f6200" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#5d5000" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#4f4300" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#282000" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.04 · seed #f2e5bc</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f6f1e0" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f2e5bc" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#edd380" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#e2b800" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#b89a00" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#9c8700" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#867700" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#6f6200" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#5d5000" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#4f4300" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#282000" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.045 · seed #f2e5bc</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f6f1e0" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f2e5bc" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#edd380" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#e2b800" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#b89a00" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#9c8700" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#867700" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#6f6200" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#5d5000" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#4f4300" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#282000" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.05 · seed #f2e5bc</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f6f1e0" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f2e5bc" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#edd380" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#e2b800" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#b89a00" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#9c8700" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#867700" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#6f6200" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#5d5000" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#4f4300" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#282000" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.06 · seed #f2e5bc</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fbf8ef" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f5f2e9" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#f2e5bc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d7d3c5" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a69f89" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#787058" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#5a5239" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#473e23" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#2e260c" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#1e1600" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#0b0600" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.03 · seed #ebdbb2</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcf8f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f5ecd7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ebdbb2" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ddc171" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#c69e00" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#aa8c00" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#927b00" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#7a6700" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#675500" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#594800" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#302500" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.04 · seed #ebdbb2</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcf8f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f5ecd7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ebdbb2" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ddc171" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#c69e00" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#aa8c00" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#927b00" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#7a6700" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#675500" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#594800" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#302500" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.045 · seed #ebdbb2</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcf8f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f5ecd7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ebdbb2" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ddc171" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#c69e00" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#aa8c00" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#927b00" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#7a6700" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#675500" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#594800" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#302500" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.05 · seed #ebdbb2</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcf8f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f5ecd7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ebdbb2" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ddc171" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#c69e00" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#aa8c00" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#927b00" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#7a6700" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#675500" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#594800" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#302500" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.06 · seed #ebdbb2</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffff6" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fffbf2" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#f3eee3" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ebdbb2" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#afa791" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#817860" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#635940" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#50452a" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#362d13" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#261c02" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#120a00" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.03 · seed #d5c4a1</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdfbf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f4efe5" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e8decb" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d5c4a1" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#bba265" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#a98e3c" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#957c22" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#7c681d" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#68571d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#584a20" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#2f270e" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.04 · seed #d5c4a1</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdfbf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f4efe5" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e8decb" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d5c4a1" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#bba265" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#a98e3c" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#957c22" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#7c681d" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#68571d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#584a20" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#2f270e" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.045 · seed #d5c4a1</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdfbf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f4efe5" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e8decb" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d5c4a1" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#bba265" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#a98e3c" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#957c22" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#7c681d" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#68571d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#584a20" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#2f270e" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.05 · seed #d5c4a1</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdfbf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f4efe5" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e8decb" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d5c4a1" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#bba265" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#a98e3c" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#957c22" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#7c681d" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#68571d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#584a20" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#2f270e" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.06 · seed #d5c4a1</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#eeeae2" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e9e4db" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ddd7cc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d5c4a1" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9b917d" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6e634c" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#51462e" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3f3319" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#261b03" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#170c00" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#050100" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.03 · seed #bdae93</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#e6e4e1" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ddd8d1" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d0c7b9" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#bdae93" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a38d5f" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#91793c" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#7e6826" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#67541d" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#534419" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#443818" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1e1705" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.04 · seed #bdae93</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#e6e4e1" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ddd8d1" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d0c7b9" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#bdae93" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a38d5f" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#91793c" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#7e6826" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#67541d" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#534419" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#443818" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1e1705" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.045 · seed #bdae93</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffff6" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fffff6" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fdf7ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ece4d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#bdae93" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#8b7f68" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6d6048" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#594c34" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#3f331b" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#2e220a" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1a0f00" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.05 · seed #bdae93</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffff6" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fffff6" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fdf7ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ece4d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#bdae93" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#8b7f68" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6d6048" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#594c34" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#3f331b" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#2e220a" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1a0f00" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="gruvbox-light-medium · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">gruvbox-light-medium · neutral threshold 0.06 · seed #bdae93</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffff6" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fffff6" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fdf7ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ece4d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#bdae93" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#8b7f68" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6d6048" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#594c34" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#3f331b" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#2e220a" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1a0f00" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · red · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · red · delta-transfer · clamp-chroma · seed #f7768e</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffafb" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ffeaee" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ffd2da" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#fcadbb" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#f7768e" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#f04e6d" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#dd3455" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#ba2c47" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#99293d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#7f2a38" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#46141c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · red · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · red · delta-transfer · css4-hue-preserving · seed #f7768e</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fff9fb" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ffe9ed" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ffd2da" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#fcadbb" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#f7768e" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#f04e6d" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#dd3455" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#ba2c47" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#99293d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#7f2a38" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#46141c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · red · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · red · fixed-ramp · clamp-chroma · seed #f7768e</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffafb" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ffeaec" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ffd2d7" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#fdadb8" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#f7768e" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#ef4e74" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#dc3362" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#b82b52" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#992945" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#7e293c" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#46141f" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · red · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · red · fixed-ramp · css4-hue-preserving · seed #f7768e</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fff9fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ffe9ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ffd2d7" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#fdadb8" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#f7768e" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#ef4e74" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#dc3362" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#b82b52" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#992945" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#7e293c" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#46141f" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · orange · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · orange · delta-transfer · clamp-chroma · seed #ff9e64</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#ffffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fffbf8" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ffe5ce" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ffc99d" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ff9e64" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#fd8554" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#ed6d4b" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#c55640" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#9d4838" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#7f3e31" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#48221c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · orange · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · orange · delta-transfer · css4-hue-preserving · seed #ff9e64</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffef7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fff9e8" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ffe4c3" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ffc794" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ff9e64" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#fd8554" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#ed6d4b" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#c55640" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#9d4838" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#7f3e31" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#48221c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · orange · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · orange · fixed-ramp · clamp-chroma · seed #ff9e64</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f8ece5" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f9dccc" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fbc5a6" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ff9e64" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ff9e64" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#ce6100" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#b45400" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#954400" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#7c3800" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#682e00" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#351400" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · orange · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · orange · fixed-ramp · css4-hue-preserving · seed #ff9e64</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f8ece5" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f9dccc" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fbc5a6" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#ff9e64" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ff9e64" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#d85900" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#bd4b00" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#9e3c00" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#842f00" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#712600" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#3c0c00" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · yellow · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · yellow · delta-transfer · clamp-chroma · seed #e0af68</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fbf7ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fcf2d4" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fce8b1" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#f9d889" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#f1c370" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#e0af68" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#bd8955" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#926342" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#774f37" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#634130" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#372118" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · yellow · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · yellow · delta-transfer · css4-hue-preserving · seed #e0af68</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fbf7ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fcf2d4" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fce8b1" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#f9d889" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#f1c370" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#e0af68" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#bd8955" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#926342" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#774f37" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#634130" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#372118" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · yellow · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · yellow · fixed-ramp · clamp-chroma · seed #e0af68</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f2ece5" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#eee0cd" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e8cda8" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#e0af68" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ca8900" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#e0af68" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#996700" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#7e5400" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#684500" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#583900" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#2b1a00" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · yellow · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · yellow · fixed-ramp · css4-hue-preserving · seed #e0af68</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f2ece5" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#eee0cd" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e8cda8" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#e0af68" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#d18600" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#e0af68" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#9f6400" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#845100" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#6e4200" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#5d3600" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#301700" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · green · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · green · delta-transfer · clamp-chroma · seed #9ece6a</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f7fcf4" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ebf8e5" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d8f0cb" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#bce4a0" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9ece6a" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#8cb74b" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#739739" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#5a7732" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#475e2d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#3b4e28" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1f2b14" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · green · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · green · delta-transfer · css4-hue-preserving · seed #9ece6a</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f7fcf4" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ebf8e5" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d8f0cb" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#bce4a0" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9ece6a" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#8cb74b" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#739739" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#5a7732" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#475e2d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#3b4e28" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1f2b14" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · green · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · green · fixed-ramp · clamp-chroma · seed #9ece6a</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#eef4e8" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ddebd0" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#c4e0ab" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#9ece6a" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9ece6a" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#649a00" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#568600" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#476f00" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#3a5c00" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#304d00" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#152600" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · green · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · green · fixed-ramp · css4-hue-preserving · seed #9ece6a</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#eef4e8" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ddebd0" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#c4e0ab" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#9ece6a" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9ece6a" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#5e9c00" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#518800" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#417100" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#345e00" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#2b4f00" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#112800" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · aqua · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · aqua · delta-transfer · clamp-chroma · seed #7dcfff</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#ffffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f6fcff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d9f2ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#b4e5ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#7dcfff" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#70b5e4" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#5f91bd" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#4f769a" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#43617d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#3c5169" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#28374a" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · aqua · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · aqua · delta-transfer · css4-hue-preserving · seed #7dcfff</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f6ffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e6ffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#c9f6ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#a1e8ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#7dcfff" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#70b5e4" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#5f91bd" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#4f769a" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#43617d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#3c5169" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#28374a" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · aqua · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · aqua · fixed-ramp · clamp-chroma · seed #7dcfff</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f4fbff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#dcf1ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#bae4fe" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#7dcfff" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#7dcfff" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#009ad7" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#0087bd" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#00719f" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#005e85" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#005072" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#002a3f" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · aqua · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · aqua · fixed-ramp · css4-hue-preserving · seed #7dcfff</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f2fbff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#dcf2ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#bae4fe" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#7dcfff" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#7dcfff" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#009be4" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#0088c9" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#0071ab" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#005f91" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#00517e" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#002b49" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · blue · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · blue · delta-transfer · clamp-chroma · seed #7aa2f7</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f6f9ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e4edfe" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ccddfc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#a6c5fc" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#7aa2f7" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6281f1" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#5162e4" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#464fcf" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#3c42a7" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#353c83" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#242750" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · blue · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · blue · delta-transfer · css4-hue-preserving · seed #7aa2f7</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f5f9ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e4edfe" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ccddfc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#a6c5fc" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#7aa2f7" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6281f1" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#5162e4" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#464fcf" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#3c42a7" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#353c83" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#242750" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · blue · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · blue · fixed-ramp · clamp-chroma · seed #7aa2f7</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f8faff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e7effe" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d0defb" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#abc5f9" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#7aa2f7" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#5c8af3" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#4977e1" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3c63bd" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#34549b" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#2f487f" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#172646" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · blue · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · blue · fixed-ramp · css4-hue-preserving · seed #7aa2f7</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f7fbff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e7effe" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d0defb" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#abc5f9" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#7aa2f7" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#5c8af3" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#4977e1" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3c63bd" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#34549b" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#2f487f" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#172646" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · purple · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · purple · delta-transfer · clamp-chroma · seed #bb9af7</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#ffffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#faf8ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#eee6ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#dac7ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#bb9af7" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#a277f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#8c5ee1" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#784fc5" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#6745a2" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#563b82" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#3b2761" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · purple · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · purple · delta-transfer · css4-hue-preserving · seed #bb9af7</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffeff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fcf7ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#efe5ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#dac7ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#bb9af7" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#a277f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#8c5ee1" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#784fc5" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#6745a2" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#563b82" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#3b2761" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · purple · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · purple · fixed-ramp · clamp-chroma · seed #bb9af7</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#ffffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#faf8ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ece4ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d7c4fd" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#bb9af7" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#aa7ef1" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#986adf" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#805abc" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#6c4e9c" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#5c4582" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#34274b" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · purple · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · purple · fixed-ramp · css4-hue-preserving · seed #bb9af7</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffeff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fcf7ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ece3ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d7c4fd" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#bb9af7" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#aa7ef1" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#986adf" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#805abc" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#6c4e9c" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#5c4582" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#34274b" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.03 · seed #1a1b26</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdfeff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f8f9ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#eaecf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d7d9e8" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a3a4b3" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#747583" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#565865" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#424450" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#2a2b37" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#1a1b26" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#090913" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.04 · seed #1a1b26</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdfeff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f8f9ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#eaecf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d7d9e8" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a3a4b3" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#747583" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#565865" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#424450" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#2a2b37" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#1a1b26" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#090913" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.045 · seed #1a1b26</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdfeff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f8f9ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#eaecf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d7d9e8" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a3a4b3" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#747583" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#565865" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#424450" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#2a2b37" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#1a1b26" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#090913" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.05 · seed #1a1b26</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdfeff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f8f9ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#eaecf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d7d9e8" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a3a4b3" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#747583" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#565865" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#424450" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#2a2b37" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#1a1b26" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#090913" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.06 · seed #1a1b26</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdfeff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f8f9ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#eaecf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d7d9e8" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a3a4b3" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#747583" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#565865" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#424450" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#2a2b37" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#1a1b26" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#090913" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.03 · seed #16161e</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f7f7ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f1f1fb" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e4e4f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d1d2dd" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9d9ea8" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6f6f79" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#51515b" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3e3e47" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#26262f" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#16161e" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#06060c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.04 · seed #16161e</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f7f7ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f1f1fb" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e4e4f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d1d2dd" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9d9ea8" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6f6f79" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#51515b" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3e3e47" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#26262f" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#16161e" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#06060c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.045 · seed #16161e</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f7f7ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f1f1fb" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e4e4f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d1d2dd" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9d9ea8" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6f6f79" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#51515b" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3e3e47" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#26262f" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#16161e" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#06060c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.05 · seed #16161e</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f7f7ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f1f1fb" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e4e4f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d1d2dd" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9d9ea8" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6f6f79" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#51515b" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3e3e47" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#26262f" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#16161e" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#06060c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.06 · seed #16161e</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f7f7ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f1f1fb" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e4e4f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d1d2dd" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9d9ea8" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6f6f79" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#51515b" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3e3e47" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#26262f" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#16161e" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#06060c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.03 · seed #292e42</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f5faff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e1e9fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#c2cfee" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9bade0" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#8696d5" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#7683c3" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#636ea4" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#545e89" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#495273" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#292e42" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.04 · seed #292e42</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fafdff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#edf0fc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d9ddec" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a2a8be" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#727990" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#555b71" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#41475c" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#292e42" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#191d30" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#080b1c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.045 · seed #292e42</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fafdff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#edf0fc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d9ddec" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a2a8be" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#727990" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#555b71" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#41475c" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#292e42" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#191d30" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#080b1c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.05 · seed #292e42</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fafdff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#edf0fc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d9ddec" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a2a8be" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#727990" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#555b71" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#41475c" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#292e42" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#191d30" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#080b1c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.06 · seed #292e42</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fafdff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#edf0fc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d9ddec" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a2a8be" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#727990" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#555b71" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#41475c" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#292e42" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#191d30" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#080b1c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.03 · seed #444b6a</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcfdff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#eef2fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#dae1f1" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#bcc8e5" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#96a5d5" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#818fc9" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#717cb7" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#5f6799" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#50577f" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#444b6a" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#24283a" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.04 · seed #444b6a</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcfdff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#eef2fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#dae1f1" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#bcc8e5" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#96a5d5" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#818fc9" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#717cb7" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#5f6799" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#50577f" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#444b6a" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#24283a" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.045 · seed #444b6a</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcfdff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#eef2fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#dae1f1" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#bcc8e5" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#96a5d5" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#818fc9" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#717cb7" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#5f6799" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#50577f" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#444b6a" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#24283a" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.05 · seed #444b6a</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcfdff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#eef2fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#dae1f1" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#bcc8e5" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#96a5d5" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#818fc9" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#717cb7" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#5f6799" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#50577f" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#444b6a" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#24283a" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.06 · seed #444b6a</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#eff1fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e8ebf4" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#dbdeea" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#c8ccda" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9298ad" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#636980" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#444b6a" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#323851" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#1c2037" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#0d1026" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#020210" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.03 · seed #a9b1d6</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#e6e7ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#d9dce7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#c5cbdf" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#a9b1d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#868eca" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#7476c0" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6563ae" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#52508f" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#424174" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#36375d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#17172d" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.04 · seed #a9b1d6</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#e6e7ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#d9dce7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#c5cbdf" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#a9b1d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#868eca" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#7476c0" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6563ae" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#52508f" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#424174" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#36375d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#17172d" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.045 · seed #a9b1d6</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#e6e7ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#d9dce7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#c5cbdf" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#a9b1d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#868eca" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#7476c0" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6563ae" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#52508f" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#424174" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#36375d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#17172d" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.05 · seed #a9b1d6</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#e6e7ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#d9dce7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#c5cbdf" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#a9b1d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#868eca" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#7476c0" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6563ae" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#52508f" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#424174" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#36375d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#17172d" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-dark · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-dark · neutral threshold 0.06 · seed #a9b1d6</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fcffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#f8faff" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#e4e8f6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a9b1d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#7d829a" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#5e637c" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#494f69" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#31364e" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#20243c" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#0f1225" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · red · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · red · delta-transfer · clamp-chroma · seed #8c4351</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f1ebed" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ebdee1" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e2c9d0" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d7abb6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#c78091" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#bb6578" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#a95263" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#8c4351" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#723843" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#5d3039" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#2e141a" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · red · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · red · delta-transfer · css4-hue-preserving · seed #8c4351</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f1ebed" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ebdee1" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e2c9d0" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d7abb6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#c78091" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#bb6578" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#a95263" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#8c4351" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#723843" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#5d3039" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#2e141a" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · red · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · red · fixed-ramp · clamp-chroma · seed #8c4351</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f1ebec" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ebdedf" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e3c9cd" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d8abb1" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#c8808c" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#bc6675" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#a95263" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#8c4351" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#723843" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#5d3038" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#2f1419" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · red · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · red · fixed-ramp · css4-hue-preserving · seed #8c4351</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f1ebec" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ebdedf" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e3c9cd" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d8abb1" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#c8808c" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#bc6675" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#a95263" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#8c4351" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#723843" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#5d3038" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#2f1419" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · orange · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · orange · delta-transfer · clamp-chroma · seed #965027</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#ffffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fffcf6" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fde8c4" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#f6cf93" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#efa95a" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#ef923f" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#e17a2f" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#bb6228" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#965027" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#794526" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#452615" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · orange · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · orange · delta-transfer · css4-hue-preserving · seed #965027</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fffff7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fffce9" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#fde8c4" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#f6cf93" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#efa95a" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#ef923f" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#e17a2f" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#bb6228" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#965027" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#794526" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#452615" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · orange · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · orange · fixed-ramp · clamp-chroma · seed #965027</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#faf5f3" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f5e8e2" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ecd4c8" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#e1b7a1" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#d28e6a" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#c67446" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#b46130" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#965027" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#965027" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#663b23" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#361d0f" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · orange · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · orange · fixed-ramp · css4-hue-preserving · seed #965027</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#faf5f3" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f5e8e2" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ecd4c8" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#e1b7a1" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#d28e6a" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#c67446" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#b46130" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#965027" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#965027" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#663b23" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#361d0f" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · yellow · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · yellow · delta-transfer · clamp-chroma · seed #8f5e15</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f2f2e2" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#efefc5" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ebe798" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#e7d961" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#e1c336" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#d5ae2f" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#b6861f" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#8f5e15" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#744914" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#613b16" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#351c06" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · yellow · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · yellow · delta-transfer · css4-hue-preserving · seed #8f5e15</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f2f2e2" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#efefc5" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ebe798" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#e7d961" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#e1c336" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#d5ae2f" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#b6861f" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#8f5e15" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#744914" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#613b16" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#351c06" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · yellow · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · yellow · fixed-ramp · clamp-chroma · seed #8f5e15</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fefbf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f7eee5" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ecdcca" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#dec19f" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ca9b62" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#bd8336" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#ab7119" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#8f5e15" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#774f18" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#63451d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#36240d" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · yellow · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · yellow · fixed-ramp · css4-hue-preserving · seed #8f5e15</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fefbf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f7eee5" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#ecdcca" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#dec19f" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ca9b62" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#bd8336" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#ab7119" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#8f5e15" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#774f18" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#63451d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#36240d" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · green · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · green · delta-transfer · clamp-chroma · seed #33635c</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e9fcfa" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d0f4f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#a6e9e1" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#73d4c7" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#58bfaf" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#469e90" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3b7d73" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#33635c" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#2d524d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#172e2b" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · green · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · green · delta-transfer · css4-hue-preserving · seed #33635c</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f9ffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e9fcfa" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d0f4f0" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#a6e9e1" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#73d4c7" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#58bfaf" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#469e90" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3b7d73" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#33635c" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#2d524d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#172e2b" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · green · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · green · fixed-ramp · clamp-chroma · seed #33635c</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f9fdfc" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#eaf3f1" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d3e4e1" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#afcec9" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#7cb2a9" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#5ba096" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#458e84" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3a776e" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#33635c" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#30544e" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#182d2a" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · green · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · green · fixed-ramp · css4-hue-preserving · seed #33635c</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f9fdfc" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#eaf3f1" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d3e4e1" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#afcec9" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#7cb2a9" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#5ba096" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#458e84" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3a776e" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#33635c" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#30544e" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#182d2a" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · aqua · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · aqua · delta-transfer · clamp-chroma · seed #0f4b6e</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#eefcff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#d5f6ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#b3eeff" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#81e1ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#08ccff" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#00b1e6" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#008dc3" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#00709f" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#005b83" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#0f4b6e" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#06304c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · aqua · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · aqua · delta-transfer · css4-hue-preserving · seed #0f4b6e</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#e8fdff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#c8f9ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#96f2ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#57e5ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#00ceff" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#00b3f1" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#008dcd" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#0071a5" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#005b85" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#0f4b6e" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#06304c" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · aqua · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · aqua · fixed-ramp · clamp-chroma · seed #0f4b6e</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f1f6fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#dfebf5" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#c4dcef" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#99c6e7" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#57a8de" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#1b94d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#0081bf" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#006b9f" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#005986" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#0f4b6e" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#04263a" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · aqua · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · aqua · fixed-ramp · css4-hue-preserving · seed #0f4b6e</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f1f6fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#dfebf5" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#c4dcef" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#99c6e7" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#57a8de" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#1b94d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#0081c5" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#006ba4" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#005986" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#0f4b6e" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#04263a" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · blue · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · blue · delta-transfer · clamp-chroma · seed #34548a</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fcfdff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e9f2fb" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d2e2f3" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#aecce8" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#81add9" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6191cd" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#4878bd" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3b66aa" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#34548a" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#32496f" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#232f46" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · blue · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · blue · delta-transfer · css4-hue-preserving · seed #34548a</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fafeff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e9f2fb" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d2e2f3" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#aecce8" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#81add9" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#6191cd" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#4878bd" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3b66aa" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#34548a" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#32496f" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#232f46" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · blue · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · blue · fixed-ramp · clamp-chroma · seed #34548a</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f4f7fc" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e5ecf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#cedbf2" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#abc3eb" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#7ba2e2" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#5d8cdb" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#4a79c9" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3d65a8" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#34548a" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#2f4771" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#16243d" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · blue · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · blue · fixed-ramp · css4-hue-preserving · seed #34548a</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f4f7fc" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e5ecf7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#cedbf2" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#abc3eb" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#7ba2e2" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#5d8cdb" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#4a79c9" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#3d65a8" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#34548a" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#2f4771" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#16243d" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · purple · delta-transfer · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · purple · delta-transfer · clamp-chroma · seed #5a4a78</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#faf9fd" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f1eef6" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e4deee" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#cdc3e0" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ac9bcb" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#927ebb" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#7d68a9" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#6a5892" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#5a4a78" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#4a3d60" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#312744" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · purple · delta-transfer · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · purple · delta-transfer · css4-hue-preserving · seed #5a4a78</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#faf9fd" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f1eef6" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e4deee" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#cdc3e0" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#ac9bcb" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#927ebb" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#7d68a9" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#6a5892" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#5a4a78" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#4a3d60" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#312744" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · purple · fixed-ramp · clamp-chroma"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · purple · fixed-ramp · clamp-chroma · seed #5a4a78</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f6f5f9" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ebe8f2" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#dcd6e9" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#c5badc" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a795cc" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#947dc1" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#836baf" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#6d5892" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#5a4a78" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#4c3f63" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#271f34" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · purple · fixed-ramp · css4-hue-preserving"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · purple · fixed-ramp · css4-hue-preserving · seed #5a4a78</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f6f5f9" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#ebe8f2" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#dcd6e9" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#c5badc" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a795cc" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#947dc1" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#836baf" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#6d5892" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#5a4a78" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#4c3f63" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#271f34" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.03 · seed #e6e7ed</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f9faff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f3f4fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e6e7ed" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d4d5db" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9fa0a6" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#717277" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#535459" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#404045" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#28282d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#18181c" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#07070b" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.04 · seed #e6e7ed</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f9faff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f3f4fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e6e7ed" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d4d5db" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9fa0a6" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#717277" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#535459" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#404045" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#28282d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#18181c" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#07070b" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.045 · seed #e6e7ed</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f9faff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f3f4fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e6e7ed" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d4d5db" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9fa0a6" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#717277" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#535459" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#404045" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#28282d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#18181c" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#07070b" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.05 · seed #e6e7ed</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f9faff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f3f4fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e6e7ed" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d4d5db" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9fa0a6" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#717277" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#535459" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#404045" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#28282d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#18181c" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#07070b" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.06 · seed #e6e7ed</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f9faff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f3f4fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e6e7ed" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d4d5db" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9fa0a6" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#717277" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#535459" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#404045" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#28282d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#18181c" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#07070b" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.03 · seed #d5d6db</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fafbff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f4f5fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e7e8ed" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d5d6db" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a1a2a6" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#727377" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#545559" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#414146" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#29292d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#18191d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#07080b" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.04 · seed #d5d6db</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fafbff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f4f5fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e7e8ed" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d5d6db" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a1a2a6" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#727377" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#545559" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#414146" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#29292d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#18191d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#07080b" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.045 · seed #d5d6db</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fafbff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f4f5fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e7e8ed" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d5d6db" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a1a2a6" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#727377" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#545559" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#414146" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#29292d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#18191d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#07080b" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.05 · seed #d5d6db</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fafbff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f4f5fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e7e8ed" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d5d6db" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a1a2a6" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#727377" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#545559" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#414146" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#29292d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#18191d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#07080b" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.06 · seed #d5d6db</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fafbff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f4f5fa" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#e7e8ed" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#d5d6db" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a1a2a6" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#727377" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#545559" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#414146" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#29292d" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#18191d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#07080b" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.03 · seed #c0caf5</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f2f6ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#dee4fc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#c0caf5" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9ba5ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#898ce3" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#7a78d1" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#6765af" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#565692" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#494b79" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#282a45" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.04 · seed #c0caf5</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f2f6ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#dee4fc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#c0caf5" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9ba5ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#898ce3" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#7a78d1" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#6765af" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#565692" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#494b79" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#282a45" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.045 · seed #c0caf5</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f2f6ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#dee4fc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#c0caf5" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9ba5ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#898ce3" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#7a78d1" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#6765af" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#565692" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#494b79" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#282a45" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.05 · seed #c0caf5</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f2f6ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#dee4fc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#c0caf5" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9ba5ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#898ce3" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#7a78d1" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#6765af" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#565692" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#494b79" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#282a45" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.06 · seed #c0caf5</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#f2f6ff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#dee4fc" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#c0caf5" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#9ba5ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#898ce3" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#7a78d1" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#6765af" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#565692" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#494b79" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#282a45" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.03 · seed #a9b1d6</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#e6e7ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#d9dce7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#c5cbdf" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#a9b1d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#868eca" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#7476c0" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6563ae" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#52508f" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#424174" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#36375d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#17172d" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.04 · seed #a9b1d6</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#e6e7ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#d9dce7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#c5cbdf" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#a9b1d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#868eca" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#7476c0" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6563ae" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#52508f" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#424174" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#36375d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#17172d" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.045 · seed #a9b1d6</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#e6e7ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#d9dce7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#c5cbdf" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#a9b1d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#868eca" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#7476c0" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6563ae" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#52508f" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#424174" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#36375d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#17172d" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.05 · seed #a9b1d6</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#e6e7ec" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#d9dce7" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#c5cbdf" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#a9b1d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#868eca" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#7476c0" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6563ae" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#52508f" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#424174" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#36375d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#17172d" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.06 · seed #a9b1d6</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#fdffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#fcffff" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#f8faff" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#e4e8f6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#a9b1d6" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#7d829a" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#5e637c" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#494f69" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#31364e" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#20243c" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#0f1225" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.03"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.03 · seed #565f89</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f1f2f5" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e3e7ee" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d0d6e4" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#b2bdd6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#8d9cc4" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#7886b7" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6873a5" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#565f89" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#474f70" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#3c435d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1c2030" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.04"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.04 · seed #565f89</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f1f2f5" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e3e7ee" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d0d6e4" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#b2bdd6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#8d9cc4" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#7886b7" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6873a5" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#565f89" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#474f70" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#3c435d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1c2030" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.045"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.045 · seed #565f89</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f1f2f5" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e3e7ee" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d0d6e4" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#b2bdd6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#8d9cc4" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#7886b7" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6873a5" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#565f89" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#474f70" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#3c435d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1c2030" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.05"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.05 · seed #565f89</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f1f2f5" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e3e7ee" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d0d6e4" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#b2bdd6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#8d9cc4" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#7886b7" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6873a5" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#565f89" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#474f70" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#3c435d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1c2030" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
 <section><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 980 92" role="img" aria-label="tokyo-night-terminal-light · neutral threshold 0.06"><style>text{font:12px system-ui;fill:#222} .label{font-weight:600}</style><text class="label" x="0" y="14">tokyo-night-terminal-light · neutral threshold 0.06 · seed #565f89</text><g transform="translate(0,24)"><g transform="translate(0,0)"><rect width="76" height="58" rx="4" fill="#f1f2f5" stroke="#888"/><text x="38" y="74" text-anchor="middle">50</text></g><g transform="translate(78,0)"><rect width="76" height="58" rx="4" fill="#e3e7ee" stroke="#888"/><text x="38" y="74" text-anchor="middle">100</text></g><g transform="translate(156,0)"><rect width="76" height="58" rx="4" fill="#d0d6e4" stroke="#888"/><text x="38" y="74" text-anchor="middle">200</text></g><g transform="translate(234,0)"><rect width="76" height="58" rx="4" fill="#b2bdd6" stroke="#888"/><text x="38" y="74" text-anchor="middle">300</text></g><g transform="translate(312,0)"><rect width="76" height="58" rx="4" fill="#8d9cc4" stroke="#888"/><text x="38" y="74" text-anchor="middle">400</text></g><g transform="translate(390,0)"><rect width="76" height="58" rx="4" fill="#7886b7" stroke="#888"/><text x="38" y="74" text-anchor="middle">500</text></g><g transform="translate(468,0)"><rect width="76" height="58" rx="4" fill="#6873a5" stroke="#888"/><text x="38" y="74" text-anchor="middle">600</text></g><g transform="translate(546,0)"><rect width="76" height="58" rx="4" fill="#565f89" stroke="#888"/><text x="38" y="74" text-anchor="middle">700</text></g><g transform="translate(624,0)"><rect width="76" height="58" rx="4" fill="#474f70" stroke="#888"/><text x="38" y="74" text-anchor="middle">800</text></g><g transform="translate(702,0)"><rect width="76" height="58" rx="4" fill="#3c435d" stroke="#888"/><text x="38" y="74" text-anchor="middle">900</text></g><g transform="translate(780,0)"><rect width="76" height="58" rx="4" fill="#1c2030" stroke="#888"/><text x="38" y="74" text-anchor="middle">950</text></g></g></svg></section>
diff --git a/comparison.svg b/comparison.svg
diff --git a/metrics.json b/metrics.json
 {
  "steps": [
    50,
    100,
    200,
    300,
    400,
    500,
    600,
    700,
    800,
    900,
    950
  ],
  "neutralThreshold": 0.04,
  "neutralThresholdSweep": [
    0.03,
    0.04,
    0.045,
    0.05,
    0.06
  ],
  "records": [
    {
      "fixture": "gruvbox-dark-medium",
      "slot": "red",
      "method": "delta-transfer",
      "mapper": "clamp-chroma",
      "metrics": {
        "seedHex": "#fb4934",
        "pinnedStep": 500,
        "seedPinned": true,
        "monotonicLightness": true,
        "darkestStep": 10,
        "maxHueShiftDegrees": 7.951000000000022,
        "maxGamutChromaReduction": 0.010772913729498429,
        "step700": "#c22602",
        "step900": "#85281b"
      },
      "steps": [
        {
          "step": 50,
          "source": {
            "l": 0.9936859422541846,
            "c": 0.011930885944652676,
            "h": 22.440749564520047
          },
          "mapped": {
            "l": 0.9936859422541846,
            "c": 0.003026308600055958,
            "h": 22.440749564520047
          },
          "hex": "#fffcfc"
        },
        {
          "step": 100,
          "source": {
            "l": 0.9586859422541849,
            "c": 0.029368334632991204,
            "h": 22.777749564520036
          },
          "mapped": {
            "l": 0.9586859422541849,
            "c": 0.020365997431101936,
            "h": 22.777749564520036
          },
          "hex": "#ffeceb"
        },
        {
          "step": 200,
          "source": {
            "l": 0.9076859422541848,
            "c": 0.05690114835142046,
            "h": 23.394749564520055
          },
          "mapped": {
            "l": 0.9076859422541848,
            "c": 0.04758110607874502,
            "h": 23.394749564520055
          },
          "hex": "#ffd5d2"
        },
        {
          "step": 300,
          "source": {
            "l": 0.8306859422541848,
            "c": 0.10462469213003117,
            "h": 24.631749564520078
          },
          "mapped": {
            "l": 0.8306859422541848,
            "c": 0.09385177840053274,
            "h": 24.631749564520078
          },
          "hex": "#ffb0a9"
        },
        {
          "step": 400,
          "source": {
            "l": 0.7266859422541847,
            "c": 0.17529224734066623,
            "h": 27.27674956452006
          },
          "mapped": {
            "l": 0.7266859422541847,
            "c": 0.16895632440286562,
            "h": 27.27674956452006
          },
          "hex": "#ff766a"
        },
        {
          "step": 500,
          "source": {
            "l": 0.6596859422541848,
            "c": 0.21750922837559108,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.6596859422541848,
            "c": 0.21750922837559108,
            "h": 30.39174956452007
          },
          "hex": "#fb4934"
        },
        {
          "step": 600,
          "source": {
            "l": 0.5996859422541847,
            "c": 0.2248513120338389,
            "h": 32.3857495645201
          },
          "mapped": {
            "l": 0.5996859422541847,
            "c": 0.2248513120338389,
            "h": 32.3857495645201
          },
          "hex": "#e82c00"
        },
        {
          "step": 700,
          "source": {
            "l": 0.5276859422541849,
            "c": 0.1954829774008477,
            "h": 32.57874956452008
          },
          "mapped": {
            "l": 0.5276859422541849,
            "c": 0.1954829774008477,
            "h": 32.57874956452008
          },
          "hex": "#c22602"
        },
        {
          "step": 800,
          "source": {
            "l": 0.4666859422541847,
            "c": 0.16244360093873259,
            "h": 31.959749564520052
          },
          "mapped": {
            "l": 0.4666859422541847,
            "c": 0.16244360093873259,
            "h": 31.959749564520052
          },
          "hex": "#a12611"
        },
        {
          "step": 900,
          "source": {
            "l": 0.4186859422541849,
            "c": 0.12940422447661748,
            "h": 30.783749564520065
          },
          "mapped": {
            "l": 0.4186859422541849,
            "c": 0.12940422447661748,
            "h": 30.783749564520065
          },
          "hex": "#85281b"
        },
        {
          "step": 950,
          "source": {
            "l": 0.28068594225418475,
            "c": 0.08443396206984971,
            "h": 31.10274956452008
          },
          "mapped": {
            "l": 0.28068594225418475,
            "c": 0.08443396206984971,
            "h": 31.10274956452008
          },
          "hex": "#4a140c"
        }
      ]
    },
    {
      "fixture": "gruvbox-dark-medium",
      "slot": "red",
      "method": "delta-transfer",
      "mapper": "css4-hue-preserving",
      "metrics": {
        "seedHex": "#fb4934",
        "pinnedStep": 500,
        "seedPinned": true,
        "monotonicLightness": true,
        "darkestStep": 10,
        "maxHueShiftDegrees": 7.951000000000022,
        "maxGamutChromaReduction": 4.081340820860646e-11,
        "step700": "#c22602",
        "step900": "#85281b"
      },
      "steps": [
        {
          "step": 50,
          "source": {
            "l": 0.9936859422541846,
            "c": 0.011930885944652676,
            "h": 22.440749564520047
          },
          "mapped": {
            "l": 0.9936859422541846,
            "c": 0.011930885941874799,
            "h": 22.440749564520047
          },
          "hex": "#fffaf9"
        },
        {
          "step": 100,
          "source": {
            "l": 0.9586859422541849,
            "c": 0.029368334632991204,
            "h": 22.777749564520036
          },
          "mapped": {
            "l": 0.9586859422541849,
            "c": 0.029368334626153354,
            "h": 22.777749564520036
          },
          "hex": "#ffeae8"
        },
        {
          "step": 200,
          "source": {
            "l": 0.9076859422541848,
            "c": 0.05690114835142046,
            "h": 23.394749564520055
          },
          "mapped": {
            "l": 0.9076859422541848,
            "c": 0.05690114833817213,
            "h": 23.394749564520055
          },
          "hex": "#ffd3cf"
        },
        {
          "step": 300,
          "source": {
            "l": 0.8306859422541848,
            "c": 0.10462469213003117,
            "h": 24.631749564520078
          },
          "mapped": {
            "l": 0.8306859422541848,
            "c": 0.10462469210567134,
            "h": 24.631749564520078
          },
          "hex": "#ffada6"
        },
        {
          "step": 400,
          "source": {
            "l": 0.7266859422541847,
            "c": 0.17529224734066623,
            "h": 27.27674956452006
          },
          "mapped": {
            "l": 0.7266859422541847,
            "c": 0.17529224729985282,
            "h": 27.27674956452006
          },
          "hex": "#ff7467"
        },
        {
          "step": 500,
          "source": {
            "l": 0.6596859422541848,
            "c": 0.21750922837559108,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.6596859422541848,
            "c": 0.21750922837559108,
            "h": 30.39174956452007
          },
          "hex": "#fb4934"
        },
        {
          "step": 600,
          "source": {
            "l": 0.5996859422541847,
            "c": 0.2248513120338389,
            "h": 32.3857495645201
          },
          "mapped": {
            "l": 0.5996859422541847,
            "c": 0.2248513120338389,
            "h": 32.3857495645201
          },
          "hex": "#e82c00"
        },
        {
          "step": 700,
          "source": {
            "l": 0.5276859422541849,
            "c": 0.1954829774008477,
            "h": 32.57874956452008
          },
          "mapped": {
            "l": 0.5276859422541849,
            "c": 0.1954829774008477,
            "h": 32.57874956452008
          },
          "hex": "#c22602"
        },
        {
          "step": 800,
          "source": {
            "l": 0.4666859422541847,
            "c": 0.16244360093873259,
            "h": 31.959749564520052
          },
          "mapped": {
            "l": 0.4666859422541847,
            "c": 0.16244360093873259,
            "h": 31.959749564520052
          },
          "hex": "#a12611"
        },
        {
          "step": 900,
          "source": {
            "l": 0.4186859422541849,
            "c": 0.12940422447661748,
            "h": 30.783749564520065
          },
          "mapped": {
            "l": 0.4186859422541849,
            "c": 0.12940422447661748,
            "h": 30.783749564520065
          },
          "hex": "#85281b"
        },
        {
          "step": 950,
          "source": {
            "l": 0.28068594225418475,
            "c": 0.08443396206984971,
            "h": 31.10274956452008
          },
          "mapped": {
            "l": 0.28068594225418475,
            "c": 0.08443396206984971,
            "h": 31.10274956452008
          },
          "hex": "#4a140c"
        }
      ]
    },
    {
      "fixture": "gruvbox-dark-medium",
      "slot": "red",
      "method": "fixed-ramp",
      "mapper": "clamp-chroma",
      "metrics": {
        "seedHex": "#fb4934",
        "pinnedStep": 500,
        "seedPinned": true,
        "monotonicLightness": true,
        "darkestStep": 10,
        "maxHueShiftDegrees": 0,
        "maxGamutChromaReduction": 0.010134294800277166,
        "step700": "#c32413",
        "step900": "#85281c"
      },
      "steps": [
        {
          "step": 50,
          "source": {
            "l": 0.9936859422541846,
            "c": 0.011930885944652676,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.9936859422541846,
            "c": 0.0030572962218870818,
            "h": 30.39174956452007
          },
          "hex": "#fffcfc"
        },
        {
          "step": 100,
          "source": {
            "l": 0.9586859422541849,
            "c": 0.029368334632991204,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.9586859422541849,
            "c": 0.02056150989286685,
            "h": 30.39174956452007
          },
          "hex": "#ffede9"
        },
        {
          "step": 200,
          "source": {
            "l": 0.9076859422541848,
            "c": 0.05690114835142046,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.9076859422541848,
            "c": 0.047989219603470634,
            "h": 30.39174956452007
          },
          "hex": "#ffd5ce"
        },
        {
          "step": 300,
          "source": {
            "l": 0.8306859422541848,
            "c": 0.10462469213003117,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.8306859422541848,
            "c": 0.094490397329754,
            "h": 30.39174956452007
          },
          "hex": "#ffb1a3"
        },
        {
          "step": 400,
          "source": {
            "l": 0.7266859422541847,
            "c": 0.17529224734066623,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.7266859422541847,
            "c": 0.16958039975707084,
            "h": 30.39174956452007
          },
          "hex": "#ff7763"
        },
        {
          "step": 500,
          "source": {
            "l": 0.6596859422541848,
            "c": 0.21750922837559108,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.6596859422541848,
            "c": 0.21750922837559108,
            "h": 30.39174956452007
          },
          "hex": "#fb4934"
        },
        {
          "step": 600,
          "source": {
            "l": 0.5996859422541847,
            "c": 0.2248513120338389,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.5996859422541847,
            "c": 0.2248513120338389,
            "h": 30.39174956452007
          },
          "hex": "#e82a16"
        },
        {
          "step": 700,
          "source": {
            "l": 0.5276859422541849,
            "c": 0.1954829774008477,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.5276859422541849,
            "c": 0.1954829774008477,
            "h": 30.39174956452007
          },
          "hex": "#c32413"
        },
        {
          "step": 800,
          "source": {
            "l": 0.4666859422541847,
            "c": 0.16244360093873259,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.4666859422541847,
            "c": 0.16244360093873259,
            "h": 30.39174956452007
          },
          "hex": "#a12517"
        },
        {
          "step": 900,
          "source": {
            "l": 0.4186859422541849,
            "c": 0.12940422447661748,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.4186859422541849,
            "c": 0.12940422447661748,
            "h": 30.39174956452007
          },
          "hex": "#85281c"
        },
        {
          "step": 950,
          "source": {
            "l": 0.28068594225418475,
            "c": 0.08443396206984971,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.28068594225418475,
            "c": 0.08443396206984971,
            "h": 30.39174956452007
          },
          "hex": "#4a140d"
        }
      ]
    },
    {
      "fixture": "gruvbox-dark-medium",
      "slot": "red",
      "method": "fixed-ramp",
      "mapper": "css4-hue-preserving",
      "metrics": {
        "seedHex": "#fb4934",
        "pinnedStep": 500,
        "seedPinned": true,
        "monotonicLightness": true,
        "darkestStep": 10,
        "maxHueShiftDegrees": 0,
        "maxGamutChromaReduction": 4.081340820860646e-11,
        "step700": "#c32413",
        "step900": "#85281c"
      },
      "steps": [
        {
          "step": 50,
          "source": {
            "l": 0.9936859422541846,
            "c": 0.011930885944652676,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.9936859422541846,
            "c": 0.011930885941874799,
            "h": 30.39174956452007
          },
          "hex": "#fffaf8"
        },
        {
          "step": 100,
          "source": {
            "l": 0.9586859422541849,
            "c": 0.029368334632991204,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.9586859422541849,
            "c": 0.029368334626153354,
            "h": 30.39174956452007
          },
          "hex": "#ffebe6"
        },
        {
          "step": 200,
          "source": {
            "l": 0.9076859422541848,
            "c": 0.05690114835142046,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.9076859422541848,
            "c": 0.05690114833817213,
            "h": 30.39174956452007
          },
          "hex": "#ffd3ca"
        },
        {
          "step": 300,
          "source": {
            "l": 0.8306859422541848,
            "c": 0.10462469213003117,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.8306859422541848,
            "c": 0.10462469210567134,
            "h": 30.39174956452007
          },
          "hex": "#ffae9f"
        },
        {
          "step": 400,
          "source": {
            "l": 0.7266859422541847,
            "c": 0.17529224734066623,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.7266859422541847,
            "c": 0.17529224729985282,
            "h": 30.39174956452007
          },
          "hex": "#ff7560"
        },
        {
          "step": 500,
          "source": {
            "l": 0.6596859422541848,
            "c": 0.21750922837559108,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.6596859422541848,
            "c": 0.21750922837559108,
            "h": 30.39174956452007
          },
          "hex": "#fb4934"
        },
        {
          "step": 600,
          "source": {
            "l": 0.5996859422541847,
            "c": 0.2248513120338389,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.5996859422541847,
            "c": 0.2248513120338389,
            "h": 30.39174956452007
          },
          "hex": "#e82a16"
        },
        {
          "step": 700,
          "source": {
            "l": 0.5276859422541849,
            "c": 0.1954829774008477,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.5276859422541849,
            "c": 0.1954829774008477,
            "h": 30.39174956452007
          },
          "hex": "#c32413"
        },
        {
          "step": 800,
          "source": {
            "l": 0.4666859422541847,
            "c": 0.16244360093873259,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.4666859422541847,
            "c": 0.16244360093873259,
            "h": 30.39174956452007
          },
          "hex": "#a12517"
        },
        {
          "step": 900,
          "source": {
            "l": 0.4186859422541849,
            "c": 0.12940422447661748,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.4186859422541849,
            "c": 0.12940422447661748,
            "h": 30.39174956452007
          },
          "hex": "#85281c"
        },
        {
          "step": 950,
          "source": {
            "l": 0.28068594225418475,
            "c": 0.08443396206984971,
            "h": 30.39174956452007
          },
          "mapped": {
            "l": 0.28068594225418475,
            "c": 0.08443396206984971,
            "h": 30.39174956452007
          },
          "hex": "#4a140d"
        }
      ]
    },
    {
      "fixture": "gruvbox-dark-medium",
      "slot": "orange",
      "method": "delta-transfer",
      "mapper": "clamp-chroma",
      "metrics": {
        "seedHex": "#fe8019",
        "pinnedStep": 400,
        "seedPinned": true,
        "monotonicLightness": true,
        "darkestStep": 10,
        "maxHueShiftDegrees": 19.67500000000001,
        "maxGamutChromaReduction": 0.010309891856828013,
        "step700": "#c32d00",
        "step900": "#792310"
      },
      "steps": [
        {
          "step": 50,
          "source": {
            "l": 0.961087350416373,
            "c": 0.015913511103655582,
            "h": 69.4432455307271
          },
          "mapped": {
            "l": 0.961087350416373,
            "c": 0.015913511103655582,
            "h": 69.4432455307271
          },
          "hex": "#f9f1e7"
        },
        {
          "step": 100,
          "source": {
            "l": 0.935087350416373,
            "c": 0.03779458887118201,
            "h": 70.92324553072712
          },
          "mapped": {
            "l": 0.935087350416373,
            "c": 0.03779458887118201,
            "h": 70.92324553072712
          },
          "hex": "#fae6cf"
        },
        {
          "step": 200,
          "source": {
            "l": 0.8820873504163731,
            "c": 0.07558917774236402,
            "h": 66.45624553072707
          },
          "mapped": {
            "l": 0.8820873504163731,
            "c": 0.07558917774236402,
            "h": 66.45624553072707
          },
          "hex": "#fbcfa3"
        },
        {
          "step": 300,
          "source": {
            "l": 0.818087350416373,
            "c": 0.12730808882924466,
            "h": 62.04924553072709
          },
          "mapped": {
            "l": 0.818087350416373,
            "c": 0.12730808882924466,
            "h": 62.04924553072709
          },
          "hex": "#feb068"
        },
        {
          "step": 400,
          "source": {
            "l": 0.7310873504163731,
            "c": 0.18201078324806072,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.7310873504163731,
            "c": 0.18201078324806072,
            "h": 51.6932455307271
          },
          "hex": "#fe8019"
        },
        {
          "step": 500,
          "source": {
            "l": 0.6860873504163729,
            "c": 0.21184861656741494,
            "h": 43.36324553072711
          },
          "mapped": {
            "l": 0.6860873504163729,
            "c": 0.2018751264723864,
            "h": 43.36324553072711
          },
          "hex": "#fb6400"
        },
        {
          "step": 600,
          "source": {
            "l": 0.6270873504163732,
            "c": 0.2207999665632212,
            "h": 36.87524553072711
          },
          "mapped": {
            "l": 0.6270873504163732,
            "c": 0.2104900747063932,
            "h": 36.87524553072711
          },
          "hex": "#eb4600"
        },
        {
          "step": 700,
          "source": {
            "l": 0.5340873504163732,
            "c": 0.19394591657580243,
            "h": 34.161245530727115
          },
          "mapped": {
            "l": 0.5340873504163732,
            "c": 0.19128355988541068,
            "h": 34.161245530727115
          },
          "hex": "#c32d00"
        },
        {
          "step": 800,
          "source": {
            "l": 0.45108735041637305,
            "c": 0.15615132770462042,
            "h": 33.0632455307271
          },
          "mapped": {
            "l": 0.45108735041637305,
            "c": 0.15615132770462042,
            "h": 33.0632455307271
          },
          "hex": "#99250c"
        },
        {
          "step": 900,
          "source": {
            "l": 0.389087350416373,
            "c": 0.12233511660935228,
            "h": 33.9312455307271
          },
          "mapped": {
            "l": 0.389087350416373,
            "c": 0.12233511660935228,
            "h": 33.9312455307271
          },
          "hex": "#792310"
        },
        {
          "step": 950,
          "source": {
            "l": 0.24708735041637309,
            "c": 0.07857296107429944,
            "h": 32.018245530727086
          },
          "mapped": {
            "l": 0.24708735041637309,
            "c": 0.07857296107429944,
            "h": 32.018245530727086
          },
          "hex": "#3f0d06"
        }
      ]
    },
    {
      "fixture": "gruvbox-dark-medium",
      "slot": "orange",
      "method": "delta-transfer",
      "mapper": "css4-hue-preserving",
      "metrics": {
        "seedHex": "#fe8019",
        "pinnedStep": 400,
        "seedPinned": true,
        "monotonicLightness": true,
        "darkestStep": 10,
        "maxHueShiftDegrees": 19.67500000000001,
        "maxGamutChromaReduction": 5.1408988177570336e-11,
        "step700": "#c42b00",
        "step900": "#792310"
      },
      "steps": [
        {
          "step": 50,
          "source": {
            "l": 0.961087350416373,
            "c": 0.015913511103655582,
            "h": 69.4432455307271
          },
          "mapped": {
            "l": 0.961087350416373,
            "c": 0.015913511103655582,
            "h": 69.4432455307271
          },
          "hex": "#f9f1e7"
        },
        {
          "step": 100,
          "source": {
            "l": 0.935087350416373,
            "c": 0.03779458887118201,
            "h": 70.92324553072712
          },
          "mapped": {
            "l": 0.935087350416373,
            "c": 0.03779458887118201,
            "h": 70.92324553072712
          },
          "hex": "#fae6cf"
        },
        {
          "step": 200,
          "source": {
            "l": 0.8820873504163731,
            "c": 0.07558917774236402,
            "h": 66.45624553072707
          },
          "mapped": {
            "l": 0.8820873504163731,
            "c": 0.07558917774236402,
            "h": 66.45624553072707
          },
          "hex": "#fbcfa3"
        },
        {
          "step": 300,
          "source": {
            "l": 0.818087350416373,
            "c": 0.12730808882924466,
            "h": 62.04924553072709
          },
          "mapped": {
            "l": 0.818087350416373,
            "c": 0.12730808882924466,
            "h": 62.04924553072709
          },
          "hex": "#feb068"
        },
        {
          "step": 400,
          "source": {
            "l": 0.7310873504163731,
            "c": 0.18201078324806072,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.7310873504163731,
            "c": 0.18201078324806072,
            "h": 51.6932455307271
          },
          "hex": "#fe8019"
        },
        {
          "step": 500,
          "source": {
            "l": 0.6860873504163729,
            "c": 0.21184861656741494,
            "h": 43.36324553072711
          },
          "mapped": {
            "l": 0.6860873504163729,
            "c": 0.2118486165180901,
            "h": 43.36324553072711
          },
          "hex": "#ff5f00"
        },
        {
          "step": 600,
          "source": {
            "l": 0.6270873504163732,
            "c": 0.2207999665632212,
            "h": 36.87524553072711
          },
          "mapped": {
            "l": 0.6270873504163732,
            "c": 0.22079996651181222,
            "h": 36.87524553072711
          },
          "hex": "#ef3f00"
        },
        {
          "step": 700,
          "source": {
            "l": 0.5340873504163732,
            "c": 0.19394591657580243,
            "h": 34.161245530727115
          },
          "mapped": {
            "l": 0.5340873504163732,
            "c": 0.19394591653064586,
            "h": 34.161245530727115
          },
          "hex": "#c42b00"
        },
        {
          "step": 800,
          "source": {
            "l": 0.45108735041637305,
            "c": 0.15615132770462042,
            "h": 33.0632455307271
          },
          "mapped": {
            "l": 0.45108735041637305,
            "c": 0.15615132770462042,
            "h": 33.0632455307271
          },
          "hex": "#99250c"
        },
        {
          "step": 900,
          "source": {
            "l": 0.389087350416373,
            "c": 0.12233511660935228,
            "h": 33.9312455307271
          },
          "mapped": {
            "l": 0.389087350416373,
            "c": 0.12233511660935228,
            "h": 33.9312455307271
          },
          "hex": "#792310"
        },
        {
          "step": 950,
          "source": {
            "l": 0.24708735041637309,
            "c": 0.07857296107429944,
            "h": 32.018245530727086
          },
          "mapped": {
            "l": 0.24708735041637309,
            "c": 0.07857296107429944,
            "h": 32.018245530727086
          },
          "hex": "#3f0d06"
        }
      ]
    },
    {
      "fixture": "gruvbox-dark-medium",
      "slot": "orange",
      "method": "fixed-ramp",
      "mapper": "clamp-chroma",
      "metrics": {
        "seedHex": "#fe8019",
        "pinnedStep": 400,
        "seedPinned": true,
        "monotonicLightness": true,
        "darkestStep": 10,
        "maxHueShiftDegrees": 0,
        "maxGamutChromaReduction": 0.07748102804466048,
        "step700": "#a85000",
        "step900": "#7b3900"
      },
      "steps": [
        {
          "step": 50,
          "source": {
            "l": 0.998087350416373,
            "c": 0.012388168493323505,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.998087350416373,
            "c": 0.0010523651621272756,
            "h": 51.6932455307271
          },
          "hex": "#fffefe"
        },
        {
          "step": 100,
          "source": {
            "l": 0.9630873504163733,
            "c": 0.030493953214334783,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.9630873504163733,
            "c": 0.020764233839035064,
            "h": 51.6932455307271
          },
          "hex": "#ffefe6"
        },
        {
          "step": 200,
          "source": {
            "l": 0.9120873504163731,
            "c": 0.059082034352773635,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.9120873504163731,
            "c": 0.05143989992690045,
            "h": 51.6932455307271
          },
          "hex": "#ffd9c3"
        },
        {
          "step": 300,
          "source": {
            "l": 0.8350873504163732,
            "c": 0.10863470832606764,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.8350873504163732,
            "c": 0.10285906757778296,
            "h": 51.6932455307271
          },
          "hex": "#ffb68a"
        },
        {
          "step": 400,
          "source": {
            "l": 0.7310873504163731,
            "c": 0.18201078324806072,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.7310873504163731,
            "c": 0.18201078324806072,
            "h": 51.6932455307271
          },
          "hex": "#fe8019"
        },
        {
          "step": 500,
          "source": {
            "l": 0.6640873504163731,
            "c": 0.22584584099366695,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.6640873504163731,
            "c": 0.17148136945691705,
            "h": 51.6932455307271
          },
          "hex": "#e26e00"
        },
        {
          "step": 600,
          "source": {
            "l": 0.6040873504163731,
            "c": 0.23346932929725064,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.6040873504163731,
            "c": 0.15598830125259017,
            "h": 51.6932455307271
          },
          "hex": "#c76000"
        },
        {
          "step": 700,
          "source": {
            "l": 0.5320873504163732,
            "c": 0.20297537608291588,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.5320873504163732,
            "c": 0.13739668510590455,
            "h": 51.6932455307271
          },
          "hex": "#a85000"
        },
        {
          "step": 800,
          "source": {
            "l": 0.47108735041637306,
            "c": 0.16866967871678923,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.47108735041637306,
            "c": 0.12164554340035622,
            "h": 51.6932455307271
          },
          "hex": "#8e4300"
        },
        {
          "step": 900,
          "source": {
            "l": 0.42308735041637324,
            "c": 0.1343639813506626,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.42308735041637324,
            "c": 0.10925129419140428,
            "h": 51.6932455307271
          },
          "hex": "#7b3900"
        },
        {
          "step": 950,
          "source": {
            "l": 0.2850873504163731,
            "c": 0.0876701154912125,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.2850873504163731,
            "c": 0.07361888365568545,
            "h": 51.6932455307271
          },
          "hex": "#451d00"
        }
      ]
    },
    {
      "fixture": "gruvbox-dark-medium",
      "slot": "orange",
      "method": "fixed-ramp",
      "mapper": "css4-hue-preserving",
      "metrics": {
        "seedHex": "#fe8019",
        "pinnedStep": 400,
        "seedPinned": true,
        "monotonicLightness": true,
        "darkestStep": 10,
        "maxHueShiftDegrees": 0,
        "maxGamutChromaReduction": 0.05374962503920361,
        "step700": "#b14800",
        "step900": "#833100"
      },
      "steps": [
        {
          "step": 50,
          "source": {
            "l": 0.998087350416373,
            "c": 0.012388168493323505,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.998087350416373,
            "c": 0.01238816849043916,
            "h": 51.6932455307271
          },
          "hex": "#fffcf7"
        },
        {
          "step": 100,
          "source": {
            "l": 0.9630873504163733,
            "c": 0.030493953214334783,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.9630873504163733,
            "c": 0.03049395320723486,
            "h": 51.6932455307271
          },
          "hex": "#ffeee1"
        },
        {
          "step": 200,
          "source": {
            "l": 0.9120873504163731,
            "c": 0.059082034352773635,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.9120873504163731,
            "c": 0.05908203433901753,
            "h": 51.6932455307271
          },
          "hex": "#ffd8bf"
        },
        {
          "step": 300,
          "source": {
            "l": 0.8350873504163732,
            "c": 0.10863470832606764,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.8350873504163732,
            "c": 0.10863470830077415,
            "h": 51.6932455307271
          },
          "hex": "#ffb586"
        },
        {
          "step": 400,
          "source": {
            "l": 0.7310873504163731,
            "c": 0.18201078324806072,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.7310873504163731,
            "c": 0.18201078324806072,
            "h": 51.6932455307271
          },
          "hex": "#fe8019"
        },
        {
          "step": 500,
          "source": {
            "l": 0.6640873504163731,
            "c": 0.22584584099366695,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.6640873504163731,
            "c": 0.19521936506253085,
            "h": 51.6932455307271
          },
          "hex": "#ec6600"
        },
        {
          "step": 600,
          "source": {
            "l": 0.6040873504163731,
            "c": 0.23346932929725064,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.6040873504163731,
            "c": 0.17971970425804704,
            "h": 51.6932455307271
          },
          "hex": "#d05800"
        },
        {
          "step": 700,
          "source": {
            "l": 0.5320873504163732,
            "c": 0.20297537608291588,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.5320873504163732,
            "c": 0.1611181771445536,
            "h": 51.6932455307271
          },
          "hex": "#b14800"
        },
        {
          "step": 800,
          "source": {
            "l": 0.47108735041637306,
            "c": 0.16866967871678923,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.47108735041637306,
            "c": 0.1453562183489266,
            "h": 51.6932455307271
          },
          "hex": "#973b00"
        },
        {
          "step": 900,
          "source": {
            "l": 0.42308735041637324,
            "c": 0.1343639813506626,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.42308735041637324,
            "c": 0.1329512146672563,
            "h": 51.6932455307271
          },
          "hex": "#833100"
        },
        {
          "step": 950,
          "source": {
            "l": 0.2850873504163731,
            "c": 0.0876701154912125,
            "h": 51.6932455307271
          },
          "mapped": {
            "l": 0.2850873504163731,
            "c": 0.0876701154708002,
            "h": 51.6932455307271
          },
          "hex": "#4a1900"
        }
      ]
    },
    {
      "fixture": "gruvbox-dark-medium",
      "slot": "yellow",
      "method": "delta-transfer",
      "mapper": "clamp-chroma",
      "metrics": {
        "seedHex": "#fabd2f",
        "pinnedStep": 400,
        "seedPinned": true,
        "monotonicLightness": true,
        "darkestStep": 10,
        "maxHueShiftDegrees": 38.12299999999999,
        "maxGamutChromaReduction": 0.00294665763029886,
        "step700": "#9b5b24",
        "step900": "#693a20"
      },
      "steps": [
        {
          "step": 50,
          "source": {
            "l": 0.9674873660995077,
            "c": 0.020837150541396784,
            "h": 93.2626081887143
          },
          "mapped": {
            "l": 0.9674873660995077,
            "c": 0.020837150541396784,
            "h": 93.2626081887143
          },
          "hex": "#f9f4e5"
        },
        {
          "step": 100,
          "source": {
            "l": 0.9534873660995079,
            "c": 0.05690144955535275,
            "h": 94.24360818871429
          },
          "mapped": {
            "l": 0.9534873660995079,
            "c": 0.05690144955535275,
            "h": 94.24360818871429
          },
          "hex": "#fcf0c5"
        },
        {
          "step": 200,
          "source": {
            "l": 0.9254873660995079,
            "c": 0.10338432384000713,
            "h": 92.59060818871427
          },
          "mapped": {
            "l": 0.9254873660995079,
            "c": 0.10338432384000713,
            "h": 92.59060818871427
          },
          "hex": "#fee595"
        },
        {
          "step": 300,
          "source": {
            "l": 0.8854873660995078,
            "c": 0.14586005378977748,
            "h": 89.1616081887143
          },
          "mapped": {
            "l": 0.8854873660995078,
            "c": 0.14291339615947862,
            "h": 89.1616081887143
          },
          "hex": "#ffd45e"
        },
        {
          "step": 400,
          "source": {
            "l": 0.8324873660995078,
            "c": 0.1594843445283831,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.8324873660995078,
            "c": 0.1594843445283831,
            "h": 82.98660818871429
          },
          "hex": "#fabd2f"
        },
        {
          "step": 500,
          "source": {
            "l": 0.775487366099508,
            "c": 0.1474629115237311,
            "h": 77.09760818871428
          },
          "mapped": {
            "l": 0.775487366099508,
            "c": 0.1474629115237311,
            "h": 77.09760818871428
          },
          "hex": "#eaa831"
        },
        {
          "step": 600,
          "source": {
            "l": 0.6614873660995079,
            "c": 0.1298314764502415,
            "h": 66.88460818871431
          },
          "mapped": {
            "l": 0.6614873660995079,
            "c": 0.1298314764502415,
            "h": 66.88460818871431
          },
          "hex": "#c7812a"
        },
        {
          "step": 700,
          "source": {
            "l": 0.5344873660995079,
            "c": 0.10819289704186794,
            "h": 57.49260818871426
          },
          "mapped": {
            "l": 0.5344873660995079,
            "c": 0.10819289704186794,
            "h": 57.49260818871426
          },
          "hex": "#9b5b24"
        },
        {
          "step": 800,
          "source": {
            "l": 0.4564873660995078,
            "c": 0.09136289083535515,
            "h": 52.95760818871429
          },
          "mapped": {
            "l": 0.4564873660995078,
            "c": 0.09136289083535515,
            "h": 52.95760818871429
          },
          "hex": "#7e4721"
        },
        {
          "step": 900,
          "source": {
            "l": 0.40148736609950786,
            "c": 0.07613574236279594,
            "h": 48.75860818871428
          },
          "mapped": {
            "l": 0.40148736609950786,
            "c": 0.07613574236279594,
            "h": 48.75860818871428
          },
          "hex": "#693a20"
        },
        {
          "step": 950,
          "source": {
            "l": 0.26648736609950785,
            "c": 0.052894305220468764,
            "h": 44.863608188714295
          },
          "mapped": {
            "l": 0.26648736609950785,
            "c": 0.052894305220468764,
            "h": 44.863608188714295
          },
          "hex": "#3a1c0e"
        }
      ]
    },
    {
      "fixture": "gruvbox-dark-medium",
      "slot": "yellow",
      "method": "delta-transfer",
      "mapper": "css4-hue-preserving",
      "metrics": {
        "seedHex": "#fabd2f",
        "pinnedStep": 400,
        "seedPinned": true,
        "monotonicLightness": true,
        "darkestStep": 10,
        "maxHueShiftDegrees": 38.12299999999999,
        "maxGamutChromaReduction": 3.396069536698576e-11,
        "step700": "#9b5b24",
        "step900": "#693a20"
      },
      "steps": [
        {
          "step": 50,
          "source": {
            "l": 0.9674873660995077,
            "c": 0.020837150541396784,
            "h": 93.2626081887143
          },
          "mapped": {
            "l": 0.9674873660995077,
            "c": 0.020837150541396784,
            "h": 93.2626081887143
          },
          "hex": "#f9f4e5"
        },
        {
          "step": 100,
          "source": {
            "l": 0.9534873660995079,
            "c": 0.05690144955535275,
            "h": 94.24360818871429
          },
          "mapped": {
            "l": 0.9534873660995079,
            "c": 0.05690144955535275,
            "h": 94.24360818871429
          },
          "hex": "#fcf0c5"
        },
        {
          "step": 200,
          "source": {
            "l": 0.9254873660995079,
            "c": 0.10338432384000713,
            "h": 92.59060818871427
          },
          "mapped": {
            "l": 0.9254873660995079,
            "c": 0.10338432384000713,
            "h": 92.59060818871427
          },
          "hex": "#fee595"
        },
        {
          "step": 300,
          "source": {
            "l": 0.8854873660995078,
            "c": 0.14586005378977748,
            "h": 89.1616081887143
          },
          "mapped": {
            "l": 0.8854873660995078,
            "c": 0.1458600537558168,
            "h": 89.1616081887143
          },
          "hex": "#ffd45a"
        },
        {
          "step": 400,
          "source": {
            "l": 0.8324873660995078,
            "c": 0.1594843445283831,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.8324873660995078,
            "c": 0.1594843445283831,
            "h": 82.98660818871429
          },
          "hex": "#fabd2f"
        },
        {
          "step": 500,
          "source": {
            "l": 0.775487366099508,
            "c": 0.1474629115237311,
            "h": 77.09760818871428
          },
          "mapped": {
            "l": 0.775487366099508,
            "c": 0.1474629115237311,
            "h": 77.09760818871428
          },
          "hex": "#eaa831"
        },
        {
          "step": 600,
          "source": {
            "l": 0.6614873660995079,
            "c": 0.1298314764502415,
            "h": 66.88460818871431
          },
          "mapped": {
            "l": 0.6614873660995079,
            "c": 0.1298314764502415,
            "h": 66.88460818871431
          },
          "hex": "#c7812a"
        },
        {
          "step": 700,
          "source": {
            "l": 0.5344873660995079,
            "c": 0.10819289704186794,
            "h": 57.49260818871426
          },
          "mapped": {
            "l": 0.5344873660995079,
            "c": 0.10819289704186794,
            "h": 57.49260818871426
          },
          "hex": "#9b5b24"
        },
        {
          "step": 800,
          "source": {
            "l": 0.4564873660995078,
            "c": 0.09136289083535515,
            "h": 52.95760818871429
          },
          "mapped": {
            "l": 0.4564873660995078,
            "c": 0.09136289083535515,
            "h": 52.95760818871429
          },
          "hex": "#7e4721"
        },
        {
          "step": 900,
          "source": {
            "l": 0.40148736609950786,
            "c": 0.07613574236279594,
            "h": 48.75860818871428
          },
          "mapped": {
            "l": 0.40148736609950786,
            "c": 0.07613574236279594,
            "h": 48.75860818871428
          },
          "hex": "#693a20"
        },
        {
          "step": 950,
          "source": {
            "l": 0.26648736609950785,
            "c": 0.052894305220468764,
            "h": 44.863608188714295
          },
          "mapped": {
            "l": 0.26648736609950785,
            "c": 0.052894305220468764,
            "h": 44.863608188714295
          },
          "hex": "#3a1c0e"
        }
      ]
    },
    {
      "fixture": "gruvbox-dark-medium",
      "slot": "yellow",
      "method": "fixed-ramp",
      "mapper": "clamp-chroma",
      "metrics": {
        "seedHex": "#fabd2f",
        "pinnedStep": 300,
        "seedPinned": true,
        "monotonicLightness": true,
        "darkestStep": 10,
        "maxHueShiftDegrees": 0,
        "maxGamutChromaReduction": 0.2190683353379989,
        "step700": "#8a6500",
        "step900": "#644800"
      },
      "steps": [
        {
          "step": 50,
          "source": {
            "l": 0.9954873660995076,
            "c": 0.018186811218148947,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.9954873660995076,
            "c": 0.004421250322218036,
            "h": 82.98660818871429
          },
          "hex": "#fffdfa"
        },
        {
          "step": 100,
          "source": {
            "l": 0.9604873660995079,
            "c": 0.044767535306212795,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.9604873660995079,
            "c": 0.039194741980948196,
            "h": 82.98660818871429
          },
          "hex": "#fff0d5"
        },
        {
          "step": 200,
          "source": {
            "l": 0.9094873660995078,
            "c": 0.0867370996557873,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.9094873660995078,
            "c": 0.0867370996557873,
            "h": 82.98660818871429
          },
          "hex": "#fddd9f"
        },
        {
          "step": 300,
          "source": {
            "l": 0.8324873660995078,
            "c": 0.1594843445283831,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.8324873660995078,
            "c": 0.1594843445283831,
            "h": 82.98660818871429
          },
          "hex": "#fabd2f"
        },
        {
          "step": 400,
          "source": {
            "l": 0.8324873660995078,
            "c": 0.1594843445283831,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.8324873660995078,
            "c": 0.1594843445283831,
            "h": 82.98660818871429
          },
          "hex": "#fabd2f"
        },
        {
          "step": 500,
          "source": {
            "l": 0.6614873660995078,
            "c": 0.33155955836163853,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.6614873660995078,
            "c": 0.13602066210964325,
            "h": 82.98660818871429
          },
          "hex": "#bb8900"
        },
        {
          "step": 600,
          "source": {
            "l": 0.6014873660995077,
            "c": 0.3427514421881917,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.6014873660995077,
            "c": 0.12368310685019278,
            "h": 82.98660818871429
          },
          "hex": "#a47800"
        },
        {
          "step": 700,
          "source": {
            "l": 0.5294873660995079,
            "c": 0.2979839068819789,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.5294873660995079,
            "c": 0.10887809222705247,
            "h": 82.98660818871429
          },
          "hex": "#8a6500"
        },
        {
          "step": 800,
          "source": {
            "l": 0.4684873660995077,
            "c": 0.2476204296624895,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.4684873660995077,
            "c": 0.09633502486984294,
            "h": 82.98660818871429
          },
          "hex": "#745400"
        },
        {
          "step": 900,
          "source": {
            "l": 0.4204873660995079,
            "c": 0.19725695244300012,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.4204873660995079,
            "c": 0.08646514294720178,
            "h": 82.98660818871429
          },
          "hex": "#644800"
        },
        {
          "step": 950,
          "source": {
            "l": 0.28248736609950775,
            "c": 0.1287066640053618,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.28248736609950775,
            "c": 0.05809007369449063,
            "h": 82.98660818871429
          },
          "hex": "#372600"
        }
      ]
    },
    {
      "fixture": "gruvbox-dark-medium",
      "slot": "yellow",
      "method": "fixed-ramp",
      "mapper": "css4-hue-preserving",
      "metrics": {
        "seedHex": "#fabd2f",
        "pinnedStep": 300,
        "seedPinned": true,
        "monotonicLightness": true,
        "darkestStep": 10,
        "maxHueShiftDegrees": 0,
        "maxGamutChromaReduction": 0.20025306863425602,
        "step700": "#8f6300",
        "step900": "#694600"
      },
      "steps": [
        {
          "step": 50,
          "source": {
            "l": 0.9954873660995076,
            "c": 0.018186811218148947,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.9954873660995076,
            "c": 0.0181868112139145,
            "h": 82.98660818871429
          },
          "hex": "#fffdf0"
        },
        {
          "step": 100,
          "source": {
            "l": 0.9604873660995079,
            "c": 0.044767535306212795,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.9604873660995079,
            "c": 0.04476753529578954,
            "h": 82.98660818871429
          },
          "hex": "#fff0d1"
        },
        {
          "step": 200,
          "source": {
            "l": 0.9094873660995078,
            "c": 0.0867370996557873,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.9094873660995078,
            "c": 0.0867370996557873,
            "h": 82.98660818871429
          },
          "hex": "#fddd9f"
        },
        {
          "step": 300,
          "source": {
            "l": 0.8324873660995078,
            "c": 0.1594843445283831,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.8324873660995078,
            "c": 0.1594843445283831,
            "h": 82.98660818871429
          },
          "hex": "#fabd2f"
        },
        {
          "step": 400,
          "source": {
            "l": 0.8324873660995078,
            "c": 0.1594843445283831,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.8324873660995078,
            "c": 0.1594843445283831,
            "h": 82.98660818871429
          },
          "hex": "#fabd2f"
        },
        {
          "step": 500,
          "source": {
            "l": 0.6614873660995078,
            "c": 0.33155955836163853,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.6614873660995078,
            "c": 0.15484138155471214,
            "h": 82.98660818871429
          },
          "hex": "#c08700"
        },
        {
          "step": 600,
          "source": {
            "l": 0.6014873660995077,
            "c": 0.3427514421881917,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.6014873660995077,
            "c": 0.1424983735539357,
            "h": 82.98660818871429
          },
          "hex": "#a97600"
        },
        {
          "step": 700,
          "source": {
            "l": 0.5294873660995079,
            "c": 0.2979839068819789,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.5294873660995079,
            "c": 0.12768518132447798,
            "h": 82.98660818871429
          },
          "hex": "#8f6300"
        },
        {
          "step": 800,
          "source": {
            "l": 0.4684873660995077,
            "c": 0.2476204296624895,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.4684873660995077,
            "c": 0.11513321452259496,
            "h": 82.98660818871429
          },
          "hex": "#795200"
        },
        {
          "step": 900,
          "source": {
            "l": 0.4204873660995079,
            "c": 0.19725695244300012,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.4204873660995079,
            "c": 0.1052545101951797,
            "h": 82.98660818871429
          },
          "hex": "#694600"
        },
        {
          "step": 950,
          "source": {
            "l": 0.28248736609950775,
            "c": 0.1287066640053618,
            "h": 82.98660818871429
          },
          "mapped": {
            "l": 0.28248736609950775,
            "c": 0.07683732649028827,
            "h": 82.98660818871429
          },
          "hex": "#3b2400"
        }
      ]
    },
    {
      "fixture": "gruvbox-dark-medium",
      "slot": "green",
      "method": "delta-transfer",
      "mapper": "clamp-chroma",
      "metrics": {
        "seedHex": "#b8bb26",
        "pinnedStep": 400,
        "seedPinned": true,
        "monotonicLightness": true,
        "darkestStep": 10,
        "maxHueShiftDegrees": 5.031999999999982,
        "maxGamutChromaReduction": 0.01705538463925113,
        "step700": "#686800",
        "step900": "#40420d"
      },
      "steps": [
        {
          "step": 50,
          "source": {
            "l": 0.9551900325055587,
            "c": 0.013613751013755587,
            "h": 114.94958110754976
          },
          "mapped": {
            "l": 0.9551900325055587,
            "c": 0.013613751013755587,
            "h": 114.94958110754976
          },
          "hex": "#f0f1e7"
        },
        {
          "step": 100,
          "source": {
            "l": 0.9351900325055587,
            "c": 0.03327805803362477,
            "h": 115.86658110754973
          },
          "mapped": {
            "l": 0.9351900325055587,
            "c": 0.03327805803362477,
            "h": 115.86658110754973
          },
          "hex": "#e8edd4"
        },
        {
          "step": 200,
          "source": {
            "l": 0.8981900325055587,
            "c": 0.06353083806419275,
            "h": 115.11858110754974
          },
          "mapped": {
            "l": 0.8981900325055587,
            "c": 0.06353083806419275,
            "h": 115.11858110754974
          },
          "hex": "#dbe3b3"
        },
        {
          "step": 300,
          "source": {
            "l": 0.8441900325055587,
            "c": 0.1134479251146299,
            "h": 113.57258110754975
          },
          "mapped": {
            "l": 0.8441900325055587,
            "c": 0.1134479251146299,
            "h": 113.57258110754975
          },
          "hex": "#cbd47b"
        },
        {
          "step": 400,
          "source": {
            "l": 0.7651900325055587,
            "c": 0.15807077565971767,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.7651900325055587,
            "c": 0.15807077565971767,
            "h": 110.83458110754975
          },
          "hex": "#b8bb26"
        },
        {
          "step": 500,
          "source": {
            "l": 0.6961900325055586,
            "c": 0.16563397066735966,
            "h": 108.70258110754975
          },
          "mapped": {
            "l": 0.6961900325055586,
            "c": 0.15074365845617,
            "h": 108.70258110754975
          },
          "hex": "#a6a300"
        },
        {
          "step": 600,
          "source": {
            "l": 0.6001900325055587,
            "c": 0.1467259831482547,
            "h": 108.33758110754974
          },
          "mapped": {
            "l": 0.6001900325055587,
            "c": 0.12967059850900356,
            "h": 108.33758110754974
          },
          "hex": "#888500"
        },
        {
          "step": 700,
          "source": {
            "l": 0.5001900325055588,
            "c": 0.11647320311768672,
            "h": 109.1925811075497
          },
          "mapped": {
            "l": 0.5001900325055588,
            "c": 0.10863445132853078,
            "h": 109.1925811075497
          },
          "hex": "#686800"
        },
        {
          "step": 800,
          "source": {
            "l": 0.42119003250555864,
            "c": 0.09000202059093972,
            "h": 110.45158110754971
          },
          "mapped": {
            "l": 0.42119003250555864,
            "c": 0.09000202059093972,
            "h": 110.45158110754971
          },
          "hex": "#505104"
        },
        {
          "step": 900,
          "source": {
            "l": 0.3661900325055587,
            "c": 0.07185035257259895,
            "h": 111.65858110754971
          },
          "mapped": {
            "l": 0.3661900325055587,
            "c": 0.07185035257259895,
            "h": 111.65858110754971
          },
          "hex": "#40420d"
        },
        {
          "step": 950,
          "source": {
            "l": 0.2391900325055587,
            "c": 0.04916076754967296,
            "h": 112.05758110754971
          },
          "mapped": {
            "l": 0.2391900325055587,
            "c": 0.04916076754967296,
            "h": 112.05758110754971
          },
          "hex": "#202102"
        }
      ]
    },
    {
      "fixture": "gruvbox-dark-medium",
      "slot": "green",
      "method": "delta-transfer",
      "mapper": "css4-hue-preserving",
      "metrics": {
        "seedHex": "#b8bb26",
        "pinnedStep": 400,
        "seedPinned": true,
        "monotonicLightness": true,
        "darkestStep": 10,
        "maxHueShiftDegrees": 5.031999999999982,
        "maxGamutChromaReduction": 3.856467922780382e-11,
        "step700": "#696800",
        "step900": "#40420d"
      },
      "steps": [
        {
          "step": 50,
          "source": {
            "l": 0.9551900325055587,
            "c": 0.013613751013755587,
            "h": 114.94958110754976
          },
          "mapped": {
            "l": 0.9551900325055587,
            "c": 0.013613751013755587,
            "h": 114.94958110754976
          },
          "hex": "#f0f1e7"
        },
        {
          "step": 100,
          "source": {
            "l": 0.9351900325055587,
            "c": 0.03327805803362477,
            "h": 115.86658110754973
          },
          "mapped": {
            "l": 0.9351900325055587,
            "c": 0.03327805803362477,
            "h": 115.86658110754973
          },
          "hex": "#e8edd4"
        },
        {
          "step": 200,
          "source": {
            "l": 0.8981900325055587,
            "c": 0.06353083806419275,
            "h": 115.11858110754974
          },
          "mapped": {
            "l": 0.8981900325055587,
            "c": 0.06353083806419275,
            "h": 115.11858110754974
          },
          "hex": "#dbe3b3"
        },
        {
          "step": 300,
          "source": {
            "l": 0.8441900325055587,
            "c": 0.1134479251146299,
            "h": 113.57258110754975
          },
          "mapped": {
            "l": 0.8441900325055587,
            "c": 0.1134479251146299,
            "h": 113.57258110754975
          },
          "hex": "#cbd47b"
        },
        {
          "step": 400,
          "source": {
            "l": 0.7651900325055587,
            "c": 0.15807077565971767,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.7651900325055587,
            "c": 0.15807077565971767,
            "h": 110.83458110754975
          },
          "hex": "#b8bb26"
        },
        {
          "step": 500,
          "source": {
            "l": 0.6961900325055586,
            "c": 0.16563397066735966,
            "h": 108.70258110754975
          },
          "mapped": {
            "l": 0.6961900325055586,
            "c": 0.16563397062879498,
            "h": 108.70258110754975
          },
          "hex": "#a7a400"
        },
        {
          "step": 600,
          "source": {
            "l": 0.6001900325055587,
            "c": 0.1467259831482547,
            "h": 108.33758110754974
          },
          "mapped": {
            "l": 0.6001900325055587,
            "c": 0.14672598311409238,
            "h": 108.33758110754974
          },
          "hex": "#898500"
        },
        {
          "step": 700,
          "source": {
            "l": 0.5001900325055588,
            "c": 0.11647320311768672,
            "h": 109.1925811075497
          },
          "mapped": {
            "l": 0.5001900325055588,
            "c": 0.11647320309056819,
            "h": 109.1925811075497
          },
          "hex": "#696800"
        },
        {
          "step": 800,
          "source": {
            "l": 0.42119003250555864,
            "c": 0.09000202059093972,
            "h": 110.45158110754971
          },
          "mapped": {
            "l": 0.42119003250555864,
            "c": 0.09000202059093972,
            "h": 110.45158110754971
          },
          "hex": "#505104"
        },
        {
          "step": 900,
          "source": {
            "l": 0.3661900325055587,
            "c": 0.07185035257259895,
            "h": 111.65858110754971
          },
          "mapped": {
            "l": 0.3661900325055587,
            "c": 0.07185035257259895,
            "h": 111.65858110754971
          },
          "hex": "#40420d"
        },
        {
          "step": 950,
          "source": {
            "l": 0.2391900325055587,
            "c": 0.04916076754967296,
            "h": 112.05758110754971
          },
          "mapped": {
            "l": 0.2391900325055587,
            "c": 0.04916076754967296,
            "h": 112.05758110754971
          },
          "hex": "#202102"
        }
      ]
    },
    {
      "fixture": "gruvbox-dark-medium",
      "slot": "green",
      "method": "fixed-ramp",
      "mapper": "clamp-chroma",
      "metrics": {
        "seedHex": "#b8bb26",
        "pinnedStep": 300,
        "seedPinned": true,
        "monotonicLightness": true,
        "darkestStep": 10,
        "maxHueShiftDegrees": 0,
        "maxGamutChromaReduction": 0.22243723039500266,
        "step700": "#5c5d00",
        "step900": "#3e3f00"
      },
      "steps": [
        {
          "step": 50,
          "source": {
            "l": 0.9281900325055588,
            "c": 0.01802561476821342,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.9281900325055588,
            "c": 0.01802561476821342,
            "h": 110.83458110754975
          },
          "hex": "#e7e9db"
        },
        {
          "step": 100,
          "source": {
            "l": 0.8931900325055586,
            "c": 0.04437074404483303,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.8931900325055586,
            "c": 0.04437074404483303,
            "h": 110.83458110754975
          },
          "hex": "#dddfbe"
        },
        {
          "step": 200,
          "source": {
            "l": 0.8421900325055587,
            "c": 0.08596831658686399,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.8421900325055587,
            "c": 0.08596831658686399,
            "h": 110.83458110754975
          },
          "hex": "#cdd18f"
        },
        {
          "step": 300,
          "source": {
            "l": 0.7651900325055587,
            "c": 0.15807077565971767,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.7651900325055587,
            "c": 0.15807077565971767,
            "h": 110.83458110754975
          },
          "hex": "#b8bb26"
        },
        {
          "step": 400,
          "source": {
            "l": 0.7651900325055587,
            "c": 0.15807077565971767,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.7651900325055587,
            "c": 0.15807077565971767,
            "h": 110.83458110754975
          },
          "hex": "#b8bb26"
        },
        {
          "step": 500,
          "source": {
            "l": 0.5941900325055587,
            "c": 0.3286208230820446,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.5941900325055587,
            "c": 0.13044844877807815,
            "h": 110.83458110754975
          },
          "hex": "#838500"
        },
        {
          "step": 600,
          "source": {
            "l": 0.5341900325055586,
            "c": 0.3397135090932529,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.5341900325055586,
            "c": 0.11727627869825022,
            "h": 110.83458110754975
          },
          "hex": "#717200"
        },
        {
          "step": 700,
          "source": {
            "l": 0.46219003250555857,
            "c": 0.29534276504841983,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.46219003250555857,
            "c": 0.10146976239689247,
            "h": 110.83458110754975
          },
          "hex": "#5c5d00"
        },
        {
          "step": 800,
          "source": {
            "l": 0.4011900325055586,
            "c": 0.24542567799798268,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.4011900325055586,
            "c": 0.08807825708103455,
            "h": 110.83458110754975
          },
          "hex": "#4b4c00"
        },
        {
          "step": 900,
          "source": {
            "l": 0.3531900325055586,
            "c": 0.19550859094754552,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.3531900325055586,
            "c": 0.07754082074557381,
            "h": 110.83458110754975
          },
          "hex": "#3e3f00"
        },
        {
          "step": 950,
          "source": {
            "l": 0.21519003250555868,
            "c": 0.12756588912889494,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.21519003250555868,
            "c": 0.0472476787160472,
            "h": 110.83458110754975
          },
          "hex": "#1b1b00"
        }
      ]
    },
    {
      "fixture": "gruvbox-dark-medium",
      "slot": "green",
      "method": "fixed-ramp",
      "mapper": "css4-hue-preserving",
      "metrics": {
        "seedHex": "#b8bb26",
        "pinnedStep": 300,
        "seedPinned": true,
        "monotonicLightness": true,
        "darkestStep": 10,
        "maxHueShiftDegrees": 0,
        "maxGamutChromaReduction": 0.20244199152308134,
        "step700": "#5d5e00",
        "step900": "#3e3f00"
      },
      "steps": [
        {
          "step": 50,
          "source": {
            "l": 0.9281900325055588,
            "c": 0.01802561476821342,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.9281900325055588,
            "c": 0.01802561476821342,
            "h": 110.83458110754975
          },
          "hex": "#e7e9db"
        },
        {
          "step": 100,
          "source": {
            "l": 0.8931900325055586,
            "c": 0.04437074404483303,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.8931900325055586,
            "c": 0.04437074404483303,
            "h": 110.83458110754975
          },
          "hex": "#dddfbe"
        },
        {
          "step": 200,
          "source": {
            "l": 0.8421900325055587,
            "c": 0.08596831658686399,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.8421900325055587,
            "c": 0.08596831658686399,
            "h": 110.83458110754975
          },
          "hex": "#cdd18f"
        },
        {
          "step": 300,
          "source": {
            "l": 0.7651900325055587,
            "c": 0.15807077565971767,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.7651900325055587,
            "c": 0.15807077565971767,
            "h": 110.83458110754975
          },
          "hex": "#b8bb26"
        },
        {
          "step": 400,
          "source": {
            "l": 0.7651900325055587,
            "c": 0.15807077565971767,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.7651900325055587,
            "c": 0.15807077565971767,
            "h": 110.83458110754975
          },
          "hex": "#b8bb26"
        },
        {
          "step": 500,
          "source": {
            "l": 0.5941900325055587,
            "c": 0.3286208230820446,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.5941900325055587,
            "c": 0.15045144920823322,
            "h": 110.83458110754975
          },
          "hex": "#848500"
        },
        {
          "step": 600,
          "source": {
            "l": 0.5341900325055586,
            "c": 0.3397135090932529,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.5341900325055586,
            "c": 0.13727151757017153,
            "h": 110.83458110754975
          },
          "hex": "#727300"
        },
        {
          "step": 700,
          "source": {
            "l": 0.46219003250555857,
            "c": 0.29534276504841983,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.46219003250555857,
            "c": 0.12145305840664838,
            "h": 110.83458110754975
          },
          "hex": "#5d5e00"
        },
        {
          "step": 800,
          "source": {
            "l": 0.4011900325055586,
            "c": 0.24542567799798268,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.4011900325055586,
            "c": 0.10804812536573623,
            "h": 110.83458110754975
          },
          "hex": "#4c4c00"
        },
        {
          "step": 900,
          "source": {
            "l": 0.3531900325055586,
            "c": 0.19550859094754552,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.3531900325055586,
            "c": 0.09749691102871758,
            "h": 110.83458110754975
          },
          "hex": "#3e3f00"
        },
        {
          "step": 950,
          "source": {
            "l": 0.21519003250555868,
            "c": 0.12756588912889494,
            "h": 110.83458110754975
          },
          "mapped": {
            "l": 0.21519003250555868,
            "c": 0.06713074509614969,
            "h": 110.83458110754975
          },
          "hex": "#1b1b00"
        }
      ]
    },
    {
      "fixture": "gruvbox-dark-medium",
      "slot": "aqua",
      "method": "delta-transfer",
      "mapper": "clamp-chroma",
      "metrics": {
        "seedHex": "#8ec07c",
        "pinnedStep": 400,
        "seedPinned": true,
        "monotonicLightness": true,
        "darkestStep": 10,
        "maxHueShiftDegrees": 18.164999999999964,
        "maxGamutChromaReduction": 0,
        "step700": "#406b48",
        "step900": "#294632"
      },
      "steps": [
        {
          "step": 50,
          "source": {
            "l": 0.9505280324220232,
            "c": 0.013294268945425848,
            "h": 127.01926781452153
          },
          "mapped": {
            "l": 0.9505280324220232,
            "c": 0.013294268945425848,
            "h": 127.01926781452153
          },
          "hex": "#ecf0e7"
        },
        {
          "step": 100,
          "source": {
            "l": 0.9225280324220232,
            "c": 0.031486426449692795,
            "h": 129.53426781452157
          },
          "mapped": {
            "l": 0.9225280324220232,
            "c": 0.031486426449692795,
            "h": 129.53426781452157
          },
          "hex": "#dfead4"
        },
        {
          "step": 200,
          "source": {
            "l": 0.883528032422023,
            "c": 0.055975869243898316,
            "h": 131.18726781452153
          },
          "mapped": {
            "l": 0.883528032422023,
            "c": 0.055975869243898316,
            "h": 131.18726781452153
          },
          "hex": "#cce1bb"
        },
        {
          "step": 300,
          "source": {
            "l": 0.831528032422023,
            "c": 0.08886169242468857,
            "h": 133.22426781452157
          },
          "mapped": {
            "l": 0.831528032422023,
            "c": 0.08886169242468857,
            "h": 133.22426781452157
          },
          "hex": "#b1d599"
        },
        {
          "step": 400,
          "source": {
            "l": 0.7555280324220232,
            "c": 0.10775354829450424,
            "h": 137.67626781452157
          },
          "mapped": {
            "l": 0.7555280324220232,
            "c": 0.10775354829450424,
            "h": 137.67626781452157
          },
          "hex": "#8ec07c"
        },
        {
          "step": 500,
          "source": {
            "l": 0.6815280324220231,
            "c": 0.10005686627346821,
            "h": 141.3672678145216
          },
          "mapped": {
            "l": 0.6815280324220231,
            "c": 0.10005686627346821,
            "h": 141.3672678145216
          },
          "hex": "#75a86e"
        },
        {
          "step": 600,
          "source": {
            "l": 0.5755280324220232,
            "c": 0.08816199405913984,
            "h": 147.86926781452155
          },
          "mapped": {
            "l": 0.5755280324220232,
            "c": 0.08816199405913984,
            "h": 147.86926781452155
          },
          "hex": "#53875b"
        },
        {
          "step": 700,
          "source": {
            "l": 0.48652803242202325,
            "c": 0.07346832838261652,
            "h": 149.27426781452152
          },
          "mapped": {
            "l": 0.48652803242202325,
            "c": 0.07346832838261652,
            "h": 149.27426781452152
          },
          "hex": "#406b48"
        },
        {
          "step": 800,
          "source": {
            "l": 0.4165280324220232,
            "c": 0.05947436107164195,
            "h": 150.42926781452155
          },
          "mapped": {
            "l": 0.4165280324220232,
            "c": 0.05947436107164195,
            "h": 150.42926781452155
          },
          "hex": "#33553b"
        },
        {
          "step": 900,
          "source": {
            "l": 0.36452803242202314,
            "c": 0.04897888558841103,
            "h": 153.53826781452153
          },
          "mapped": {
            "l": 0.36452803242202314,
            "c": 0.04897888558841103,
            "h": 153.53826781452153
          },
          "hex": "#294632"
        },
        {
          "step": 950,
          "source": {
            "l": 0.26852803242202306,
            "c": 0.03918310847072882,
            "h": 155.84126781452153
          },
          "mapped": {
            "l": 0.26852803242202306,
            "c": 0.03918310847072882,
            "h": 155.84126781452153
          },
          "hex": "#152c1e"
        }
      ]
    },
    {
      "fixture": "gruvbox-dark-medium",
      "slot": "aqua",
      "method": "delta-transfer",
      "mapper": "css4-hue-preserving",
      "metrics": {
        "seedHex": "#8ec07c",
        "pinnedStep": 400,
        "seedPinned": true,
        "monotonicLightness": true,
        "darkestStep": 10,
        "maxHueShiftDegrees": 18.164999999999964,
        "maxGamutChromaReduction": 0,
        "step700": "#406b48",
        "step900": "#294632"
      },
      "steps": [
        {
          "step": 50,
          "source": {
            "l": 0.9505280324220232,
            "c": 0.013294268945425848,
            "h": 127.01926781452153
          },
          "mapped": {
            "l": 0.9505280324220232,
            "c": 0.013294268945425848,
            "h": 127.01926781452153
          },
          "hex": "#ecf0e7"
        },
        {
          "step": 100,
          "source": {
            "l": 0.9225280324220232,
            "c": 0.031486426449692795,
            "h": 129.53426781452157
          },
          "mapped": {
            "l": 0.9225280324220232,
            "c": 0.031486426449692795,
            "h": 129.53426781452157
          },
          "hex": "#dfead4"
        },
        {
          "step": 200,
          "source": {
            "l": 0.883528032422023,
            "c": 0.055975869243898316,
            "h": 131.18726781452153
No results found