.ColorDetail-module__8s3f5a__detail{max-width:700px;margin:0 auto}.ColorDetail-module__8s3f5a__swatch{border:1px solid var(--color-border);border-radius:.75rem;width:100%;height:200px;margin-bottom:1.5rem}.ColorDetail-module__8s3f5a__title{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.ColorDetail-module__8s3f5a__section{margin-bottom:1.5rem}.ColorDetail-module__8s3f5a__section h2{border-bottom:1px solid var(--color-border);margin-bottom:.75rem;padding-bottom:.25rem;font-size:1.1rem;font-weight:600}.ColorDetail-module__8s3f5a__codeTable{border-collapse:collapse;width:100%;font-size:.95rem}.ColorDetail-module__8s3f5a__codeTable th{text-align:left;color:var(--color-text-muted);width:60px;padding:.5rem 1rem .5rem 0;font-weight:600}.ColorDetail-module__8s3f5a__codeTable td{padding:.5rem 0;font-family:monospace}.ColorDetail-module__8s3f5a__codeTable td:last-child{text-align:right;width:80px}.ColorDetail-module__8s3f5a__codeTable tr{border-bottom:1px solid var(--color-border)}.ColorDetail-module__8s3f5a__copyButton{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-muted);border-radius:.375rem;padding:.2rem .6rem;font-size:.8rem;transition:border-color .2s,background-color .2s}.ColorDetail-module__8s3f5a__copyButton:hover{border-color:var(--color-primary);background-color:var(--color-bg)}.ColorDetail-module__8s3f5a__categoryLink{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text);border-radius:999px;padding:.3rem .8rem;font-size:.9rem;text-decoration:none;transition:border-color .2s;display:inline-block}.ColorDetail-module__8s3f5a__categoryLink:hover{border-color:var(--color-primary)}.ColorDetail-module__8s3f5a__crossLink{color:var(--color-primary);font-size:.9rem;text-decoration:none;display:inline-block}.ColorDetail-module__8s3f5a__crossLink:hover{text-decoration:underline}.ColorDetail-module__8s3f5a__relatedList{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;display:grid}.ColorDetail-module__8s3f5a__relatedLink{border:1px solid var(--color-border);color:var(--color-text);border-radius:.5rem;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;text-decoration:none;transition:border-color .2s,background-color .2s;display:flex}.ColorDetail-module__8s3f5a__relatedLink:hover{border-color:var(--color-primary);background-color:var(--color-bg-secondary)}.ColorDetail-module__8s3f5a__relatedSwatch{border:1px solid var(--color-border);border-radius:.375rem;width:100%;height:40px;display:block}.ColorDetail-module__8s3f5a__relatedName{text-align:center;font-size:.8rem}@media (max-width:640px){.ColorDetail-module__8s3f5a__swatch{height:150px}.ColorDetail-module__8s3f5a__title{font-size:1.25rem}}