.color-mixer{display:grid;grid-template-columns:1fr 1fr}.color-preview{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding:32px;transition:background-color .12s,color .12s}.preview-eyebrow{font:10px var(--mono);letter-spacing:2px;opacity:.8;margin-bottom:18px}.color-preview>strong{font:500 44px var(--mono);letter-spacing:-1.5px}.color-preview>span#preview-rgb{font:13px var(--mono);margin-top:14px;opacity:.9}.preview-signature{position:absolute;bottom:24px;right:26px;font:10px var(--mono);letter-spacing:.6px;opacity:.58}.color-controls{padding:26px 30px}.color-controls-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:10px}.color-controls h2{font-size:15px;font-weight:600}.color-picker-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:12px}.color-picker-row input{width:68px;height:35px;padding:3px;background:white;border:1px solid var(--border);border-radius:5px;cursor:pointer}.hex-form{display:flex;gap:10px;align-items:center;margin-bottom:24px}.hex-form label{font:12px var(--mono);min-width:37px}.hex-form input{width:100%;min-width:0;font:14px var(--mono);border:1px solid var(--border);padding:10px 12px;border-radius:5px;min-height:40px}.hex-form button{flex-shrink:0}.rgb-controls{display:grid;gap:14px}.rgb-channel{display:flex;gap:12px;align-items:center}.rgb-channel>label{width:70px;flex-shrink:0;font:13px var(--mono);display:flex;gap:9px;align-items:center}.rgb-channel>label>span{font-size:8px;color:var(--muted);letter-spacing:.4px}.channel-r{color:#b03835}.channel-g{color:#387846}.channel-b{color:#386dab}.rgb-channel input[type=range]{min-width:30px;width:100%;margin:0;accent-color:var(--accent);height:26px}.rgb-number{width:56px;flex-shrink:0;text-align:center;padding:6px 3px;border:1px solid var(--border);border-radius:5px;font:13px var(--mono);height:35px}.color-controls input[aria-invalid=true]{border-color:#b03835;background:#fff3ef}.color-controls>p{font-size:10px;color:var(--muted);margin-top:17px}.color-copy-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border);background:#fbfcf9}.color-code{padding:17px 19px;display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center;min-width:0}.color-code+.color-code{border-left:1px solid var(--border)}.color-code label{font:9px var(--mono);letter-spacing:1px;color:var(--muted);grid-column:1/-1}.color-code input{border:0;background:transparent;font:12px var(--mono);color:var(--ink);min-width:0;width:100%;padding:3px 0}.color-code .text-button{white-space:nowrap;font-size:10px}.palette-section{margin:28px 0 35px}.palette-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px}.color-search{display:flex;align-items:center;gap:5px;border:1px solid var(--border);background:white;border-radius:6px;padding:2px 7px;max-width:360px;width:100%}.color-search input{border:0;background:transparent;min-width:0;width:100%;padding:8px;font:12px var(--mono);color:var(--ink)}.color-search button{white-space:nowrap}.palette-description{font-size:11px;color:var(--muted);margin:17px 0 20px}.color-palette{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.color-palette[hidden],.color-card[hidden]{display:none}.color-card{padding:0 0 10px;text-align:left;min-width:0;border:1px solid var(--border);background:white;border-radius:7px;overflow:hidden;color:var(--ink)}.color-card:hover{border-color:var(--accent)}.color-card[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.color-swatch{display:flex;align-items:center;justify-content:center;height:66px;border-bottom:1px solid #2222220a}.swatch-selected{visibility:hidden;font-size:20px}.color-card[aria-pressed=true] .swatch-selected{visibility:visible}.color-card-label,.color-card-hex,.color-card-rgb{display:block;margin:0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-card-label{font:10px var(--mono);margin-top:11px;color:var(--ink)}.color-card-hex{font:10px var(--mono);margin-top:7px;color:var(--muted)}.color-card-rgb{font:8px var(--mono);margin-top:5px;color:var(--muted)}.color-empty{padding:25px;background:#f1f0e9;border-radius:7px;font-size:13px;color:var(--muted)}
@media(max-width:1000px){.color-palette{grid-template-columns:repeat(6,minmax(0,1fr))}.color-controls{padding:22px}.rgb-channel>label{width:54px}.rgb-channel>label>span{font-size:7px}.color-copy-row{grid-template-columns:1fr}.color-code{grid-template-columns:45px 1fr auto;padding:12px 22px;gap:12px}.color-code label{grid-column:auto}.color-code+.color-code{border-left:0;border-top:1px solid var(--border)}}
@media(max-width:720px){.color-mixer{grid-template-columns:1fr}.color-preview{min-height:220px}.color-preview>strong{font-size:38px}.preview-signature{bottom:18px;right:22px}.color-controls{padding:20px}.color-controls-heading{margin-bottom:16px}.rgb-channel>label{width:68px}.rgb-channel>label>span{font-size:8px}.color-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.palette-toolbar{align-items:stretch;flex-direction:column;gap:14px}.palette-toolbar .segmented{align-self:flex-start}.color-search{max-width:none}.palette-section .section-heading{align-items:flex-start;gap:15px}.palette-section .section-heading>span{max-width:140px;text-align:right}.color-copy-row .color-code{padding:12px 16px;gap:6px;grid-template-columns:34px 1fr auto}.color-copy-row .color-code input{font-size:11px}.color-swatch{height:60px}.color-card-label{font-size:9px;margin-left:7px;margin-right:7px}.color-card-hex{font-size:9px;margin-left:7px;margin-right:7px}.color-card-rgb{font-size:7px;margin-left:7px;margin-right:7px}}
@media(max-width:400px){.color-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.color-card-label{font-size:10px}.color-card-hex{font-size:10px}.color-card-rgb{font-size:8px}.color-preview{min-height:190px}.color-code .text-button{padding-left:3px;padding-right:3px}.color-controls{padding:20px 16px}}

.swatch-B84D29{background-color:#B84D29;color:#FFFFFF}
.swatch-800000{background-color:#800000;color:#FFFFFF}
.swatch-FF0000{background-color:#FF0000;color:#000000}
.swatch-FF6347{background-color:#FF6347;color:#000000}
.swatch-FF7F50{background-color:#FF7F50;color:#000000}
.swatch-FFA500{background-color:#FFA500;color:#000000}
.swatch-FFD700{background-color:#FFD700;color:#000000}
.swatch-FFFF00{background-color:#FFFF00;color:#000000}
.swatch-808000{background-color:#808000;color:#000000}
.swatch-008000{background-color:#008000;color:#FFFFFF}
.swatch-00FF00{background-color:#00FF00;color:#000000}
.swatch-008080{background-color:#008080;color:#FFFFFF}
.swatch-00FFFF{background-color:#00FFFF;color:#000000}
.swatch-0000FF{background-color:#0000FF;color:#FFFFFF}
.swatch-000080{background-color:#000080;color:#FFFFFF}
.swatch-4B0082{background-color:#4B0082;color:#FFFFFF}
.swatch-663399{background-color:#663399;color:#FFFFFF}
.swatch-800080{background-color:#800080;color:#FFFFFF}
.swatch-FF00FF{background-color:#FF00FF;color:#000000}
.swatch-FFC0CB{background-color:#FFC0CB;color:#000000}
.swatch-000000{background-color:#000000;color:#FFFFFF}
.swatch-808080{background-color:#808080;color:#000000}
.swatch-C0C0C0{background-color:#C0C0C0;color:#000000}
.swatch-FFFFFF{background-color:#FFFFFF;color:#000000}
.swatch-000033{background-color:#000033;color:#FFFFFF}
.swatch-000066{background-color:#000066;color:#FFFFFF}
.swatch-000099{background-color:#000099;color:#FFFFFF}
.swatch-0000CC{background-color:#0000CC;color:#FFFFFF}
.swatch-003300{background-color:#003300;color:#FFFFFF}
.swatch-003333{background-color:#003333;color:#FFFFFF}
.swatch-003366{background-color:#003366;color:#FFFFFF}
.swatch-003399{background-color:#003399;color:#FFFFFF}
.swatch-0033CC{background-color:#0033CC;color:#FFFFFF}
.swatch-0033FF{background-color:#0033FF;color:#FFFFFF}
.swatch-006600{background-color:#006600;color:#FFFFFF}
.swatch-006633{background-color:#006633;color:#FFFFFF}
.swatch-006666{background-color:#006666;color:#FFFFFF}
.swatch-006699{background-color:#006699;color:#FFFFFF}
.swatch-0066CC{background-color:#0066CC;color:#FFFFFF}
.swatch-0066FF{background-color:#0066FF;color:#FFFFFF}
.swatch-009900{background-color:#009900;color:#000000}
.swatch-009933{background-color:#009933;color:#000000}
.swatch-009966{background-color:#009966;color:#000000}
.swatch-009999{background-color:#009999;color:#000000}
.swatch-0099CC{background-color:#0099CC;color:#000000}
.swatch-0099FF{background-color:#0099FF;color:#000000}
.swatch-00CC00{background-color:#00CC00;color:#000000}
.swatch-00CC33{background-color:#00CC33;color:#000000}
.swatch-00CC66{background-color:#00CC66;color:#000000}
.swatch-00CC99{background-color:#00CC99;color:#000000}
.swatch-00CCCC{background-color:#00CCCC;color:#000000}
.swatch-00CCFF{background-color:#00CCFF;color:#000000}
.swatch-00FF33{background-color:#00FF33;color:#000000}
.swatch-00FF66{background-color:#00FF66;color:#000000}
.swatch-00FF99{background-color:#00FF99;color:#000000}
.swatch-00FFCC{background-color:#00FFCC;color:#000000}
.swatch-330000{background-color:#330000;color:#FFFFFF}
.swatch-330033{background-color:#330033;color:#FFFFFF}
.swatch-330066{background-color:#330066;color:#FFFFFF}
.swatch-330099{background-color:#330099;color:#FFFFFF}
.swatch-3300CC{background-color:#3300CC;color:#FFFFFF}
.swatch-3300FF{background-color:#3300FF;color:#FFFFFF}
.swatch-333300{background-color:#333300;color:#FFFFFF}
.swatch-333333{background-color:#333333;color:#FFFFFF}
.swatch-333366{background-color:#333366;color:#FFFFFF}
.swatch-333399{background-color:#333399;color:#FFFFFF}
.swatch-3333CC{background-color:#3333CC;color:#FFFFFF}
.swatch-3333FF{background-color:#3333FF;color:#FFFFFF}
.swatch-336600{background-color:#336600;color:#FFFFFF}
.swatch-336633{background-color:#336633;color:#FFFFFF}
.swatch-336666{background-color:#336666;color:#FFFFFF}
.swatch-336699{background-color:#336699;color:#FFFFFF}
.swatch-3366CC{background-color:#3366CC;color:#FFFFFF}
.swatch-3366FF{background-color:#3366FF;color:#FFFFFF}
.swatch-339900{background-color:#339900;color:#000000}
.swatch-339933{background-color:#339933;color:#000000}
.swatch-339966{background-color:#339966;color:#000000}
.swatch-339999{background-color:#339999;color:#000000}
.swatch-3399CC{background-color:#3399CC;color:#000000}
.swatch-3399FF{background-color:#3399FF;color:#000000}
.swatch-33CC00{background-color:#33CC00;color:#000000}
.swatch-33CC33{background-color:#33CC33;color:#000000}
.swatch-33CC66{background-color:#33CC66;color:#000000}
.swatch-33CC99{background-color:#33CC99;color:#000000}
.swatch-33CCCC{background-color:#33CCCC;color:#000000}
.swatch-33CCFF{background-color:#33CCFF;color:#000000}
.swatch-33FF00{background-color:#33FF00;color:#000000}
.swatch-33FF33{background-color:#33FF33;color:#000000}
.swatch-33FF66{background-color:#33FF66;color:#000000}
.swatch-33FF99{background-color:#33FF99;color:#000000}
.swatch-33FFCC{background-color:#33FFCC;color:#000000}
.swatch-33FFFF{background-color:#33FFFF;color:#000000}
.swatch-660000{background-color:#660000;color:#FFFFFF}
.swatch-660033{background-color:#660033;color:#FFFFFF}
.swatch-660066{background-color:#660066;color:#FFFFFF}
.swatch-660099{background-color:#660099;color:#FFFFFF}
.swatch-6600CC{background-color:#6600CC;color:#FFFFFF}
.swatch-6600FF{background-color:#6600FF;color:#FFFFFF}
.swatch-663300{background-color:#663300;color:#FFFFFF}
.swatch-663333{background-color:#663333;color:#FFFFFF}
.swatch-663366{background-color:#663366;color:#FFFFFF}
.swatch-6633CC{background-color:#6633CC;color:#FFFFFF}
.swatch-6633FF{background-color:#6633FF;color:#FFFFFF}
.swatch-666600{background-color:#666600;color:#FFFFFF}
.swatch-666633{background-color:#666633;color:#FFFFFF}
.swatch-666666{background-color:#666666;color:#FFFFFF}
.swatch-666699{background-color:#666699;color:#FFFFFF}
.swatch-6666CC{background-color:#6666CC;color:#FFFFFF}
.swatch-6666FF{background-color:#6666FF;color:#000000}
.swatch-669900{background-color:#669900;color:#000000}
.swatch-669933{background-color:#669933;color:#000000}
.swatch-669966{background-color:#669966;color:#000000}
.swatch-669999{background-color:#669999;color:#000000}
.swatch-6699CC{background-color:#6699CC;color:#000000}
.swatch-6699FF{background-color:#6699FF;color:#000000}
.swatch-66CC00{background-color:#66CC00;color:#000000}
.swatch-66CC33{background-color:#66CC33;color:#000000}
.swatch-66CC66{background-color:#66CC66;color:#000000}
.swatch-66CC99{background-color:#66CC99;color:#000000}
.swatch-66CCCC{background-color:#66CCCC;color:#000000}
.swatch-66CCFF{background-color:#66CCFF;color:#000000}
.swatch-66FF00{background-color:#66FF00;color:#000000}
.swatch-66FF33{background-color:#66FF33;color:#000000}
.swatch-66FF66{background-color:#66FF66;color:#000000}
.swatch-66FF99{background-color:#66FF99;color:#000000}
.swatch-66FFCC{background-color:#66FFCC;color:#000000}
.swatch-66FFFF{background-color:#66FFFF;color:#000000}
.swatch-990000{background-color:#990000;color:#FFFFFF}
.swatch-990033{background-color:#990033;color:#FFFFFF}
.swatch-990066{background-color:#990066;color:#FFFFFF}
.swatch-990099{background-color:#990099;color:#FFFFFF}
.swatch-9900CC{background-color:#9900CC;color:#FFFFFF}
.swatch-9900FF{background-color:#9900FF;color:#FFFFFF}
.swatch-993300{background-color:#993300;color:#FFFFFF}
.swatch-993333{background-color:#993333;color:#FFFFFF}
.swatch-993366{background-color:#993366;color:#FFFFFF}
.swatch-993399{background-color:#993399;color:#FFFFFF}
.swatch-9933CC{background-color:#9933CC;color:#FFFFFF}
.swatch-9933FF{background-color:#9933FF;color:#FFFFFF}
.swatch-996600{background-color:#996600;color:#FFFFFF}
.swatch-996633{background-color:#996633;color:#FFFFFF}
.swatch-996666{background-color:#996666;color:#FFFFFF}
.swatch-996699{background-color:#996699;color:#000000}
.swatch-9966CC{background-color:#9966CC;color:#000000}
.swatch-9966FF{background-color:#9966FF;color:#000000}
.swatch-999900{background-color:#999900;color:#000000}
.swatch-999933{background-color:#999933;color:#000000}
.swatch-999966{background-color:#999966;color:#000000}
.swatch-999999{background-color:#999999;color:#000000}
.swatch-9999CC{background-color:#9999CC;color:#000000}
.swatch-9999FF{background-color:#9999FF;color:#000000}
.swatch-99CC00{background-color:#99CC00;color:#000000}
.swatch-99CC33{background-color:#99CC33;color:#000000}
.swatch-99CC66{background-color:#99CC66;color:#000000}
.swatch-99CC99{background-color:#99CC99;color:#000000}
.swatch-99CCCC{background-color:#99CCCC;color:#000000}
.swatch-99CCFF{background-color:#99CCFF;color:#000000}
.swatch-99FF00{background-color:#99FF00;color:#000000}
.swatch-99FF33{background-color:#99FF33;color:#000000}
.swatch-99FF66{background-color:#99FF66;color:#000000}
.swatch-99FF99{background-color:#99FF99;color:#000000}
.swatch-99FFCC{background-color:#99FFCC;color:#000000}
.swatch-99FFFF{background-color:#99FFFF;color:#000000}
.swatch-CC0000{background-color:#CC0000;color:#FFFFFF}
.swatch-CC0033{background-color:#CC0033;color:#FFFFFF}
.swatch-CC0066{background-color:#CC0066;color:#FFFFFF}
.swatch-CC0099{background-color:#CC0099;color:#FFFFFF}
.swatch-CC00CC{background-color:#CC00CC;color:#FFFFFF}
.swatch-CC00FF{background-color:#CC00FF;color:#000000}
.swatch-CC3300{background-color:#CC3300;color:#FFFFFF}
.swatch-CC3333{background-color:#CC3333;color:#FFFFFF}
.swatch-CC3366{background-color:#CC3366;color:#FFFFFF}
.swatch-CC3399{background-color:#CC3399;color:#FFFFFF}
.swatch-CC33CC{background-color:#CC33CC;color:#000000}
.swatch-CC33FF{background-color:#CC33FF;color:#000000}
.swatch-CC6600{background-color:#CC6600;color:#000000}
.swatch-CC6633{background-color:#CC6633;color:#000000}
.swatch-CC6666{background-color:#CC6666;color:#000000}
.swatch-CC6699{background-color:#CC6699;color:#000000}
.swatch-CC66CC{background-color:#CC66CC;color:#000000}
.swatch-CC66FF{background-color:#CC66FF;color:#000000}
.swatch-CC9900{background-color:#CC9900;color:#000000}
.swatch-CC9933{background-color:#CC9933;color:#000000}
.swatch-CC9966{background-color:#CC9966;color:#000000}
.swatch-CC9999{background-color:#CC9999;color:#000000}
.swatch-CC99CC{background-color:#CC99CC;color:#000000}
.swatch-CC99FF{background-color:#CC99FF;color:#000000}
.swatch-CCCC00{background-color:#CCCC00;color:#000000}
.swatch-CCCC33{background-color:#CCCC33;color:#000000}
.swatch-CCCC66{background-color:#CCCC66;color:#000000}
.swatch-CCCC99{background-color:#CCCC99;color:#000000}
.swatch-CCCCCC{background-color:#CCCCCC;color:#000000}
.swatch-CCCCFF{background-color:#CCCCFF;color:#000000}
.swatch-CCFF00{background-color:#CCFF00;color:#000000}
.swatch-CCFF33{background-color:#CCFF33;color:#000000}
.swatch-CCFF66{background-color:#CCFF66;color:#000000}
.swatch-CCFF99{background-color:#CCFF99;color:#000000}
.swatch-CCFFCC{background-color:#CCFFCC;color:#000000}
.swatch-CCFFFF{background-color:#CCFFFF;color:#000000}
.swatch-FF0033{background-color:#FF0033;color:#000000}
.swatch-FF0066{background-color:#FF0066;color:#000000}
.swatch-FF0099{background-color:#FF0099;color:#000000}
.swatch-FF00CC{background-color:#FF00CC;color:#000000}
.swatch-FF3300{background-color:#FF3300;color:#000000}
.swatch-FF3333{background-color:#FF3333;color:#000000}
.swatch-FF3366{background-color:#FF3366;color:#000000}
.swatch-FF3399{background-color:#FF3399;color:#000000}
.swatch-FF33CC{background-color:#FF33CC;color:#000000}
.swatch-FF33FF{background-color:#FF33FF;color:#000000}
.swatch-FF6600{background-color:#FF6600;color:#000000}
.swatch-FF6633{background-color:#FF6633;color:#000000}
.swatch-FF6666{background-color:#FF6666;color:#000000}
.swatch-FF6699{background-color:#FF6699;color:#000000}
.swatch-FF66CC{background-color:#FF66CC;color:#000000}
.swatch-FF66FF{background-color:#FF66FF;color:#000000}
.swatch-FF9900{background-color:#FF9900;color:#000000}
.swatch-FF9933{background-color:#FF9933;color:#000000}
.swatch-FF9966{background-color:#FF9966;color:#000000}
.swatch-FF9999{background-color:#FF9999;color:#000000}
.swatch-FF99CC{background-color:#FF99CC;color:#000000}
.swatch-FF99FF{background-color:#FF99FF;color:#000000}
.swatch-FFCC00{background-color:#FFCC00;color:#000000}
.swatch-FFCC33{background-color:#FFCC33;color:#000000}
.swatch-FFCC66{background-color:#FFCC66;color:#000000}
.swatch-FFCC99{background-color:#FFCC99;color:#000000}
.swatch-FFCCCC{background-color:#FFCCCC;color:#000000}
.swatch-FFCCFF{background-color:#FFCCFF;color:#000000}
.swatch-FFFF33{background-color:#FFFF33;color:#000000}
.swatch-FFFF66{background-color:#FFFF66;color:#000000}
.swatch-FFFF99{background-color:#FFFF99;color:#000000}
.swatch-FFFFCC{background-color:#FFFFCC;color:#000000}