:root{--color-gray-1:#f7f7f7;--color-gray-2:#f3f3f3;--color-gray-3:#eaeaea;--color-gray-4:#e2e2e2;--color-gray-5:#dadada;--color-gray-6:#d2d2d2;--color-gray-7:#c6c6c6;--color-gray-8:#b4b4b4;--color-gray-9:#090909;--color-gray-10:#252525;--color-gray-11:#5d5d5d;--color-gray-12:#1f1f1f}.dark{color-scheme:dark;--color-gray-1:#090909;--color-gray-2:#181818;--color-gray-3:#222;--color-gray-4:#292929;--color-gray-5:#313131;--color-gray-6:#3a3a3a;--color-gray-7:#484848;--color-gray-8:#616161;--color-gray-9:#fafafa;--color-gray-10:#f1f1f1;--color-gray-11:#b4b4b4;--color-gray-12:#eee}:root{font-family:var(--font-body,Arial, Helvetica, sans-serif);color:var(--color-gray-12);background:var(--color-gray-1);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-heading,Georgia, serif);font-weight:400}.site-shell{max-width:1480px;margin:0 auto;padding:0 clamp(18px,5vw,64px)}.hero{padding:clamp(72px,8vw,112px) 0 clamp(44px,6vw,72px)}h1{letter-spacing:-.055em;margin-bottom:14px;font-size:clamp(38px,5vw,64px);line-height:1.08}.hero-description{max-width:520px;color:var(--color-gray-11);margin-bottom:31px;font-size:14px;line-height:1.55}.search-panel{max-width:640px}.color-controls{border:1px solid var(--color-gray-7);background:var(--color-gray-3);align-items:center;gap:14px;padding:7px;display:flex}.color-controls:focus-within{border-color:var(--color-gray-8)}.color-picker-wrap{flex:none;width:46px;height:46px;position:relative}.color-picker-trigger{border:1px solid var(--color-gray-7);border-radius:2px;width:100%;height:100%;padding:0;display:block}.color-picker-trigger:focus-visible{outline:2px solid var(--color-gray-8);outline-offset:2px}.color-popover{z-index:10;border:1px solid var(--color-gray-7);background:var(--color-gray-3);width:238px;padding:12px;position:absolute;top:calc(100% + 12px);left:-8px}.color-popover .react-colorful{width:100%;height:190px}.color-popover .react-colorful__saturation{border-radius:2px 2px 0 0}.color-popover .react-colorful__hue{border-radius:0 0 2px 2px;height:18px}.hex-field{flex-direction:column;flex:1;min-width:0;display:flex}.hex-field label{color:var(--color-gray-11);margin-bottom:3px;font-size:11px}.hex-field input{width:100%;color:var(--color-gray-12);font-family:var(--font-mono,monospace);letter-spacing:.02em;background:0 0;border:0;outline:0;padding:0;font-size:16px}.search-button{background:var(--color-gray-9);min-width:96px;color:var(--color-gray-1);border:0;align-self:stretch;padding:0 16px;font-size:13px;font-weight:600}.search-button:hover,.search-button:focus-visible{background:var(--color-gray-10)}.form-error{color:var(--color-gray-12);margin:9px 0 0;font-size:12px;font-weight:600}.suggestions{color:var(--color-gray-11);align-items:center;gap:14px;margin-top:15px;font-size:12px;display:flex}.suggestion-list{align-items:center;gap:9px;display:flex}.suggestion{border:2px solid var(--color-gray-1);width:22px;height:22px;box-shadow:0 0 0 1px var(--color-gray-7);border-radius:50%;padding:0}.suggestion:hover,.suggestion:focus-visible{box-shadow:0 0 0 2px var(--color-gray-8);outline:none}.results-section{border-top:1px solid var(--color-gray-6);padding:31px 0 80px;scroll-margin-top:24px}.results-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:23px;display:flex}h2{letter-spacing:-.035em;margin:0;font-size:clamp(23px,2.5vw,30px);line-height:1.2}.results-meta{color:var(--color-gray-11);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.searched-dot{border-radius:50%;width:10px;height:10px}.searched-hex{font-family:var(--font-mono,monospace)}.meta-divider{color:var(--color-gray-8)}.catalog-action{border:0;border-bottom:1px solid var(--color-gray-8);color:var(--color-gray-12);background:0 0;margin:0 0 22px;padding:8px 0;font-size:12px;display:inline-block}.catalog-action:hover,.catalog-action:focus-visible{border-color:var(--color-gray-12)}.catalog-action:disabled{cursor:default;opacity:.5}.catalog-action.load-more{margin:28px auto 0;display:block}.artwork-gallery{flex-direction:column;gap:30px;display:flex}.gallery-row{align-items:flex-start;gap:16px;max-width:100%;display:flex}.gallery-item,.artwork-card{min-width:0}.artwork-image{background:var(--color-gray-3);cursor:zoom-in;border:0;place-items:center;width:100%;padding:0;display:grid;overflow:hidden}.artwork-image:focus-visible{outline:2px solid var(--color-gray-8);outline-offset:3px}.artwork-image img{width:100%;height:auto;display:block}.image-unavailable{width:100%;height:100%;color:var(--color-gray-1);background:var(--color-gray-9);text-align:center;place-items:center;padding:16px;font-size:13px;display:grid}.artwork-palette{gap:2px;width:100%;height:14px;margin-top:8px;display:flex}.palette-color{background:0 0;border:0;align-items:center;min-width:0;height:14px;padding:0;display:flex}.palette-color:focus-visible{outline:2px solid var(--color-gray-8);outline-offset:1px}.palette-swatch{width:100%;height:6px;display:block}.palette-color:hover .palette-swatch,.palette-color:focus-visible .palette-swatch{height:10px}.artwork-dialog-backdrop{z-index:40;background:color-mix(in srgb, var(--color-gray-12) 68%, transparent);position:fixed;inset:0}.artwork-dialog-viewport{z-index:41;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.artwork-dialog{border:1px solid var(--color-gray-6);background:var(--color-gray-2);width:min(100%,1060px);height:min(760px,100dvh - 48px);min-height:0;box-shadow:0 24px 80px color-mix(in srgb, var(--color-gray-12) 18%, transparent);grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);margin:auto;display:grid;overflow:hidden}.dialog-image{background:var(--color-gray-3);justify-content:center;align-items:center;min-width:0;min-height:0;padding:clamp(16px,3vw,32px);display:flex}.dialog-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.dialog-info{flex-direction:column;min-width:0;padding:24px 28px 28px;display:flex;overflow-y:auto}.dialog-close{border:1px solid var(--color-gray-7);width:36px;height:36px;color:var(--color-gray-12);background:0 0;flex:none;align-self:flex-end;place-items:center;padding:0;display:grid}.dialog-close:hover,.dialog-close:focus-visible{background:var(--color-gray-4)}.dialog-heading{margin:30px 0 36px}.dialog-museum{color:var(--color-gray-11);margin-bottom:12px;font-size:12px}.dialog-title{letter-spacing:-.035em;margin-bottom:12px;font-size:clamp(26px,3vw,38px);line-height:1.1}.dialog-byline{color:var(--color-gray-11);margin-bottom:0;font-size:14px;line-height:1.5}.dialog-colors{margin-top:auto}.dialog-label{margin-bottom:12px;font-size:13px}.dialog-color-bar{gap:2px;width:100%;height:14px;margin-bottom:15px;display:flex}.dialog-color-list{gap:2px;display:grid}.dialog-color{width:100%;min-height:36px;color:var(--color-gray-12);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:4px 6px;display:flex}.dialog-color:hover,.dialog-color:focus-visible{background:var(--color-gray-4)}.dialog-color-swatch{border:1px solid var(--color-gray-6);flex:none;width:20px;height:20px}.dialog-color-hex{font-family:var(--font-mono,monospace);font-size:12px}.dialog-color-share{color:var(--color-gray-11);font-family:var(--font-mono,monospace);margin-left:auto;font-size:11px}.dialog-source{border-top:1px solid var(--color-gray-6);justify-content:space-between;gap:16px;margin-top:24px;padding-top:16px;font-size:13px;text-decoration:none;display:flex}.dialog-source:hover,.dialog-source:focus-visible{text-underline-offset:3px;text-decoration:underline}.empty-state{color:var(--color-gray-11);padding:50px 0;font-size:14px}.site-footer{border-top:1px solid var(--color-gray-6);color:var(--color-gray-11);justify-content:space-between;gap:20px;padding:23px 0 35px;font-size:12px;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}@media (width<=600px){.hero{padding:72px 0 52px}.hero-description{margin-bottom:25px}.color-controls{gap:10px}.color-picker-wrap{width:42px;height:42px}.search-button{min-width:80px;padding:0 12px}.artwork-gallery{gap:23px}.artwork-dialog-viewport{padding:12px}.artwork-dialog{width:min(100%,520px);height:auto;max-height:calc(100dvh - 24px);display:block;overflow-y:auto}.dialog-image{height:min(43dvh,360px);padding:16px}.dialog-info{padding:18px 20px 22px;overflow:visible}.dialog-heading{margin:18px 0 28px}}@media (width<=420px){.results-heading{flex-direction:column;align-items:flex-start;gap:9px}}