.color-hint{margin:6px 0 0;font-size:.8125rem;color:var(--color-slate-600);line-height:1.6}.color-hint:empty{display:none}.color-hint-error{color:var(--color-error-dark)}#hexInput[aria-invalid=true]{border-color:var(--color-error)}.color-history{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}.history-item{width:36px;height:36px;border-radius:8px;border:1px solid var(--color-slate-300);cursor:pointer;padding:0}.history-item:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.history-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.color-notes ul{margin-top:12px;padding-left:20px;list-style:disc;color:var(--color-slate-600);font-size:.875rem;line-height:1.8}