@font-face{font-family:Inter;src:url(/chroma-index/assets/inter-latin-Dx4kXJAl.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{color:#11110f;background:#f2f0ea;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--page-gutter: clamp(10px, 1.25vw, 22px);--line: rgba(17, 17, 15, .18);--toolbar-height: 43px;--sticky-stack-height: 97px}*{box-sizing:border-box}html{background:#f2f0ea}body{min-height:100vh;margin:0;background:#f2f0ea}button,summary{color:inherit;font:inherit}button{border-radius:0}button:focus-visible,summary:focus-visible{outline:1px solid currentColor;outline-offset:2px}.site-header{position:sticky;top:0;z-index:40;background:#f2f0ea}.masthead{display:flex;align-items:baseline;gap:clamp(14px,2vw,36px);min-height:54px;padding:17px var(--page-gutter) 11px;border-bottom:1px solid var(--line)}.masthead h1,.masthead p{margin:0}.masthead h1{font-family:Inter,Arial,Helvetica,sans-serif;font-size:15px;font-weight:800;letter-spacing:-.055em;line-height:1;text-transform:uppercase}.masthead p{color:#5c5c56;font-size:12px;letter-spacing:.01em}.rron-link{margin-left:auto;color:#11110f;font-size:11px;font-weight:500;letter-spacing:.02em;text-decoration:none}.rron-link:hover{text-decoration:underline;text-underline-offset:3px}.filter-bar{position:relative;z-index:1;display:flex;align-items:center;gap:3px;min-height:var(--toolbar-height);padding:5px var(--page-gutter);border-bottom:1px solid var(--line);background:#f2f0ea;white-space:nowrap}.filter-action,.filter-chip,.filter-menu summary,.clear-filter,.menu-option{min-height:31px;padding:0 9px;border:0;background:transparent;font-size:11px;line-height:31px;cursor:pointer}.filter-action:hover,.filter-chip:hover,.filter-menu summary:hover,.clear-filter:hover,.menu-option:hover,.filter-action.is-active,.filter-chip.is-active,.menu-option.is-active{background:#11110f;color:#fff}.filter-divider{width:1px;height:18px;margin:0 4px;background:var(--line)}.quick-filters{display:contents}.filter-menu{position:relative}.more-menu{position:static}.filter-menu summary{display:block;list-style:none}.filter-menu summary::-webkit-details-marker{display:none}.filter-menu summary:after{content:" ↓";color:#777770}.filter-menu[open] summary{background:#11110f;color:#fff}.filter-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:168px;padding:6px;border:1px solid #11110f;background:#f2f0ea}.color-panel,.more-panel fieldset>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}.menu-option{width:100%;text-align:left}.more-panel{right:auto;left:var(--page-gutter);width:min(720px,calc(100% - (var(--page-gutter) * 2)));max-height:calc(100dvh - var(--sticky-stack-height) - 12px);overflow-x:hidden;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:12px;padding:12px}.mobile-temperature{display:none}.more-panel fieldset{min-width:0;margin:0;padding:0;border:0}.more-panel legend{margin-bottom:5px;padding:0 8px;color:#71716a;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.clear-filter{margin-left:auto;color:#686862}.clear-filter[hidden]{display:none}main{padding:12px var(--page-gutter) 48px}.palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 8px}.palette-card{min-width:0}.palette-visual{display:flex;width:100%;aspect-ratio:1.48 / 1;overflow:hidden;background:#deded8}.palette-swatch{flex:1 1 0;min-width:0;height:100%;padding:0;border:0;cursor:copy;transition:flex-grow .14s ease}@media(hover:hover){.palette-swatch:hover{flex-grow:1.11}}.palette-meta{display:flex;align-items:center;gap:6px;height:27px;border-bottom:1px solid rgba(17,17,15,.14)}.palette-meta h2{min-width:0;margin:0;overflow:hidden;font-size:10px;font-weight:500;letter-spacing:.01em;line-height:1;text-overflow:ellipsis;white-space:nowrap}.palette-actions{display:flex;margin-left:auto}.palette-actions button{display:grid;width:27px;height:27px;place-items:center;padding:0;border:0;background:transparent;cursor:pointer}.palette-actions button:hover{background:#11110f;color:#fff}.palette-actions svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1}.virtual-space{width:100%}.sentinel{height:1px;pointer-events:none}.gallery-status,.clipboard-fallback{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.copy-feedback{position:fixed;right:var(--page-gutter);bottom:16px;z-index:100;padding:7px 9px;background:#11110f;color:#fff;font-size:10px;letter-spacing:.04em;opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .12s ease,transform .12s ease}.copy-feedback.is-visible{opacity:1;transform:translateY(0)}.palette-dialog{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#f2f0ea}.palette-dialog::backdrop{background:#11110f2e}.dialog-shell{display:grid;grid-template-rows:44px minmax(220px,1fr) 35px 40px;width:100%;height:100%}.dialog-header{position:relative;z-index:2;display:flex;align-items:center;min-width:0;background:#f2f0ea}.dialog-header{padding-left:var(--page-gutter);border-bottom:1px solid var(--line)}.dialog-header h2{min-width:0;margin:0;overflow:hidden;font-size:11px;font-weight:600;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}.dialog-navigation{display:flex;height:100%;margin-left:auto}.dialog-navigation button,.dialog-actions button,.palette-values button{min-width:42px;padding:0 12px;border:0;background:transparent;font-size:10px;cursor:pointer}.dialog-navigation button{height:100%;border-left:1px solid var(--line)}.dialog-navigation button:hover,.dialog-actions button:hover,.dialog-actions button.is-active,.palette-values button:hover{background:#11110f;color:#fff}.dialog-navigation button:disabled{color:#aaa9a2;cursor:default}.dialog-preview{position:relative;min-width:0;min-height:0;overflow:hidden}.dialog-preview>[hidden]{display:none}.expanded-palette,.gradient-preview{width:100%;height:100%}.expanded-palette{display:flex;min-width:0;min-height:0}.expanded-color{flex:1 1 0;min-width:0;padding:0;border:0;cursor:copy}.gradient-preview{background-position:center;background-size:cover}.palette-values{display:grid;grid-template-columns:repeat(var(--color-count, 5),minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.palette-values[hidden]{display:none}.palette-values button{min-width:0;padding:0 clamp(4px,.6vw,10px);overflow:hidden;border-right:1px solid var(--line);font-size:clamp(7px,.7vw,10px);text-align:left;text-overflow:ellipsis;white-space:nowrap}.palette-values button:last-child{border-right:0}.dialog-actions{display:flex;align-items:stretch;min-width:0;overflow-x:auto;scrollbar-width:none}.dialog-actions::-webkit-scrollbar{display:none}.dialog-actions button{flex:0 0 auto;min-width:70px;border-right:1px solid var(--line);font-size:9px;white-space:nowrap}.dialog-actions button[data-dialog-view]{font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dialog-actions button.is-active{background:#11110f;color:#fff}@media(min-width:600px){.palette-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:800px){.palette-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1050px){.palette-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:1250px){.palette-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(min-width:1450px){.palette-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(min-width:1680px){.palette-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}@media(min-width:2040px){.palette-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}@media(max-width:699px){:root{--toolbar-height: 41px;--sticky-stack-height: 89px}.masthead{min-height:48px;padding-top:14px;padding-bottom:9px}.filter-bar{overflow:visible}.filter-divider,.quick-filters{display:none}.more-panel{top:calc(100% + 1px);left:var(--page-gutter);width:calc(100% - (var(--page-gutter) * 2));grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.mobile-temperature{display:block}.more-panel fieldset>div{grid-template-columns:1fr}.clear-filter{margin-left:0}.dialog-shell{grid-template-rows:44px minmax(180px,1fr) 33px 40px}}@media(max-width:479px){:root{--sticky-stack-height: 101px}.masthead{display:grid;grid-template-columns:auto 1fr;align-items:center;row-gap:5px;min-height:60px}.masthead p{grid-column:1 / -1;grid-row:2}.rron-link{grid-column:2;grid-row:1;justify-self:end}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}